Tổng hợp các bộ công cụ bắt đầu lập trình React Native dễ dàng
Nội dung chính
1. Ignite
- URL:infinite.red/ignite
- Github: github.com/infinitered/ignite
- Developers: Infinite Red, Inc.
- Platform
- iOS
- Android
Ignite là bộ công cụ dựa giúp cho việc khởi tạo dự án React Native trở nên đơn giản chỉ với CLI, thật sự có giá trị cho dù bạn là người mới hay đã thành thạo React Native. Với CLI của Ignite sẽ khởi tạo mọi thứ từ ứng dụng đơn giản hay là ứng dụng có tuyển chọn 1 số thành phần riêng biệt của Ignite, bạn sẽ tiết kiệm được kha khá thời gian lập trình với Ignite.
Tính năng:
- CLI đơn giản
- Tài liệu tốt
- Các screen được tạo sẵn
- Các ví dụ về component phong phú
- API Doc Testing
- Themes
- Thông tin thiết bị
2. Pepperoni
- URL: getpepperoni.com/
- Github: github.com/futurice/pepperoni-app-kit
- Platform:
- iOS
- Android
Pepperoni là một bộ công cụ thiết kế để viết ứng dụng di động đa nền tảng dựa trên React Native một cách nhanh chóng, có sẵn các component thường gặp trong ứng dụng di động. Thiết kế của Pepperoni dựa trên nền tảng mạnh, hiện đại và các phương pháp hữu hiệu trong lĩnh vực lập trình di động.
Tính năng:
- Tích hợp sẵn các component thường gặp
- Sẵn sàng tích hợp đám mây với Heroku, Amazon Web Services, Google Cloud Platform, Microsoft Azure.
- Đăng nhập, xác thực và quản lý người dùng với Auth0
- Dễ dàng xây dựng ứng dụng chat giống Whatsapp với SendBird
- Push notifications
- Dễ dàng triển khai, cập nhật ứng dụng thông qua CodePush
3. Snowflake
- Github: github.com/bartonhammond/snowflake
- Developers: Barton Hammond
- Platform
- iOS
- Android
Snowflake hỗ trợ Hot Reload giữ nguyên trạng thái ứng dụng (nghĩa là khi bạn thay đổi ở mã nguồn và lưu lại, lập tức ứng dụng sẽ được cập nhật thay đổi đó, và những gì được lưu vào state sẽ được giữ nguyên). Sử dụng Redux và Immutable ngay từ đầu, trạng thái của ứng dụng sẽ dễ dàng kiểm thử với Jest.
Tính năng:
- Hỗ trợ Hot Reload giữ nguyên trạng thái ứng dụng
- Không phụ thuộc vào UI, bạn có thể kết hợp với NativeBase bên dưới.
4. NativeBase
- URL: nativebase.io/
- Github: github.com/GeekyAnts/NativeBase
- Developers: GeekyAnts
- Platform:
- iOS
- Android
NativeBase là framework mã nguồn mở dựa trên nền tảng React Native cho phép lập trình viên xây dựng ứng dụng di động chất lượng cao với ES6. NativeBase có sự đặc biệt nhất trong các nền tảng dựa trên React Native: cùng 1 mã nguồn nhưng chia UI riêng biệt cho iOS và Android. Với Android thì giao diện Material đặc trưng, với iOS thì giao diện mặc định của iOS, có thể nói đây là bộ công cụ UI mình đặc biệt thích, vì rõ ràng là dùng 1 giao diện cho 2 nền tảng khác nhau sẽ có 1 bộ phận người dùng của nền tảng này sẽ cảm thấy khó chịu.
Tính năng:
- UI hiệu năng cao
- Chung mã nguồn cho iOS & Android nhưng khác nhau về giao diện
- Tài liệu rõ ràng
5. React Native Starter App
React Native Starter App là bộ công cụ dựa trên React Native sử dụng Redux, có giao diện đầy đủ các component thường gặp của ứng dụng di động.
- Github: github.com/mcnamee/react-native-starter-app
- Developers: Matt Mcnamee
- Platform
- iOS
- Android
Bộ công cụ này tuy có ít đặc điểm nổi bật hơn so với các bộ công cụ khác, tuy nhiên đã được tinh chỉnh tốt và sẽ giúp bạn khởi đầu lập trình ứng dụng di động nhanh.
Fullstack Station Tips
Mình đánh giá cao bộ NativeBase, ngoài việc UI tách biệt cho iOS và android chỉ dựa trên 1 mã nguồn ra, thì NativeBase còn cả 1 hệ thống giao diện (trả phí) khác, mặc dù không miễn phí, nhưng việc đầu tư một sản phẩm có mức hoàn thiện cao thì vẫn có thể chấp nhận được. Nếu bạn có thể khám phá NativeBase, sau này bạn có thể tạo theme và bán nó thông quan NativeBase, cũng là một hướng kiếm thêm thu nhập không tồi.
Khách
4
Minh
Công cụ gì đang được sử dụng phổ biến
Nguyễn Nhân
Native Base thì nổi tiếng nhất, nhưng mỗi thằng có 1 điểm mạnh yếu khác nhau, Ignite kết hợp Native Base cũng khá thú vị.
Khách
3.5
TỔNG HỢP CÁC BỘ CÔNG CỤ BẮT ĐẦU LẬP TRÌNH REACT NATIVE DỄ DÀNG – Black Boy
[…] Tổng hợp các bộ công cụ bắt đầu lập trình React Native dễ dàng […]