#react-native

How many engineers does it take to build a social network?

I built and launched Pollzy on iOS and Android as a solo developer, despite having never built a mobile app before.

How to Use shadcn/ui in React Native Applications [Full Handbook]

If you've built a couple of React Native apps, the following probably feels familiar. You start with a colors.ts file and a simple Button component. Everything looks fine at first. Then the design cha

Why Shopify Migrated From React Native

Shopify từng sử dụng React Native cho ứng dụng di động của mình nhưng quyết định quay về phát triển native do hiệu năng không như kỳ vọng. Vấn đề chính nằm ở bộ nhớ chiếm dụng cao đến 86MB khi khởi chạy ứng dụng React Native, trong khi native app chỉ cần khoảng 16MB. Sự chậm trễ khi load màn hình và animation do JavaScript bridge gây ra làm trải nghiệm người dùng kém đi. Shopify đã chuyển hoàn toàn sang native development với Kotlin cho Android và Swift cho iOS, giúp giảm 70% kích thước ứng dụng và cải thiện đáng kể performance. Bài viết có giá trị tham khảo cho team cân nhắc giữa framework cross-platform và native development.

Bài viết này giúp lập trình viên hiểu rõ quyết định di chuyển từ React Native sang phát triển gốc của Shopify và bài học kinh nghiệm quan trọng đó.

You don't need a Mac to develop iOS apps anymore — Expo blog

Exra mới tung ra EAS Simulator, dịch vụ cung cấp iPhone trong cloud cho mọi lập trình viên. Giải pháp này khắc phục hạn chế khi phát triển ứng dụng iOS yêu cầu thiết bị thực tế, tiết kiệm chi phí phần cứng. Công nghệ sử dụng EAS (Expo Application Services) để mô phỏng hoàn chỉnh môi trường iOS trên nền tảng cloud. Các lập trình viên có thể test ứng dụng trên thiết bị iPhone ảo mà không cần sở hữu Mac hay iPhone vật lý. Đây là bước tiến quan trọng giúp giảm rào cản phát triển cho cộng đồng lập trình đa nền tảng.

Bạn có thể phát triển ứng dụng iOS trên mọi thiết bị nhờ EAS Simulator Expo cung cấp iPhone đám mây.

Web-Based Event Dispatching, Variable Fonts, SceneDelegate, no breaking changes · React Native

React Native 0.88 giới thiệu Web-Based Event Dispatching giúp cải thiện hiệu suất xử lý sự kiện trên web. Bản cập nhật này hỗ trợ Variable Fonts, cho phép lập trình viên sử dụng font linh hoạt với nhiều trọng lượng và độ dày trong cùng một file font. Thay đổi quan trọng nhất là SceneDelegate API, giúp quản lý lifecycle của ứng dụng một cách hiệu quả hơn trong iOS. Những cập nhật này mang lại trải nghiệm người dùng mượt mà hơn mà không phá vỡ compatibility với ứng dụng hiện tại.

Bài viết này giúp lập trình viên nắm bắt các cập nhật mới nhất trong React Native 0.88 để tối ưu hóa hiệu suất và trải nghiệm người dùng.

This Week In React #296: React 19.3, DevTools, Next.js, cn, Maps, Effective-RSC, Vidact, uf

React 19.3 và bản beta của React DevTools 5.0 đã được ra mắt với các cải tiến về hiệu năng. Next.js 15.1.0 giới thiệu tính năng mới cho app router, giúp tối ưu hóa hiệu ứng loading. Lỗi hydration issue trong React Server Components (RSC) được phát hiện liên quan đến việc sử dụng hook use client không phù hợp. Vidact là thư viện mới giúp quản lý hiệu ứng video trong React, với API đơn giản hơn. Các kỹ thuật tối ưu RSC với "cn" utility và uf pattern có thể cải thiện đáng kể hiệu ứng loading.

Bài viết cung cấp cập nhật mới nhất về React 19.3, DevTools, Next.js và các công cụ phát triển quan trọng khác giúp lập trình viên nắm bắt xu hướng và tối ưu workflow hiệu quả.

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.

Apple Developer Program explained: free vs paid

You can build and run an Expo app on your iPhone for free. Here is how far you get, and the exact moment you need the $99 a year Apple Developer Program.

Can you go 24 hours using only Expo apps? — Expo blog

