Next.js 16: Turbopack, React Compiler & Cache

35 React Interview Questions Senior Developers Still Get Wrong

Bài viết cung cấp 35 câu hỏi phỏng vấn React dành cho senior developer, xoay quanh các chủ đề như rendering behavior, hooks (useState, useRef, useEffect, useLayoutEffect), tính năng React 19 (Actions, useOptimistic, React Compiler), Server Components, tối ưu hiệu suất, quản lý state, React Router và testing. Mỗi câu hỏi đi kèm ví dụ code thực tế và giải thích chi tiết, tập trung vào hiểu bản chất React thay vì ghi nhớ API.

Lập trình viên senior cần đọc bài này để khắc phục lỗi thường gặp trong các câu hỏi thực tế về React—không chỉ là nhớ kỹ thuật mà là hiểu sâu về cơ chế hoạt động, từ rendering đến các tính năng mới nhất như Server Components và React Compiler, giúp họ ứng dụng kiến thức một cách chính xác trong công việc.

Typed Polymorphic React Component

Bài viết hướng dẫn cách xây dựng một component React đa hình có kiểu (polymorphic) bằng …

Lattice: Describe Inertia UIs in PHP

Lattice là framework UI điều khiển từ server cho Laravel, cho phép định nghĩa toàn bộ giao …

How to Build an Animated Badge Component with shadcn/ui

A step-by-step guide to building an animated badge component using shadcn/ui, Tailwind CSS, and Framer Motion (motion/react). Covers installing a pre-built badge from the Shadcn Space registry via CLI, then walks through wrapping the Badge component with motion.create(), adding layered radial-gradient glow effects, animating a check icon with easeOutBack spring physics, and staggering individual letter animations using Variants and custom index values. Includes a customization example showing how to create a blue 'Verified' variant by swapping colors and icons.

Lucide Releases Version 1.0, Removing Brand Icons and Cutting Bundle Size for Millions of Projects

Lucide has released version 1.0, its first stable major release, featuring over 1,600 icons. The key changes include removal of all trademarked brand icons (GitHub, Facebook, Figma, Slack) due to legal pressure and maintenance concerns, with Simple Icons recommended as an alternative. The lucide-react package was reduced by 32.3% (from 11.4 MB to ~1 MB gzipped) by dropping the legacy UMD build in favor of ESM and CommonJS only. New context providers for React, Vue, Svelte, and Solid allow setting shared icon defaults. Other additions include a standalone Angular package, renamed Vue package, improved accessibility defaults, shadow DOM support, and updated documentation. Developers upgrading from v0 need to handle breaking changes around removed brand icons and renamed packages.

Writing Custom Renderers for React

A deep dive into how React renderers work, written by the maintainer of React Native Testing Library (RNTL) who built a new custom test renderer after React Test Renderer was deprecated in React 19. Covers the three core trees React uses (element tree, Fiber tree, host instance tree), the two-phase reconciler process (rendering and committing), the HostConfig interface renderers must implement, and the difference between mutation and persistence renderer modes. Includes concrete code examples of host instance types and operations, plus lessons learned about tight coupling between React, Reconciler, and renderer versions.

Bulletproof React: Building React Apps That Survive Growth

Bulletproof React is an architectural approach for React applications inspired by Alan Alickovic's open-source project. It centers on feature-based organization where all code related to a feature lives together, rather than grouping by file type. Key principles include: exposing only approved exports via public API index files, enforcing boundaries with ESLint rules, separating state by type (UI state in components, app state in Zustand, server state in TanStack Query, URL state in the browser), centralizing API communication in a dedicated layer, and treating security and performance as architectural concerns from day one. Testing uses Vitest, React Testing Library, Playwright, and MSW. The approach adds overhead and may be overkill for small projects, but pays dividends as codebases grow.