Archive - 2024
2024 — 172 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: 多EnvironmentBuildConfiguration完全Guide
- React 19 Server Components Stable: Next.js 15 中ProductionPractice
- The Rspack Ecosystem: Plugin Compatibility and Production Landing Cases
- Deno 2.0 Node Compatibility: EcosystemStatus & Production评估
- React 19 Official Release: New Hooks and Server Actions Complete Analysis
- Svelte 5 Post-Release Ecosystem: Community Migration Progress and Toolchain Updates
- A Year as Frontend Tech Lead: Technical Management in an 8-Person Team
- Vue 3.5 Reactivity Optimization in Practice: Real Gains from Upgrading a Large Project
- TypeScript 5.5 Type Narrowing Practice: RealProject中TypeImprovements案例
- Next.js 15 Turbopack Stable Practice: Webpack MigrationRealData
- React 19 use() Hook in Depth: Comparing and Merging with Traditional Data Fetching
- Frontend Monitoring Best Practices 2024
- CSS Native Nesting in Practice
Nov (14)
- Node.js Testing Best Practices
- React 19 New Hooks Summary
- Next.js 15: Caching Off by Default, PPR, and Turbopack Stable
- Rollup Stack Frontend Adaptation: OP Stack and ZK Stack
- 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: Chrome Implementation Progress and Fallback Strategy
- 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: A New Paradigm Unifying Development and Build Environments
- CSS :has() Selector Advanced Applications: 2024 Real-World Scenarios
- React Server Components 2024: From Experiment to Stabilization
Sep (14)
- The Rspack Ecosystem Guide: A Rust-Powered Build Option Compatible with Webpack
- Deno 2.0 Node Compatibility: Deno 1.x MigrationRealExperience
- Svelte 5 Release Explained: The Reactive Paradigm Shift Brought by Runes
- TypeScript 5.6: Iterator Helpers, Regex Types, and Strict Built-in Checks
- Vue 3.5 Reactivity Overhaul: Reactive Props Destructuring and useTemplateRef
- TypeScript 5.5 Implicit Type Narrowing: Another Evolution in Control Flow Analysis
- Next.js 15 Makes Turbopack the Default: A Milestone for a New Generation of Build Tools
- React 19 use() Hook in Practice: Consuming Promises and Context Directly
- 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 (15)
- Deno 2 FFI Interface
- Bun Shell Scripting in Practice 2024: Replacing npm Scripts in a Real Project
- 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
- Deep Dive into viem: A Type-Safe Ethereum Interaction Layer
- 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 (14)
- StyleX: Meta's CSS Solution
- Tailwind CSS v4: The Oxide Engine
- RAG Application Frontend Integration: Architecture Design and Implementation
- Modular Blockchain Frontend: Celestia and EigenLayer Integration
- Native CSS Scoping: Style Encapsulation Without JS
- Angular 17.3 Output API: Farewell to @Output() Decorator
- CSS View Transitions v2 Proposal: The Road to Standardizing Cross-Document Animations
- 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 Incremental Migration Strategy
- 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 (16)
- 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
- Account Abstraction (ERC-4337) Frontend Practices
- 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