• Tìm hiểu Expo
• Tools
• Set up your environment
  • Debugger (Press ‘j’ to open debugger)

Tìm hiểu Expo

• Expo là hệ sinh thái (develop, review, deploy) để tạo ứng dụng đa nền tảng (android, ios, web).
• Expo sử dụng React Native, được viết bằng TypeScript.
• Expo là một framework mã nguồn mở dành cho các ứng dụng chạy tự nhiên trên Android, iOS và web.

Tools

• Expo Go: là một hộp cát cho phép bạn nhanh chóng thử nghiệm việc xây dựng các ứng dụng Android và iOS gốc. Expo Go kết nối Development Server hoặc URL từ EAS thông qua URL hoặc Barcode
  • Android Client: để xem project trên android trong khi develop.
  • iOS Client: để xem project trên ios trong khi develop.
    • Theo truyền thống, bạn cần có macOS để phát triển ứng dụng iOS, tuy nhiên, bạn có thể sử dụng EAS Build để xây dựng ứng dụng của mình trên đám mây. Bạn cũng có thể sử dụng EAS Submit để gửi ứng dụng của mình đến các cửa hàng.
    • Việc kiểm tra có thể được thực hiện trên thiết bị iOS vật lý bằng cách sử dụng Expo Go hoặc bản dựng phát triển.
  • expo-dev-client: cho phép tạo bản dựng phát triển (giống Expo Go) và bao gồm các công cụ phát triển hữu ích.
• Expo CLI: Command Line để develop và build
  • expo-cli không dùng nữa, sử dụng @expo/cli để thay thế
  • Gói @expo/cli là tệp nhị phân CLI nên được sử dụng thông qua các tệp expo như npx expo start
• Development Server (máy chủ phát triển) là proxy giữa native runtime (thời gian chạy gốc như: Expo Go, Dev Client) và JS Bundler (Metro, Webpack).
  
• EAS CLI: EAS (Expo Application Services - Dịch vụ ứng dụng Expo) để xây dựng dự án của bạn thành ứng dụng Android và iOS, sau đó gửi chúng đến các cửa hàng ứng dụng.
  
  • EAS là dịch vụ của Expo để giúp build (trên cloud), submit (app store), update (không cần gửi file review ở trên store)
  • Native Runtime trên App Store nhưng JS Bundle ở trên cloud của Expo.
  • EAS có thể gửi thông báo đẩy (push notification).
  • Bạn có thể sử dụng EAS miễn phí nếu hạn ngạch gói miễn phí đủ cho ứng dụng của bạn. Thông tin thêm có sẵn trên trang giá cả.
• Expo Snack: thử Expo trong trình duyệt (playground).

Set up your environment

• Cài npm hoặc yarn, khi upgrade có thể sẽ cần yarn khi chạy npx expo install –fix
• Tạo project: npx create-expo-app@latest
• Chạy project: npx expo start
• Upgrade Expo SDK:
  • B1. Upgrade the Expo SDK: Cài đặt phiên bản mới của gói Expo
    • NPM: npm install expo@latest hoặc npm install expo@51
    • YARN: yarn add expo@latest hoặc yarn add expo@51
  • B2. Upgrade dependencies: Nâng cấp tất cả các phần phụ thuộc để phù hợp với phiên bản SDK đã cài đặt.
    • npx expo install --fix (có thể cần phần có YARN globaly)
    • npx expo-doctor@latest (Kiểm tra mọi vấn đề có thể xảy ra trong phần phụ thuộc dự án của bạn)
  • B3. Follow the release notes for any other instructions

Debugger (Press ‘j’ to open debugger)

› Metro waiting on exp://192.xxx.xxx.xxx:8081
› Scan the QR code above with Expo Go (Android) or the Camera app (iOS)

› Web is waiting on http://localhost:8081

› Using Expo Go
› Press s │ switch to development build

› Press a │ open Android
› Press w │ open web

› Press j │ open debugger
› Press r │ reload app
› Press m │ toggle menu
› Press o │ open project code in your editor

› Press ? │ show all commands

Logs for your project will appear below. Press Ctrl+C to exit.