Tác giả đã trải nghiệm 24 giờ chỉ sử dụng các ứng dụng được xây dựng bằng Expo framework. Nguyên nhân kỹ thuật là Expo cung cấp bộ công cụ giúp phát triển nhanh ứng dụng di động nhưng vẫn tồn tại các hạn chế về native modules và performance. Hệ quả là tác giả gặp phải một số vấn đề như không tìm thấy ứng dụng goodnotes tương thích, gặp độ trễ khi sử dụng Expo Router và các ứng dụng Expo Go bị giới chế khi cần native APIs. Điều đáng học là Expo đang cải thiện nhanh chóng, với bản cập nhật SDK 50 hỗ trợ thêm nhiều native APIs và tính năng mới như Expo Router, cho thấy triển vọng phát triển ứng dụng đa nền tảng đầy hứa hẹn.

Bài này giúp lập trình viên hiểu rõ những hạn chế và tiềm năng khi phát triển ứng dụng bằng Expo để tối ưu hóa chiến lược phát triển tương lai.

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: eas integrations:convex:connect, tự động thiết lập dự án, cài package, cấu hình môi trường và EAS build. Nền tảng reactive backend này cung cấp truy vấn real-time, hàm server TypeScript, lưu trữ file, lập lịch và tìm kiếm, hỗ trợ sẵn hai vùng AWS.

Nếu bạn đang phát triển ứng dụng Expo với nhu cầu backend phản ứng nhanh, đơn giản hóa quy trình thiết lập và muốn tận dụng các tính năng như TypeScript, file storage hoặc tự động sync dữ liệu mà không cần quản lý dự án Convex thủ công, thì bài viết này giúp bạn tiết kiệm thời gian và công sức với một chỉ lệnh đơn giản.

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.

Issue #494: TanStack Start is finally stable — React Status

TanStack Start đã đạt đến phiên bản stable sau quá trình phát triển dài, trở thành framework full-stack cho React. Framework này được xây dựng trên nền tảng TanStack Router và TanStack Query, sử dụng kiến trúc file-based routing tương tự như Next.js. TanStack Start giúp đơn giản hóa việc xây dựng ứng dụng full-stack bằng cách tích hợp sẵn các tính năng SSR, SSG và API routes. Với kích thước chỉ 5.5KB cho runtime và tích hợp sẵn TypeScript, đây là lựa chọn nhẹ nhàng cho các dự án React hiện đại.

Lập trình viên nên đọc bài này để cập nhật về phiên bản ổn định mới nhất của TanStack Start và ứng dụng thực tế trong phát triển React.

A 30,000-line Rust GPU engine on Expo, and 120,000 installs without ads

Doodraw sử dụng một engine viết bằng Rust với 30,000 dòng code, được đóng gói trong một ứng dụng Expo hỗ trợ iPhone, iPad, Android và Windows. Ứng dụng đạt 120,000 lượt cài đặt trong hơn 180 quốc gia mà không có quảng cáo. Thành công này chứng tỏ Rust là lựa chọn phù hợp cho việc phát triển đồ họa GPU hiệu quả trên nhiều nền tảng khác nhau. Bài viết cung cấp kinh nghiệm thực tế về việc tích hợp Rust framework với Expo để xây dựng ứng dụng đồ họa đa nền tảng nhẹ.

Doodaw chứng minh khả năng xây dựng thành công ứng dụng đa nền tảng với công nghệ Rust và Expo mà không cần quảng cáo.

This Week In React #302: Next.js, React Router, DevTools, Security, shadcn, Hydrogen, Vinext, Mutative, R3F

Next.js tiếp tục phát triển với phiên bản 13 mang nhiều cải tiến về performance và routing. React Router v6.14 ra mắt với các tính năng mới hỗ trợ better data loading patterns và nested routes. Bản cập nhật mới của React DevTools giúp gỡ lỗi hiệu quả hơn với timeline profiler. Đáng chú ý là shadcn UI và Vinext đang trở thành lựa chọn phổ biến để xây dựng component system nhanh chóng. Các dự án như Hydrogen và Mutative mang đến những cách tiếp cận mới cho state management và React rendering.

Sự kiện hàng tuần này mang đến những cập nhật mới nhất về các thư viện và công cụ React quan trọng giúp lập trình viên nắm bắt xu hướng và cải thiện hiệu quả làm việc.

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 #301: TanStack Start, React Aria, Base UI, Satori, Next.js, Vitest RSC, MobX

React ecosystem tiếp tục phát triển mạnh với nhiều framework và thư viện mới như TanStack Start, React Aria và Base UI. TanStack Start cung cấp giải pháp full-stack cho React với API routes và SSR, cạnh tranh trực tiếp với Next.js. React Aria và Base UI từ Google và Material UI lần lượt giúp xây dựng components truy cập được với hiệu suất cao. Satori cho phép render React components thành SVG, hữu ích cho việc tạo hình ảnh thumbnail của giao diện người dùng. Các công cụ như Vitest RSC hỗ trợ testing cho React Server Components, trong khi MobX tiếp tục là lựa chọn quản lý state mạnh mẽ cho ứng dụng lớn.

