Building accessibility into a canvas-based product

This Week In React #288: Next.js, React Compiler, use(), Astryx, TanStack Start, Takumi, nuqs

Tuần này React giới thiệu Next.js 16.3 với Instant Navigations, cập nhật về React Compiler tích hợp Rust trong Rspack 2.1, hệ thống thiết kế Astryx mã nguồn mở từ Meta, và Expo SDK 57 sau React Native 0.86. Ngoài ra còn có hỗ trợ Storybook cho TanStack Start, các component chat từ shadcn/ui, bản cập nhật nuqs 2.9, VisionCamera 5.1, cải tiến hiệu suất Hermes, cùng nhiều cập nhật hệ sinh thái như Node.js 26.4, pnpm 11.8/11.9, Prettier 3.9, Deno 2.9, Webpack 5.108 và trình biên dịch Flow chuyển từ OCaml sang Rust.

Lập trình viên React nên đọc để cập nhật những tiến bộ mới nhất về Next.js 16.3, công cụ tối ưu hóa React Compiler, và các công cụ mở rộng như Astryx và TanStack Storybook để nâng cao hiệu suất và tính mở rộng ứng dụng của mình.

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ờ …

How to Use the Screen Reader That's Built into Your iPhone

iPhone và iPad tích hợp sẵn trình đọc màn hình VoiceOver, giúp đọc to các yếu tố giao diện như văn bản, nút bấm, menu. Bài viết hướng dẫn ba cách kích hoạt VoiceOver (Settings, Siri, Accessibility Shortcut), năm cử chỉ điều hướng quan trọng cho nhà phát triển, cùng cách điều chỉnh tốc độ và giọng đọc.

Lập trình viên nên đọc bài này để hiểu cách kiểm tra tính khả dụng (accessibility) trên thiết bị iOS thực tế thông qua VoiceOver, giúp phát hiện và cải thiện trải nghiệm người dùng tàn tật trên ứng dụng của họ.

Roux’s New Component Library

Thoughtbot đã bổ sung thư viện component HTML vào Roux, framework CSS của họ, nhằm cung cấp nền tảng vững chắc cho các dự án mà không phụ thuộc vào Tailwind hay React. Thư viện này được xây dựng bằng HTML/CSS thuần, ưu tiên khả năng truy cập và đánh dấu ngữ nghĩa, đồng thời hỗ trợ sao chép-dán mã trực tiếp từ trang tài liệu.

Lập trình viên nên đọc để khám phá cách Roux kết hợp CSS và HTML thành một thư viện thành phần UI đơn giản, dễ sử dụng, đồng thời đáp ứng tốt tính khả dụng và phong cách thiết kế theo tiêu chuẩn Thoughtbot, giúp tiết kiệm thời gian và nâng cao chất lượng dự án.

ARIA, anti-patterns, and you

ARIA Authoring Practices Guide (APG) không phải hướng dẫn tối ưu cho website mà chỉ minh …

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ả.

Next.js 16.3: AI Improvements

Next.js 16.3 bổ sung cải tiến AI nhằm nâng cao trải nghiệm nhà phát triển, bao gồm cập nhật tự động file AGENTS.md, ba Skills mới hỗ trợ workflow đa bước, phiên bản agent-browser 0.27 tích hợp React DevTools, lỗi có thể hành động kèm nút copy-as-prompt, MCP server tinh gọn hơn cho chẩn đoán biên dịch, và hỗ trợ docs-as-Markdown qua .md URL suffix cùng llms.txt.

Lập trình viên Next.js nên đọc bài này để khám phá cách AI tự động tối ưu hóa công cụ phát triển, từ việc cập nhật tự động tài liệu cho các bot lập trình đến các công cụ mới giúp debug và tối ưu hóa nhanh chóng trong dự án.