How to build a resilient activity tracker with Expo — Expo blog

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 …

Convex is now a one-command backend for Expo apps — Expo blog

Convex giờ đây cho phép tích hợp vào ứng dụng Expo chỉ bằng một lệnh EAS CLI duy nhất …

HeroUI v3 Lands as a Ground-Up Rewrite for React and React Native, Built on Tailwind CSS v4

HeroUI v3 là phiên bản viết lại hoàn toàn từ đầu của thư viện component React (từng có tên NextUI), nay hỗ trợ cả web lẫn React Native. Thư viện này cung cấp hơn 75 component cho web (21 component mới) và 37 component cho React Native, được xây dựng trên React Aria Components (tính truy cập) và Tailwind CSS v4 (kiểu dáng), với tất cả hoạt ảnh chuyển sang CSS và không phụ thuộc runtime JavaScript. API dạng component ghép tương thích React 19 và Next.js, tích hợp công cụ AI qua MCP Server, Agent Skills và file llms.txt. Gói npm có ~341.000 lượt tải mỗi tuần, repo GitHub đạt ~27.700 sao. Việc di chuyển từ v2 sang v3 đòi hỏi kế hoạch cẩn thận do hai phiên bản không thể cùng tồn tại, mặc dù đã có hướng dẫn di chuyển đầy đủ và từng bước. Người dùng phản hồi rằng một số tính năng v2 vẫn thiếu trong v3 và lo ngại về tính minh bạch trong lộ trình phát triển.

Lập trình viên muốn phát triển ứng dụng React/React Native nhanh chóng và hiện đại nên đọc bài này để khám phá cách HeroUI v3 nâng cấp thiết kế UI với Tailwind CSS 4.0, cải thiện tính khả dụng và tích hợp AI, đồng thời giảm phụ thuộc vào JavaScript để tối ưu hiệu suất.

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 #291: ReactBench, Security, TSRX, React Aria, dx-styles, TanStack, Forms, GTKX

Tuần này trong React cập nhật về các công cụ và thư viện mới như ReactBench, TSRX, React Aria, dx-styles, TanStack, cùng các chủ đề bảo mật, quản lý form, và GTKX.

Một lập trình viên React nên đọc bài này để cập nhật các công cụ mới như ReactBench (tối ưu hóa hiệu suất) và TanStack Query (caching dữ liệu hiệu quả), cùng các giải pháp an toàn và tính năng mới trong React Aria và dx-styles, giúp nâng cao hiệu năng, bảo mật và tính năng giao diện ứng dụng của mình.

Workers, SafeAreaView, backgroundImage, WebGPU, VisionCamera, React Navigation, Canvas Kit, Nitro

Seb và Jan giới thiệu về các công nghệ mới như Workers, SafeAreaView, backgroundImage, WebGPU, VisionCamera, React Navigation, Canvas Kit và Nitro.

Nếu bạn đang phát triển ứng dụng di động hoặc web với React Native, bài viết này sẽ giúp bạn hiểu cách tối ưu hóa UI/UX bằng SafeAreaView, quản lý nền tảng hình ảnh hiệu quả với backgroundImage, và khám phá công nghệ mới như WebGPU và VisionCamera để nâng cấp hiệu suất và tính năng.

Flutter vs React Native: Which Should You Choose in 2026?

Năm 2026, doanh nghiệp ưu tiên phát triển ứng dụng đa nền tảng (cross-platform) để tiết kiệm chi phí, giữa Flutter và React Native, lựa chọn nào phù hợp phụ thuộc vào nhu cầu cụ thể như hiệu suất, cộng đồng hỗ trợ hay tích hợp hệ sinh thái.

Nếu bạn đang tìm kiếm công cụ phát triển ứng dụng đa nền tảng hiệu quả, tiết kiệm chi phí và tối ưu hóa tốc độ phát triển cho ứng dụng di động trong tương lai gần, bài này sẽ giúp bạn so sánh chính xác Flutter và React Native để lựa chọn giải pháp phù hợp với dự án của bạn.

Building balanced mobile layouts: nesting tabs and drawers with Expo Router

Bài viết hướng dẫn cách lồng ghép side drawer vào bottom tab navigator trong Expo Router bằng file-system routing, bao gồm cấu trúc thư mục, thiết lập layout gốc, cấu hình drawer/tab, icon tab hoạt ảnh bằng React Native Reanimated, quản lý theme để tránh flash unstyled content, và giải quyết xung đột gesture qua swipeEdgeWidth. Ngoài ra, bài còn đưa ra khuyến nghị kiến trúc khi nào nên sử dụng pattern điều hướng kép này thay vì tabs phẳng hay stack navigation.

Lập trình viên cần đọc bài này để hiểu cách tối ưu hóa giao diện di động bằng cách kết hợp tab và drawer trong Expo Router, từ thiết kế file hệ thống đến xử lý giao động và xung đột nhấn gesture để tạo ra trải nghiệm người dùng nhẹ nhàng và chuyên nghiệp.