Archive - 2021
2021 — 166 articles
Dec (14)
- 2022 Frontend Technology Outlook: React 18, Vue 3 Default, and the Vite Era
- Frontend Error Monitoring and Alerting
- Frontend Build Tools Comparison: Webpack vs Vite vs esbuild
- TypeScript Template Literal Types: Advanced
- Vite Pre-Bundling Internals
- Vue 3.2 defineProps Destructuring
- Angular 13 Release: Removing View Engine Remnants and APF Redesign
- React 18 SSR Streaming Rendering
- 2021 Frontend Ecosystem Review: The Year of Vite
- Web Serial API: Hardware Communication
- File System Access API: File Operations
- Team Technology Stack Upgrade Methodology
- Clipboard API: Advanced Usage
- Web Share API: Native Sharing
Nov (14)
- JavaScript Async Patterns Overview
- Web Animations API: Native Animations
- Frontend Error Log Collection and Analysis
- Privacy-Friendly Web Analytics Solutions
- React 18 New Features Preview: Concurrent Features Are Here
- OpenTelemetry Frontend Observability
- Mapbox GL JS Frontend Map Development
- Vitest First Experience: The Vite-Native Unit Testing Framework
- Three.js: Introduction to 3D Web Visualization
- Visx: Airbnb's Data Visualization Library
- Turborepo First Look: High-Performance Monorepo Builds
- Tech Radar: Technology Selection
- Frontend Engineering Team New Member Onboarding
- TypeScript 4.5 New Features: Pragmatic Improvements
Oct (13)
- Documentation-Driven Development in Practice
- GraphQL Real-Time Data Solutions
- React Suspense Data Fetching Patterns
- Technical Debt Management and Repayment Strategies
- Figma to Code: Design-to-Code Automation
- Next.js 12 New Features Explained
- Storybook-Driven Design System
- Headless UI Component Libraries
- Vue 3 `<script setup>` Official Release
- Radix UI: Unstyled Component Primitives
- TanStack Table v8: Data Tables
- Vue 3 + TypeScript Component Library Refactoring Practice
- Immer: Immutable Data in Practice
Sep (13)
- Valtio: Proxy-Based State Management
- CSS Architecture Evolution: From BEM to Utility-First
- Jotai: Atomic State Management
- JavaScript Error cause: Error Chaining
- Frontend Build Performance Optimization: From Webpack to Vite
- JavaScript structuredClone: Deep Copy
- Frontend Image Processing Solutions
- Rollup Plugin Development Guide
- JavaScript Array.flatMap Practical Tips
- JavaScript Logical Assignment Operators
- TypeScript 4.4 New Features
- JavaScript Top-Level await Use Cases
- Flutter vs React Native 2021 Comparison
Aug (14)
- Node.js 16 LTS Developer Guide
- Tauri: A New Choice for Desktop App Development
- Ionic Vue: Cross-Platform Mobile Development
- CSS Container Queries: Browser Support Is Coming
- Angular Universal SSR: A Complete Guide to SEO and Initial Page Optimization
- React Native 0.64: Hermes Engine
- GitOps Frontend Deployment Workflow
- Vite Environment Variable Management
- Docker Multi-Stage Build for Frontend Applications
- Netlify Edge Functions: Edge Computing
- Vite SSR in Practice
- Vercel: Frontend Deployment and Preview Environments
- Frontend Secret Key Security Management
- Building a Technical Documentation Site with VitePress
Jul (15)
- Angular 12: Ivy Only, Webpack 5 Default, and Sass Upgrade
- ES2021 New Features: A Pragmatic Update
- SRI: Subresource Integrity Verification
- OAuth 2.0 PKCE Frontend Authentication Flow
- gRPC-Web Frontend Communication in Practice
- Server-Sent Events: One-Way Real-Time Communication
- tRPC: Type-Safe API Layer
- Tailwind CSS 3.0 in Practice: JIT Mode
- GraphQL Code Generator: Code Generation
- Frontend Testing Strategy Pyramid
- React Event System Deep Dive
- Storybook 6.3 New Features: Interaction Testing
- Pinia: The Next-Generation State Management for Vue 3
- SolidJS First Look: Fine-Grained Reactivity That Challenges Virtual DOM
- Playwright E2E Cross-Browser Testing
Jun (12)
- Vitest: The Vite-Native Unit Testing Framework
- Tree Shaking Deep Optimization Guide
- Resource Hints Optimization
- qiankun Micro Frontend Integration Guide: From Zero to One
- SSR Lazy Hydration Strategy
- Image CDN Auto-Optimization
- Module Federation Performance Optimization Strategies
- Prisma ORM Full-Stack Development Practice
- Fastify: High-Performance API Server
- Micro Frontend Architecture Design: Beyond Technology Selection
- Node.js Native fetch API Preview
- Node.js 16 New Features and Changes
May (13)
- CSS Preprocessor Selection Guide
- BFF: Backend For Frontend Pattern
- Frontend Event-Driven Architecture Design
- Frontend Dependency Management Best Practices
- Turborepo: High-Performance Monorepo
- Nx Monorepo Management Tool in Practice
- React 18 useTransition: Non-Blocking Rendering
- Micro Frontend Module Federation in Practice
- The Trend Toward Unified Frontend Build Tools
- Rspack: Rust-Based Frontend Build Tool
- Vite + SWC: Compilation Speed Boost
- Turbopack: Build Tool Conceptual Analysis
- Vue Router 4 Migration: From v3 to v4
Apr (14)
- Windi CSS vs Tailwind: A Comparison
- Node.js Caching Strategies
- Vuex 4 in Vue 3 Projects: Practical Guide
- Tailwind CSS JIT Compilation Mode
- CSS Scroll-Driven Animations
- React 18 Automatic Batching and Transition
- Styled Components v5 Best Practices
- CSS :has() Selector: Selecting Parent Elements
- CSS Color Level 4: New Color Functions
- CSS Native Nesting Syntax Proposal
- TypeScript Type Guard Patterns
- Building a Vue 3 Component Library with Vite
- Angular CDK Overlay: Building a Custom Popup Layer System
- TypeScript Branded Types: Nominal Typing
Mar (13)
- TypeScript satisfies Operator Preview
- TypeScript Template Literal Types
- TypeScript 4.1 & 4.2 New Features Summary
- TypeScript 4.2 New Features
- TypeScript Type Guards: Advanced Techniques
- Vite SSR Server-Side Rendering Solutions
- Jest Past and Present: The Vision for a Vite-Native Test Framework
- Vite Production Build: Deep Rollup Customization
- Vite HMR Hot Module Replacement: How It Works
- Building a Monorepo with pnpm Workspace
- Vite 2.0 Release: A New Era of Build Tools
- React Compound Component Pattern
- Common React Design Patterns Overview
Feb (15)
- NgRx Intro: Reactive State Management for Angular Apps
- Zustand: Lightweight State Management
- React Hook Form: Comparison of Form Solutions
- Vite 2.0: A Production-Ready Next-Generation Build Tool
- React Query: Server State Management
- Next.js 12 Middleware
- Next.js 11 New Features: Image Optimization
- React 18 startTransition Use Cases
- Vue 3 Testing Strategy
- React 18 Suspense SSR Streaming Rendering
- React 18 useTransition: Non-Blocking Updates
- esbuild: A JS Bundler Rewritten in Go
- React 18 Automatic Batching
- Vite Plugin Ecosystem and Development
- Vue Test Utils v2 Testing Guide
Jan (16)
- Angular Route Lazy Loading and Preloading Strategies Explained
- Building Web Components with Vue 3
- Vue 3 + TypeScript Complete Development Guide
- Vue 3.2 v-bind in CSS: Dynamic Styles
- Vue 3 Suspense for Async Component Loading
- Vue 3 `<script setup>` RFC Explained
- Vue 3 Teleport for Global Modal Implementation
- Vue 3 defineComponent and TypeScript
- Vite 2.0: The True Next-Generation Build Tool
- Vite + Vue 3: Lightning-Fast Development Experience
- Vue 3 script-setup Syntax Sugar
- Deep Dive into Module Federation
- Pinia: The Next-Generation Vuex State Management
- Frontend Engineer's 2021 Learning Path: Go Deep, Not Wide
- Angular 11 in Practice: Webpack 5 Integration and Full Strict Mode
- Vue 3.0 Official Release: A Complete Breakdown