What’s new in Gutenberg 23.8? (19 August)

High-Frequency Real-Time Data in React: From Ring Buffers to OffscreenCanvas

React xử lý hàng nghìn điểm dữ liệu mỗi giây không hiệu quả, từ ring buffers đến OffscreenCanvas cần được tối ưu hóa.

Bài này hướng dẫn bạn xử lý dữ liệu thời gian thực tần suất cao trong React bằng kỹ thuật tối ưu hóa hiệu suất như Ring Buffer và OffscreenCanvas.

This Week In React #294: React Compiler, TanStack, Next.js, GTKX, Effect, shadcn, Preact, Unhead, RHF

Tuần này React giới thiệu React Compiler, cập nhật từ TanStack, Next.js, GTKX, Effect, shadcn, Preact, Unhead và React Hook Form (RHF).

Lập trình viên React nên đọc bài này để cập nhật những công nghệ mới nhất như React Compiler (tối ưu hóa hiệu suất) và TanStack Query (cập nhật lên v1.8.0), giúp nâng cao hiệu năng và quản lý dữ liệu hiệu quả trong ứng dụng hiện đại.

Reliable Query Prefetching with TanStack Router

Prefetching trong TanStack Router giúp tối ưu hiệu suất nhưng đòi hỏi đồng bộ hóa giữa loaders và components, gây ra chi phí duy trì.

Lập trình viên nên đọc bài này để hiểu cách tối ưu hóa hiệu suất ứng dụng React bằng cách áp dụng prefetching query đáng tin cậy với Router TanStack, giảm thời gian chờ và tránh xung đột giữa các loader khi dữ liệu được tải trước mà không cần đồng bộ hóa thủ động.

React Router v8: A Deliberately Boring Release with ESM-Only Builds and Default Middleware

React Router v8 ra mắt ngày 17/6/2026 với những thay đổi không đáng kể, tập trung vào ESM-only builds và middleware mặc định. Phiên bản này duy trì tương thích ngược với v6 và Remix v2.

Lập trình viên cần đọc bài này để hiểu cách chuyển đổi từ CommonJS sang ESM trong React Router v8, giúp tối ưu hóa dự án hiện đại và tránh những rắc rối về cấu hình khi tích hợp với các công cụ build hiện đại.

Mastering Parallel Data Fetching in Next.js: Combining Suspense, Promise.all, and Promise.allSettled

Bài viết hướng dẫn cách tối ưu hóa việc lấy dữ liệu song song trong Next.js bằng cách kết …

Blocked aria-hidden: The Warning is Right, and Every Fix You’ve Found is Wrong

Cảnh báo về aria-hidden bị chặn là đúng, nhưng hầu hết các cách khắc phục bạn tìm thấy đều …

React Folder Structure for Beginners: The Folder Organization That Finally Made Sense to Me

Hướng dẫn đơn giản cho người mới bắt đầu sắp xếp dự án React với cấu trúc thư mục rõ ràng, giải thích vai trò của từng thư mục như assets, components, pages, layouts, hooks, context, services, utils, constants, routes và styles. Bài viết cũng đề cập đến việc giữ component nhỏ gọn, tổ chức theo tính năng cho ứng dụng lớn và thống nhất quy ước đặt tên.

Những kiến thức về cấu trúc thư mục React giúp bạn tránh rối rắm và xây dựng dự án hiệu quả từ đầu, từ đó tiết kiệm thời gian và tránh lỗi khi phát triển ứng dụng lớn.

React Compiler Explained: Do You Still Need useMemo, useCallback, and React.memo?

React Compiler tự động tối ưu hóa memoization trong React, giảm nhu cầu sử dụng thủ công useMemo, useCallback và React.memo trong nhiều trường hợp. Tuy nhiên, những công cụ này vẫn hữu ích khi cần kiểm soát chặt chẽ hiệu suất hoặc xử lý logic phức tạp.

Lập trình viên nên đọc bài này để hiểu cách React Compiler thay đổi cách hoạt động của memoization trong ứng dụng, giúp xác định khi nào nên sử dụng useMemo, useCallback, hay React.memo để tối ưu hiệu suất mà không phải tùy tiện.