A Live Activity is the card that sits on your lock screen while a delivery rider approaches, updating itself without you opening the app. Apple shipped the API in iOS 16.1. Google shipped its own vers
Nguồn: https://www.freecodecamp.org/news/react-native-live-activities-handbook. 8sync News chỉ tóm tắt và dẫn link; bản quyền nội dung thuộc tác giả và nguồn gốc.
Đọc tin ở đây, luyện code, học theo lộ trình và luyện IELTS trên các sản phẩm anh em — tất cả kết nối với nhau trong hệ sinh thái 8 Sync Dev.
Cổng chính của hệ sinh thái: giới thiệu sản phẩm, blog và bảng giá trọn bộ.
Khám pháHọc theo lộ trình với video, quiz chấm tự động, certificate và mentor đang làm nghề.
Xem khóa họcLuyện thuật toán chấm tự động 7 ngôn ngữ, chạy code ngay trên trình duyệt.
Để xây dựng ứng dụng di động với AI hiệu quả, ba công cụ quan trọng là: skills (tệp hướng dẫn SKILL.md), MCP servers (như Expo MCP) và quản lý context. Skills giúp AI hiểu yêu cầu thông qua các tệp hướng dẫn, trong khi Expo MCP kết nối AI với dịch vụ bên ngoài nhưng cần sử dụng tiết kiệm do tải toàn bộ định nghĩa công cụ ngay từ đầu. Quản lý context bằng cách giữ cuộc trò chuyện dưới 50% dung lượng và tách biệt các chủ đề vào các luồng riêng.
Lập trình viên nên đọc bài này để hiểu cách tối ưu hóa hiệu suất và chi phí khi tích hợp AI vào xây dựng ứng dụng di động bằng cách áp dụng các kỹ thuật quản lý kỹ năng, server MCP và phân đoạn thông tin, tránh rủi ro lãng phí tài nguyên.
AI cho doanh nghiệp B2B: chat đa kênh AI phản hồi, gom lead tiềm năng, phân loại khách hàng.
Sắp ra mắtHeroUI 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.
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.
Apple mua lại Swift Package Index (SPI), công cụ tìm kiếm các gói Swift nguồn mở, và người sáng tạo Dave Verwer sẽ gia nhập Apple để tiếp tục phát triển. SPI vẫn duy trì mã nguồn mở theo giấy phép Apache 2.0, nhưng Apple cam kết đẩy nhanh phát triển, bao gồm ký gói, tính năng nhận dạng, và đặc biệt là loại bỏ sự phụ thuộc lâu nay vào GitHub. SPI hiện lưu trữ hơn 11.000 gói và sẽ chuyển dần sang mô hình registry độc lập với nền tảng lưu trữ nguồn. Một số nhà phát triển lo ngại về việc tài nguyên cộng đồng độc lập rơi vào sự kiểm soát hoàn toàn của doanh nghiệp.
Lập trình viên nên đọc bài này để hiểu cách Apple có thể cải thiện tính độc lập và hiệu quả của hệ sinh thái phát triển Swift bằng cách loại bỏ sự phụ thuộc vào GitHub và xây dựng một nền tảng mở, an toàn hơn cho cộng đồng.
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.
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.
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.
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.