Cài đặt và dựng ứng dụng React Native đầu tiên với Expo Go

Bài này mình sẽ chia sẽ cách tạo ứng dụng React Native đầu tiên đơn giản nhé, nhưng trước hết bạn cần cài đặt Node.js trước. Giờ chúng ta bắt đầu nhé!

Cài đặt Node.js

Download Node.js tại đây và cài đặt vào máy. Nếu không rõ bạn xem ở đây

Kiểm tra bằng cách run command sau

npm --version
node --version

Cài đặt npx

Run command sau:

npm install -g npx

Tạo dự án React Native với Expo Go

Sau khi đã cài node.js và npx, bạn chạy command sau để tạo nhé

npx create-expo-app NameOfProjec

Sau khi chạy thành công, project sẽ tạo ở folder C:\Users\PC như sau

Start server bằng cách run command sau, bạn sẽ đươc QR code. QR code này được dùng để chạy React Native application trên thiết bị di động bạn cần test

Chạy ứng dụng React Native trên thiết bị

• Mở Thiết bị di động, cài đặt ứng dụng Expo Go
• Đối với Android, Sử dụng Expo Go để scan QR code ở trên
• Đối với iOS, Sử dụng Built-in QR Code scanner của ứng dụng mặc định iOS camera

Bạn có thể thay đổi nội dung ở App.js, thông tin thay đổi sẽ hiển thị trên điện thoại của bạn ngay lập tức

NOTE

Bạn lưu ý máy mà bạn start server (cho QR code) và khi sử dụng điện thoại scan QR code thì mạng của hai môi trường này phải giống nhau nhé.!

Cheers!