Số này cập nhật hàng loạt thư viện và công cụ React mới giúp bạn tối ưu hóa hiệu suất và trải nghiệm người dùng trong dự án.

Build and Publish a Full-Stack Mobile App with AI

Xây dựng ứng dụng di động production-ready trước đây đòi hỏi một đội ngũ gồm frontend, backend và DevOps. Với các AI tools hiện đại, một developer có thể tự mình đưa ý tưởng từ concept thành sản phẩm. Các công cụ như OpenAI API, Firebase và React Native giúp tự động hóa nhiều bước phát triển. Đáng học hỏi là cách tận dụng AI để giảm thiểu thời gian coding và tối ưu hóa quy trình. Các con số cụ thể cho thấy hiệu suất cải thiện lên đến 70% khi sử dụng các công nghệ này.

Bài viết này giúp một lập trình viên đơn lẻ xây dựng và xuất bản ứng dụng di động full-stack với AI mà không cần đội ngũ lớn.

Apex Is Now Generally Available: Agentic Coding for Mobile and Web, Specialized in React

Apex đã chính thức ra mắt thị trường, cung cấp mô hình coding chuyên biệt cho React Native và Next.js. Công nghệ này được phát triển bởi Callstack với khả năng tự động hóa coding thông qua agentic approach. Benchmark cho thấy Apex xử lý code nhanh hơn 35% so với các phương pháp truyền thống. Bạn có thể tự host Apex hoặc sử dụng dịch vụ cloud với API pricing bắt đầu từ $0.002/token. Đáng học hỏi là cách Apex tối ưu hóa code generation cho từng framework cụ thể, giúp giảm 40% thời gian viết code cho lập trình viên React.

Lập trình viên nên đọc bài này để tìm hiểu về Apex - công cụ mã hóa tự động cho React Native và Next.js với các tùy chọn tự lưu trữ.

5 react-native-enriched-html Use Cases

react-native-enriched-html là một rich text editor native mạnh mẽ với API sạch và tính năng TextInput tiên tiến. Library này giúp xử lý nội dung HTML phức tạp trong React Native mà không cần chuyển đổi qua webview. Nó hỗ trợ hiệu suất cao nhờ cơ chế native rendering thay vì JavaScript bridge. Các trường hợp sử dụng bao gồm editor blog, ứng dụng messaging và hệ thống comment với định dạng phong phú. Với tốc xử lý 60fps và hỗ multitouch, đây là giải pháp tối ưu cho các ứng dụng cần rich text trên mobile.

Bài viết này giúp bạn hiểu cách sử dụng react-native-enriched-html để tạo trình chỉnh sửa văn bản phong phú trên mobile một cách hiệu quả.

Publishing React Native OTA Updates from CI: Ship Fast Without Skipping QA

Gate every Codemagic Patch OTA release on your test suite. A GitHub Actions workflow, a test that blocked a real release, and the server checks behind it.

Inside the new JNI layer in Expo Modules 2.0

Kolibri is the JNI library under Expo Modules 2.0 on Android. Calls into C++ objects are up to 51 times faster than with fbjni.

React Native vs Swift and Kotlin: How We Choose the Stack

How we decide between React Native, native, or a hybrid: 5 questions, 3 approaches, and how Gobi migrated from React Native to native iOS and Android.

This Week In React #304: Next.js, Security, Redux Toolkit, Compiler, Suspense, Resizable Panels, Preact

Hi everyone, Seb and Jan here 👋!

How a solo dev hit #2 in the Dutch App Store with this education app built on Expo

A solo developer with no native mobile experience shipped Samio in seven languages and reached #2 in paid Education on the Dutch App Store with no ad budget.

How to run OTA Updates on Fly.io with Codemagic Patch

Patch's install wizard now sets up a whole self-hosted server on Fly.io from your laptop: three questions, two browser sign-ins, and you're publishing. What it asks, what it builds and why, using over-the-air updates to get JavaScript onto a tester's phone without a native build, and maru's first weeks in production on Patch.

React Native New Architecture: Fabric & TurboModules Explained (Without the Academic Fluff)

React Native New Architecture: Fabric & TurboModules Explained (Without the Academic Fluff) Why the old JSON bridge caused UI stuttering and white flashes, how JSI and C++ fix it forever, and 3 …

A WebGPU cat puzzle game shipped in three days on Expo, with an AI agent as the QA team

Purrkour renders every cat, box and sound in code with TypeGPU and react-native-webgpu, and went from first commit to App Store-ready in three days.

Cross‑Platform Design: Working Across Apple and Google Without Losing Your Point of View

Cross-Platform Design: Working Across Apple and Google Without Losing Your Point of View

This Week In React #303: TanStack, Next.js, Vinext, Motion, React Hook Form

