Community Picks·2yHow to reduce unused JavaScript in your code?
Reducing unused JavaScript is crucial for optimizing modern websites. This guide covers techniques like code splitting, tree shaking, minifying JavaScript, loading scripts asynchronously, dynamic imports, and lazy loading to help improve web performance by cutting down on unnecessary code.
LogRocket·2yOptimizing rendering in Vue
Learn how to optimize rendering in Vue.js by understanding rendering basics, using directives like v-once and v-memo, optimizing lists and conditional content with v-for, v-if, and v-show, and implementing component-level strategies like lazy loading and effective component structuring.
builder.io·2yFigma to Vue: Convert Designs to Clean Vue Code in a Click
Builder.io introduces Visual Copilot, an AI-powered tool that converts Figma designs to clean and responsive code. It streamlines the design-to-code workflow, facilitates collaboration, and enhances the efficiency of web development.
Medium·2y101 Things I Never Knew About Python
The post shares insights from an experienced Python developer who has written extensively on the language. It details the author's journey from learning Python in university to becoming a full-stack software engineer and prolific writer on Medium. The post also introduces a book compiled from over 700 articles, aiming to consolidate various Python tricks and concepts learned over the years.
Michael Thiessen·2y12 Design Patterns in Vue
This post provides an overview of 12 design patterns in Vue, along with examples of how they work. It emphasizes the importance of design patterns in writing code that works well over time. The post also mentions the availability of nine bonus patterns in the Clean Components Toolkit, which is currently offered at a discounted price.
Telerik·2yNuxt 3 Server Components Rock
Server Components in Nuxt 3 allow you to generate pure HTML and CSS without loading client-side JavaScript. While still experimental, they offer significant advantages for non-interactive components and can be mixed with client components using feature flags and specific setups. The post includes a detailed guide on setting up these components using Firebase for data fetching and Tailwind for styling, and explains how to integrate server and client components together.
Laravel News·2yBuild Tables Based on Eloquent Models with Inertia Table
Inertia Table is part of the Inertia UI suite, designed for Laravel, Vue, and Tailwind CSS, created by Pascal Baljet. It simplifies building tables based on Eloquent Models with features like sorting, pagination, column toggles, search, extensive filtering, and export options (CSV, Excel, PDF). It supports dark mode and inline table creation. A demo is available, and the package requires MySQL 8, PostgreSQL 14, or SQLite 3, along with Tailwind CSS 3.4+ and Vue 3.4+.