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

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.

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

Bản cập nhật Gutenberg 23.8 vừa ra mắt với nhiều tính năng mới, được giới thiệu trong loạt bài đăng định kỳ #gutenberg-new. Người dùng có thể theo dõi các bản cập nhật thông qua nhiều kênh khác nhau.

Lập trình viên phát triển WordPress nên đọc để cập nhật các tính năng mới trong Gutenberg 23.8 để tối ưu hóa các plugin, theme hoặc plugin custom của mình theo tiêu chuẩn mới nhất, tránh lỗi tương thích và nâng cao hiệu suất cho người dùng.

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.

What to Do if Your Site Is About to Hit Vercel's Free Image Optimization Cap

Khi website sắp đạt giới hạn tối ưu hình ảnh miễn phí của Vercel (thường là 1.000 hình ảnh/tháng), bạn có thể tạm ngưng tính năng này, sử dụng phiên bản trả phí, hoặc tối ưu thủ công bằng công cụ ngoài để tránh gián đoạn.

Lập trình viên cần đọc bài này để hiểu cách tối ưu hóa hình ảnh cho trang web khi gặp giới hạn của Vercel về tối ưu hóa miễn phí, giúp tiết kiệm chi phí hosting và cải thiện tốc độ tải trang hiệu quả.

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 …

Strict TypeScript API, Metro Update, Swift Package Manager, AGP 9 Support · React Native

React Native 0.87 ra mắt với API TypeScript chặt chẽ, cập nhật Metro, hỗ trợ Swift Package Manager và AGP 9.

Lập trình viên React Native nên đọc bài này để cập nhật về những cải tiến mạnh mẽ như Strict TypeScript API giúp phát triển an toàn hơn, Metro Update tối ưu hóa hiệu suất, và AGP 9 hỗ trợ Swift Package Manager, giúp mở rộng khả năng tích hợp đa nền tảng trong dự án.