Hướng dẫn cài đặt sử dụng Expo
React Native là frame work được tạo bởi Facebook, cho phép các lập trình viên xây dựng các ứng dụng di động native mà chỉ sử dụng ngôn ngữ Javascript. Cùng Bizfly Cloud tìm hiểu những thông tin về React Native ngay tại bài dưới đây nhé.
React Native là gì?
React Native là framework được khởi xướng bởi Facebook, cho phép các lập trình viên xây dựng các ứng dụng di động native mà chỉ sử dụng ngôn ngữ Javascript. Nó có cấu trúc thiết kế giống như React - các giao diện, chức năng được cấu thành từ các thành phần con (component). Nếu muốn lập trình ứng dụng iOS, bạn phải học Swift hoặc Objective-C và Cocoa Pods. Trong khi đó, nếu muốn lập trình ứng dụng Android, bạn cần học Java và Android SDK. Và sự ra đời của React Native làm được cả hai điều đó!
Bạn có thể tìm hiểu về React Native tại đây: https://facebook.github.io/react-native/
Giới thiệu về Expo
Expo là thư viện, công cụ hỗ trợ lập trình React Native mà không cần sử dụng đến Android Studio hay Xcode. Có Expo thì sẽ dễ dàng hơn vì:
- Làm cho dự án Javascript của bạn trở nên gọn nhẹ vì nó có thể chạy trong bất kì môi trường nào có chứ Expo SDK.
- Dễ dàng đọc Log trong khi lập trình.
- Dễ dàng chia sẻ dự án cho các thành viên trong nhóm, hay là khách hàng có thể xem trước dự án thông qua quét mã QR hoặc link Expo.
- Cung cấp nhiều thư viện tiện lợi
- Miễn phí và mã nguồn mở
Cài đặt Expo
Download Expo phiên bản mới nhất tại: https://expo.io/tools. (bản dành cho MacOS).
Sau đó, cài đặt Expo như các ứng dụng khác của Mac. Khi mở lên, Expo có giao diện như hình dưới đây. Bạn có thể đăng nhập bằng tài khoản github.
Expo sẽ tạo sẵn các thư mục và cài đặt các gói mặc định của Reacy Native. Bạn mở dự án lên bằng bất kể trình soạn thảo code nào.
Bạn mở Simulator lên:
App.js được coi là file main của chương trình, hiển thị giao diện hay chức năng đều thông qua file này.
Việc import các component hay trình bày thư mục tuỳ thuộc vào mỗi người.
- Cách 1: Quét mã QR
- Cách 2: Chia sẻ link thông qua email hoặc điện thoại
Cho dù chia sẻ theo cách nào, bạn nên nhớ bật Host ở chế độ Tunnel trước khi chia sẻ.
Theo Bizfly Cloud tổng hợp