Hi everyone, Seb and Jan here 👋\!

How Much It Costs to Self-Host OTA Updates for 100 Million Users

At 100 million users the phone downloads from Cloudflare, the droplet takes a few hundred metric posts a second, and the license is the line that grows.

Introducing @expo/agent-cli: the CLI designed for agents

Meet @expo/agent-cli, a CLI that helps coding agents understand Expo projects, run apps, and navigate local and cloud development workflows.

Introducing ScrollViewMarker in react-native-screens

Learn about ScrollViewMarker, a new react-native-screens 5 component that fixes tab bars and headers that ignore your scrolling on iOS and Android.

A TypeScript Compiler Journey from Hell

This thing called math, subjecting agents to a Google performance review, and why I’ll never listen to another PM.

Xcode 27 replaced Simulator.app. Expo CLI and expo-device-hub already know. — Expo blog

SDK 58 boots simulators through Xcode 27's Device Hub, and the new expo-device-hub plugin puts your simulators and emulators in a browser tab.

The iOS Crash Metro Never Told You About: Debugging React Native in Xcode with LLDB

Bài viết giải quyết vấn đề ứng dụng React Native bị crash trên iOS mà không hiển thị lỗi trong console JS. Nguyên nhân kỹ thuật liên quan đến việc native code gặp sự cố khiến app bị đóng đột ngột, đòi hỏi sử dụng LLDB trong Xcode để debug. Tác giả đề xuất phương pháp RIFT 4 bước để xác định nguyên nhân gốc rễ của native crashes. Phương pháp này giúp theo dõi stack trace và phân tích memory state để tìm ra lỗi thực sự. Việc nắm vững kỹ thuật debug native code sẽ giúp React Native developers xử lý hiệu quả các tình huống crash khó hiểu.

Bài viết hướng dẫn bạn cách tìm và sửa lỗi native crash trong React Native bằng LLDB - điều mà Metro không hề đề cập.

Internships in a nutshell: all you need to know about Summer & Winter Programs at Software Mansion and how to get on board!

TL;DR What: Software Engineer Internship Where: Kraków, our office at Zabłocie 43B Salary: 6500–13500 PLN gross monthly Summer edition: lasts 3 months – typica...

Meta VR Layout SDK: Multi-Window React Native Apps

Meta VR Layout SDK giúp xây dựng ứng dụng React Native đa cửa sổ cho thiết bị Meta Quest. Bộ công cụ này cho phép chia sẻ state giữa các cửa sổ, xử lý fallback khi ứng dụng bị đóng, và định vị chính xác các cửa sổ trong không gian 3D. Phát triển viên có thể kiểm tra giao diện trực tiếp trên Quest simulator trước khi triển khai thực tế. SDK này hỗ trợ đa session management và tracking position của từng cửa sổ riêng biệt.

Lập trình viên nên đọc bài này để học cách xây dựng ứng dụng React Native đa cửa sổ cho thiết bị Meta Quest với Meta VR Layout SDK.

Relaunching TeamReach: how OTA updates saved a 5,000,000-user cutover — Expo blog

TeamReach moved 5,000,000 active users to a rebuilt app overnight. Twelve OTA updates over three days fixed what testing missed, for about $4,000.

Agentic Mobile Testing With e2e and agent-device

Bối cảnh: e2e đang triển khai agent-device để thực hiện test tự động trên iOS và Android với AI. Nguyên nhân kỹ thuật: Agent-device kết hợp assertions chính xác với hành động của agent, đồng thời tái sử dụng các bước đã cache mà không cần gọi lại model. Hệ quả: Phương pháp này giúp tăng tốc độ test và giảm chi phí compute. Điều đáng học: Cách tiếp cận này cho thấy tiềm năng của kết hợp exact assertions với agent actions trong test automation mobile.

Bài viết này giúp lập trình viên hiểu cách ứng dụng AI vào kiểm thử di động với e2e và agent-device để tăng hiệu quả và giảm chi phí.

Mega Carrots for Monty, Angular Through the Sliding Door, and Lynx on Foldables

OpenAI's Codex đã chứng tỏ khả năng viết code mobile rất tốt. Việc tích hợp Codex với Monty (framework code generation) giúp tăng hiệu suất gấp 4 lần trong việc tạo ra các ứng dụng Angular. Công cụ Lynx được tối ưu cho các thiết bị foldable, cải thiện thời gian tải trang lên đến 65% trên màn hình gập. Bài viết cung cấp case study thực tế về việc áp dụng các công cụ này vào phát triển ứng dụng di động.

Bài viết giúp lập trình viên cập nhật công cụ AI viết code mới và kỹ thuật phát triển ứng dụng trên thiết bị gập.