Archive - 2024
2024 — 168 articles
Dec (15)
- 2025 Frontend Outlook: Signal Architecture Mature, React 19 Ecosystem, and Deep AI Integration
- 2024 Year-End Summary: Seven Years in Frontend, the AI Year
- Vite 6 Environment API in Practice
- React 19 Server Components Stable
- Rspack Ecosystem Complete Guide
- Deno 2.0 Node.js Compatibility
- React 19 Official Release: New Hooks and Server Actions Complete Analysis
- Svelte 5 Release Deep Dive
- A Year as Frontend Tech Lead: Technical Management in an 8-Person Team
- Vue 3.5 Reactivity Refactor
- TypeScript 5.5 Implicit Type Narrowing
- Next.js 15 Turbopack as Default
- React 19 use() Hook in Practice
- Frontend Monitoring Best Practices 2024
- CSS Native Nesting in Practice
Nov (13)
- Node.js Testing Best Practices
- React 19 New Hooks Summary
- Next.js 15: Caching Off by Default, PPR, and Turbopack Stable
- Vue 3 Composables Advanced
- Angular 19 Official Release: Incremental Hydration, Route-Level Rendering, and Zoneless Developer Preview
- Frontend Supply Chain Security 2024
- TypeScript Project Configuration Best Practices
- Frontend Architecture Evolution: From Pages to Components to Modules
- Vite PWA Best Practices
- React Optimistic Update Patterns
- Playwright Component Testing 2024
- Zustand v5 Practical Guide
- Hono Middleware System
Oct (16)
- CSS @starting-style
- Astro 4 Islands Architecture Deep Dive
- CSS View Transitions v2
- Biome v2 Fast Formatting
- Angular 19 RC Preview: Incremental Hydration and Template HMR
- Nuxt 3.12 New Features
- AI-Driven Frontend Workflow: My Practice Summary
- React Native 0.75 New Architecture
- Bun 1.1 Cross-Platform Runtime
- Svelte 5 Runes: A Paradigm Shift in Reactive Programming
- Node.js 22 Permission Model
- Tailwind CSS v4 Experience
- TypeScript 5.6 New Features
- Vite 6 Environment API in Practice
- CSS :has() Selector Advanced Applications: 2024 Real-World Scenarios
- React 19 Server Components Stable
Sep (14)
- Rspack Ecosystem Complete Guide
- Deno 2.0 Node.js Compatibility
- Svelte 5 Release Deep Dive
- TypeScript 5.6: Iterator Helpers, Regex Types, and Strict Built-in Checks
- Vue 3.5 Reactivity Refactor
- TypeScript 5.5: Implicit Type Narrowing
- Next.js 15: Turbopack as Default
- React 19 use() Hook in Practice
- Angular 18.2 linkedSignal: New Primitive for Reactive Dependent Signals
- JavaScript Set New Methods
- Iterator Helpers: Official Landing
- Tailwind CSS 4.0: Oxide Engine and CSS-First Configuration
- HTML Popover: Stable Release in Full Production
- Deno compile: Single-File Executables
Aug (14)
- Deno 2 FFI Interface
- Bun Shell Scripting Capabilities
- CSS-in-JS 2024: Solution Comparison
- Ark UI v2 Headless Component Library
- Radix UI Themes Design System
- Edge Rendering Strategy: CDN Worker, ISR, or Streaming SSR
- shadcn/ui 2024 Ecosystem Development
- Package Manager Wars 2024 Summary
- pnpm v9: New Features and Performance Improvements
- Biome v2: New Frontend Toolchain Version
- ESLint v9 Stable: Migration Guide
- React Server Components Design Patterns: Practical Summary
- Angular 18.1: Signal Inputs/Outputs/Queries Fully Stable
- Monorepo 2024 Toolchain Summary
Jul (14)
- Trusted Types v1 Stable Release
- Web Crypto API Encryption in Practice
- Passkeys: Complete Web Integration
- structuredClone: Full Browser Coverage
- CSS View Transitions API: Seamless Page Transitions
- Scheduler API Stable: In Practice
- View Transitions Stable: Practical Applications
- Popover API Stable: In Practice
- Resizable ArrayBuffer Performance Optimization
- Speculation Rules API v2
- Svelte 5 Component Model
- React Performance Optimization 2024 Guide
- INP Core Metric Optimization Guide
- Partial Hydration: Practical Solutions
Jun (12)
- Edge Rendering 2024 Best Practices
- Astro 4 Content Collections: Content-Driven Site Architecture
- Server-first Frontend Architecture Evolution
- Micro Frontend 2024 Architecture Trends
- v0 Vercel AI UI Generation Tool
- AI Prompt Engineering Coding Techniques
- LLM Frontend Integration Solutions
- Devin AI Software Engineer Analysis
- Vue 3.5: Reactivity System Rewrite and Performance Leap
- AI Code Review Tool Comparison
- GitHub Copilot Chat New Features
- Claude Artifacts Development Workflow
May (15)
- Advanced Cursor IDE Tips and Tricks
- Angular 18 Zoneless Change Detection: Experimental but Revolutionary
- Frontend Testing 2024 Best Practices
- Storybook 8 Official Release Improvements
- Vitest 2.0 Release New Features
- Playwright 1.40 New Features Summary
- Pinia Colada Data Fetching Library
- React Compiler Beta: React Conf 2024 Major Release, Say Goodbye to useMemo
- Valtio v2 Proxy State Management
- Zustand v5 Practical Application
- TanStack DB Client-side Database
- Svelte 5 Runes Reactivity Rewrite
- TypeScript 5.7 New Features
- Astro 4.0 View Transitions
- React 19 New Features: Actions and Mature Server Components
Apr (13)
- Hono v4 Full-Stack Framework Summary
- Biome Complete Workflow: Migration, CI Integration, and Team Standards
- Node.js 22 LTS New Features
- Deno 2.0 Node Compatibility and npm
- Bun 1.1 New Features and Improvements
- Vite PWA Plugin Best Practices
- Bun Bundler Performance Benchmark
- Vue 3.4: defineModel and v-bind Shorthand
- Rolldown Stable: Rust-powered Build
- Farm Frontend Build Tool Official Release
- Turbopack Stable: Performance Comparison
- Rspack 1.0 Stable Release
- Open Props v2 CSS Design System
Mar (13)
- StyleX: Meta's CSS Solution
- Tailwind CSS v4: The Oxide Engine
- RAG Application Frontend Integration: Architecture Design and Implementation
- Native CSS Scoping: Style Encapsulation Without JS
- Angular 17.3 Output API: Farewell to @Output() Decorator
- CSS View Transitions v2
- CSS light-dark() for Light/Dark Mode
- CSS timeline-scope: Scroll Timelines
- CSS Anchor Positioning API
- Biome: A Rust-Based Frontend Toolchain — Can It Really Replace ESLint + Prettier?
- TypeScript 5.6 Preview Features
- TypeScript 渐进式迁移策略
- TypeScript infer: Narrowing and Pattern Matching
Feb (14)
- Vue 3.5: Props Destructure Defaults
- TypeScript 5.4 & 5.5 New Features
- Vite Environment API: Stable Release
- Vite 6.0 Releases Environment API
- AI-Assisted Code Review: Hands-On Practice in an 8-Person Team
- Nuxt Content v3 Content Management
- Vue 3 Composables Design Patterns
- Angular 17.2: Signal-based Queries Developer Preview
- vue-i18n v9 Internationalization in Practice
- VitePress 1.0 Official Release
- Nuxt 3.11 New Features Overview
- TypeScript 5.4: NoIntrinsic, Object.groupBy and Type Inference Enhancements
- Vue 3.5: Reactivity Performance Improvements
- Vue 3.4 Vapor Mode Preview
Jan (15)
- React 2024 Recommended Libraries
- TypeScript 5.x Decorators: The Official Standard
- React Native 0.74: New Architecture as Default
- React 19 Form Actions: Automatic Form Submission
- React 19: useActionState for Form State
- React 19: useOptimistic for Optimistic Updates
- Next.js 15 New Features: A Comprehensive Overview
- Astro 4: Maturity of the Content-First Architecture
- React 19: Native Metadata Support
- Angular 17 Default esbuild Build: 3x Faster First Build in Practice
- React 19 Server Components: Stable Release
- React 19: The use() Hook for Async Reading
- React 19 Actions: Forms and Mutations
- React 19: New Context API
- React 19 Compiler: Automatic Memoization