BÀI 3 - TẠO PROJECT TRONG REACT NATIVE

Video bài học

Khi các công cụ đã được cài đặt xong thì chúng ta sẽ đi khởi tạo ứng dụng đầu tiên. Để khởi tạo ứng dụng React Native, sử dụng câu lệnh:

expo init [name-app]

Khi nó yêu cầu bạn chọn template thì bạn có thể chọn "blank" để trống hoặc các template khác tùy nhu cầu. Sau đó sẽ mất ít phút để nó khởi tạo các file cho dự án khi hoàn thành bạn gõ start để bắt đầu dự án.

À trước hết bạn xem kỹ xem command có đang ở thư mục bạn đã tạo không nhá. Nếu chưa thì bạn gõ "cd [name-app] để đến đúng thư mục rồi mới start được nhé

npm start

Và nó ra như này kèm theo một trang web nữa là thành công.

  • Nếu bạn dùng điện thoại thật để build thì mở ứng dụng và scan QR. Lần đầu sẽ tốn vài phút để load các file, các lần sau thì sẽ nhanh lắm.

  • Để đồng bộ source code và ứng dụng trên app thì bạn phải kết nối cùng mạng wifi cho cả máy tính và điện thoại nhé.

  • Để chỉnh sửa code, bạn mở tab cmd mới và cũng cd đến thư mục dự án. Sau đó gõ lệnh

code .

  • Do mình có sẵn Visual Code nên nó tự động mở trình lên luôn, nếu bạn chưa thì nên cài nhé!

  • Source code thì chính thì nằm trong file components và các màn hình thì nằm trong thư mục screens

  • Để chạy code sau khi chỉnh sửa bạn chỉ cần bấm ctrl+S là được.