React Native

Skill accessibility hỗ trợ bạn thiết kế, triển khai và đánh giá UI có khả năng tiếp cận theo hướng dẫn WCAG 2.2 Level AA cho Web, iOS và Android. Bạn có thể dùng skill này để xác định vai trò thành phần, nhãn, trạng thái, hành vi focus và các accessibility traits, kèm hướng dẫn thực tế cho công việc UX Audit và rà soát triển khai.

react-native-design là skill chuyên biệt cho các mẫu UI React Native, bao gồm styling với StyleSheet, React Navigation có kiểu dữ liệu đầy đủ và cách dùng Reanimated 3 để xây dựng màn hình đa nền tảng.

react-native-architecture hỗ trợ lên kiến trúc cho ứng dụng React Native và Expo ở môi trường production, bao gồm routing, ranh giới state, native modules, luồng offline-first và các đánh đổi giữa Expo với bare.

vercel-react-native-skills là skill cho React Native và Expo dành cho phát triển frontend chú trọng hiệu năng. Hãy dùng nó để cải thiện việc render danh sách, animation, điều hướng, các mẫu UI, quản lý state và thiết lập native module. Skill này cung cấp các quy tắc thực tiễn, hướng dẫn cài đặt và các mẫu sử dụng để xử lý các điểm nghẽn của ứng dụng mobile với ít phải đoán mò hơn.

Skill Expo UI SwiftUI giúp cài đặt @expo/ui, rebuild bằng `npx expo run:ios`, và dùng đúng `Host`, `RNHostView` cùng tài liệu SDK 55 trong ứng dụng Expo.

Skill upgrading-expo hỗ trợ nâng cấp phiên bản Expo SDK, chạy đúng các lệnh cài đặt và doctor, xóa cache, đồng thời xử lý các thay đổi có thể gây lỗi như React 19, New Architecture, Native Tabs và việc chuyển đổi khỏi expo-av.

Kỹ năng use-dom hướng dẫn cách dùng Expo DOM components để chạy mã React web trong webview trên nền tảng native và chạy bình thường trên web, giúp bạn tái sử dụng các component phụ thuộc trình duyệt và di chuyển mã web theo từng bước.

building-native-ui là skill giao diện Expo Router dành cho các ứng dụng React Native có cảm giác native. Tìm hiểu bối cảnh cài đặt, cấu trúc route, tabs, headers, animations, media và các giới hạn theo nền tảng trước khi dùng.

expo-api-routes giúp bạn tạo các API route cho Expo Router trên EAS Hosting, với hướng dẫn rõ ràng về khi nào nên dùng endpoint phía máy chủ, nên đặt các tệp `app/**/+api.ts` ở đâu và cách tổ chức route handler an toàn.

expo-cicd-workflows hỗ trợ tạo, chỉnh sửa và kiểm tra Expo EAS workflow YAML. Cài đặt skill, lấy schema và tài liệu mới nhất, rồi tạo mới hoặc sửa các tệp `.eas/workflows` với hướng dẫn có bộ kiểm tra xác thực hỗ trợ cho quy trình build, submission, update và pipeline triển khai.

expo-deployment hỗ trợ phát hành ứng dụng Expo bằng EAS trên iOS App Store, Google Play, web hosting, TestFlight, metadata và quy trình CI/CD.

`expo-dev-client` giúp bạn xác định liệu ứng dụng Expo có cần development client hay không, sau đó cấu hình EAS và build cục bộ hoặc qua TestFlight để kiểm thử native.

expo-tailwind-setup là hướng dẫn thực tế để cài đặt và cấu hình Tailwind CSS v4 trong Expo bằng react-native-css và NativeWind v5 cho iOS, Android và web.

Expo UI Jetpack Compose giúp bạn cài đặt và dùng `@expo/ui/jetpack-compose` để xây dựng UI Android trong ứng dụng Expo, với hướng dẫn cho SDK 55, import đúng, các bước rebuild native và kiểm tra API qua `.d.ts`.

react-native-best-practices là hướng dẫn tối ưu hiệu năng React Native thực tiễn cho các vấn đề như khởi động chậm, rơi khung hình, render nặng, rò rỉ bộ nhớ, phình bundle và animation giật. Hãy dùng khi bạn cần các cách khắc phục có cơ sở cho Hermes, chi phí bridge, FlashList, native modules, hoặc khi phân tích một regression ở bản phát hành.

ui-mobile là một cẩm nang thực dụng về thiết kế UI mobile trong React Native và các codebase iOS/Android lân cận. Nội dung tập trung vào vùng chạm dễ tiếp cận, độ tương phản và các quy tắc tương tác, giúp bạn xây dựng màn hình an toàn hơn, rà soát component và cải thiện khả năng dùng trên di động với ít phỏng đoán hơn.

Các mẫu React Native cho mobile và mã theo nền tảng dành cho Frontend Development. Skill react-native này giúp bạn tổ chức màn hình, component và hook theo cách dễ bảo trì, đồng thời lưu ý đến iOS và Android.

upgrading-react-native giúp lập kế hoạch và triển khai nâng cấp phiên bản React Native bằng rn-diff-purge hoặc các diff của Upgrade Helper, đồng bộ dependencies, cập nhật cấu hình iOS và Android, và xác minh bản build. Skill này hữu ích cho các team Frontend Development đang nâng cấp ứng dụng thực tế, bao gồm cả monorepo và dự án dựa trên Expo.