Migrating to native stack navigation, with a surprise from iOS 26

Level Up Your React Skills with Typescript

Bài hướng dẫn miễn phí trên freeCodeCamp dạy cách kết hợp TypeScript với React, bao gồm …

Front-End Architecture with Domain-Driven Design

Một kỹ sư front-end kỳ cựu chia sẻ cách áp dụng Domain-Driven Design (DDD) vào ứng dụng …

I let React Compiler handle memoization: Here’s what actually broke

Bài viết chia sẻ kinh nghiệm triển khai React Compiler v1.0 trong ứng dụng Next.js sản …

A hell of a time to be a builder

Tác giả chia sẻ câu chuyện cá nhân xây dựng ứng dụng giao tiếp cho người cha sắp mất trong 1,5 ngày bằng React, rồi mở rộng thành luận điểm: AI không thay thế lập trình viên mà trao cho họ sức mạnh chưa từng có. Khi các tác vụ lập trình cơ học trở nên rẻ hơn, phẩm chất con người như sự đánh giá, gu thẩm mỹ và trực giác sản phẩm trở nên quan trọng hơn. Thay vì giới hạn bởi khả năng kỹ thuật, phần mềm giờ đây bị giới hạn bởi tham vọng và có thể được tạo ra bởi nhiều đối tượng hơn như nhà thiết kế, nhạc sĩ hay giáo viên.

Lập trình viên nên đọc bài này để hiểu cách AI không thay thế mà mở rộng tầm ảnh hưởng của họ trong việc xây dựng sản phẩm, từ đó khám phá cách chuyển đổi từ công việc kỹ thuật sang định hình giá trị và sáng tạo trong ngành công nghệ.

Storybook for TanStack React

Storybook vừa ra mắt @storybook/tanstack-react, một framework chuyên dụng hỗ trợ ứng dụng React sử dụng TanStack. Nó cung cấp tự động bọc RouterProvider với lịch sử in-memory, cấu hình route/params/query type-safe, mock server functions của TanStack Start, và tích hợp TanStack Query qua QueryClient seeding.

Lập trình viên cần đọc bài này để khám phá cách Storybook tích hợp với TanStack React giúp tự động hóa quản lý route, mock dữ liệu và tối ưu hóa quy trình phát triển với các tính năng như RouterProvider in-memory, stubbing server-side và tích hợp QueryClient một cách đơn giản.

Turbopack: What's New in Next.js 16.3

Next.js 16.3 cải thiện đáng kể hiệu suất Turbopack với giảm tới 90% bộ nhớ máy chủ dev nhờ bộ nhớ đệm in-memory kết hợp filesystem, tăng tốc 5.5 lần cho next build đã cache, và tích hợp trình biên dịch React gốc Rust (20–50% nhanh hơn Babel). Bản phát hành cũng hỗ trợ import.meta.glob tương thích Vite, giảm 15% thời gian khởi động HMR, tối ưu bundle runtime, và cấu hình PostCSS theo gói cho monorepos.

Một lập trình viên Next.js nên đọc bài này để khám phá cách Turbopack cải thiện đáng kể hiệu suất phát triển và xây dựng ứng dụng với các tính năng mới như cache disk, Rust-native compiler và HMR nhanh hơn, giúp tiết kiệm thời gian và tài nguyên.

You're Using React Compound Components Wrong

Hầu hết hướng dẫn về React compound components đều dùng ví dụ <Select>/<Option> không phù hợp, vì pattern này chỉ tối ưu cho layout linh hoạt với nội dung tĩnh (tabs, cards), chứ không phải danh sách dữ liệu động. Khi dữ liệu đến từ API, sử dụng props API đơn giản hơn, type-safe hơn, và dễ xử lý sắp xếp/lọc/ảo hóa.

Lập trình viên nên đọc bài này để tránh nhầm lẫn giữa mô hình Compound Components—dành cho giao diện layout tĩnh—với trường hợp sử dụng cho danh sách dữ liệu động, từ đó tối ưu hóa code, tránh lỗi type safety và áp dụng đúng nguyên tắc thiết kế React hiệu quả.