How we made Hybrid iOS apps compile 39% faster with React Native Brownfield

This Week In React #287: Fragment ref, React Compiler, StyleX, React Router, cnfast, Base UI, Remotion, React Aria

Tuần này giới thiệu nhiều cập nhật quan trọng trong hệ sinh thái React: Fragment ref (FragmentInstance) sắp ra mắt trong React v19.3, tiến triển của React Compiler (tích hợp Bun, phiên bản Rust), React Router 8.0 (chỉ ESM, cải tiến "boring-by-design"), cùng các bản phát hành mới của StyleX 0.19, Base UI 1.6 và TanStack Table v9. Bên phía React Native, Reanimated 4.5 bổ sung hỗ trợ CSS pseudo-selector, Expo SDK 56 ổn định iOS widgets & Live Activities, VisionCamera cho phép xử lý video thời gian thực. Ngoài ra, Vite 8.1 ra mắt chế độ Dev Mode tích hợp, Astro 7.0 tăng tốc build ~61% nhờ Rolldown, TypeScript 7.0 RC (viết lại bằng Go), và GitHub Actions siết chặt bảo mật ngăn chặn tấn công supply chain.

Những công nghệ mới trong React và React Native như Fragment ref trong React 19.3 hoặc React Router 8.0 có thể giúp bạn tối ưu hiệu suất, cải thiện tính bảo mật và mở rộng khả năng ứng dụng của mình ngay từ những thay đổi cơ bản nhất.

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.

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

Less Boilerplate, More Type Safety: React Navigation 8's Typed Hooks

React Navigation 8 (phiên bản alpha) bổ sung các hooks đã định kiểu (typed hooks) như useRoute, useNavigation và useNavigationState có hỗ trợ tên màn hình, giúp loại bỏ boilerplate, unsafe type casts và tăng cường type safety. Các hooks này giờ đây cung cấp kiểu dữ liệu chính xác cho params, actions và state, bao gồm cả nhận diện nested navigator, đồng thời hỗ trợ truy cập params của parent screen mà không cần context hay prop drilling.

Lập trình viên nên đọc bài này để tận dụng React Navigation 8 giúp giảm thiểu mã lặp lại và tăng cường an toàn kiểu dáng bằng cách loại bỏ các kiểu cast không an toàn và cung cấp các hook định dạng chính xác theo màn hình, từ đó làm cho ứng dụng của mình trở nên dễ bảo trì và phát triển hơn.

How Expensify Uses Agent-Device for Mobile Bug Evidence and Profiling

Expensify tích hợp công cụ agent-device cho phép AI điều khiển thiết bị di động thực và trình giả lập nhằm tự động thu thập bằng chứng lỗi, đo lường hiệu suất Sentry và phân tích render React. Công cụ này tự động thực hiện các bước tái hiện lỗi từ GitHub, ghi lại video trước/sau khi sửa, chạy đo lường hiệu suất lặp lại và thu thập dữ liệu render theo component.

Lập trình viên nên đọc bài này để khám phá cách sử dụng công nghệ AI tự động hóa các công việc thủ công trên thiết bị di động—từ thu thập bằng chứng lỗi đến phân tích hiệu suất và render React—để tiết kiệm thời gian và nâng cao chất lượng phát triển.

Defer in Swift explained with Code Examples

The Swift defer keyword executes code just before leaving a scope, making it useful for cleanup tasks like closing file handles or ensuring completion callbacks are always called. Multiple defer blocks execute in reverse order. Swift 6.4 (SE-0493) adds support for await inside defer blocks when the surrounding context is async, allowing asynchronous cleanup without unstructured Tasks. Key rules: async defer only works in async contexts, blocks still run in reverse order, cleanup is awaited before scope exit, and task cancellation is still observable inside defer.

Google DeepMind's design leader used Claude Fable 5 to port Command and Conquer: Generals Zero Hour to iPhone and Mac

Ammaar Reshi, trưởng nhóm sản phẩm và thiết kế tại Google DeepMind, đã sử dụng mô hình Claude Fable 5 của Anthropic để port tự nhiên tựa game Command & Conquer: Generals Zero Hour (2003) sang iPhone, iPad và Mac mà không cần giả lập, bằng cách biên dịch engine game sang ARM64. Ông đã công khai toàn bộ mã nguồn, tệp tin và hướng dẫn trên GitHub để cộng đồng có thể tái tạo quá trình port này.

Lập trình viên nên đọc bài này để khám phá cách sử dụng AI tiên tiến như Claude Fable 5 để chuyển đổi game cổ điển sang hệ điều hành mới, minh họa cách tối ưu hóa hiệu năng và kiến trúc phần mềm qua việc biên dịch và tối ưu hóa cho các nền tảng khác nhau.