Enterprise Mobile App Development: A CTO's Planning Guide

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.

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.

Issue #480: Dan Abramov joins the Next.js team — React Status

React Status issue #480 covers Dan Abramov joining the Next.js team part-time, a Next.js 16.3 preview with instant navigations via new opt-in Server Components behaviors, Vite 8.1's bundled dev mode delivering up to 15x faster boot times for large apps, Rsbuild 2.1 with a Rust React Compiler implementation, Linear's migration from styled-components to StyleX for ~30% faster renders, and a deep dive into writing custom React renderers. Also includes releases for TanStack Table v9, React Admin 5.15, Recharts 3.9, Mantine v9.4, and more.

Writing Custom Renderers for React

A deep dive into how React renderers work, written by the maintainer of React Native Testing Library (RNTL) who built a new custom test renderer after React Test Renderer was deprecated in React 19. Covers the three core trees React uses (element tree, Fiber tree, host instance tree), the two-phase reconciler process (rendering and committing), the HostConfig interface renderers must implement, and the difference between mutation and persistence renderer modes. Includes concrete code examples of host instance types and operations, plus lessons learned about tight coupling between React, Reconciler, and renderer versions.

Mobile Module Federation with Re.Pack: When Runtime Delivery Is Worth the Complexity

Module Federation in React Native via Re.Pack allows large mobile apps to split into independently owned runtime modules, each with its own build pipeline and JavaScript release process. The host app ships through app stores and owns the native shell, while remotes are separately built JavaScript modules loaded at runtime. Key constraints include: remotes can only use native modules already in the host binary, React/React Native versions must stay aligned, and runtime delivery introduces failure modes requiring fallback UI, rollback paths, monitoring, and compatibility checks. The pattern fits super apps and enterprise platforms where multiple teams own distinct product areas and release coordination is a bottleneck. Teams should start with one remote, validate the host contract, and measure real-world performance before scaling. Simpler alternatives like shared packages or code splitting should be preferred when runtime independence isn't genuinely needed.