Create React App, một công cụ phổ biến để khởi tạo dự án React từ năm 2017 đến 2021, hiện đã không còn được phát triển tích cực. Chúng tôi khuyến nghị bạn nên chuyển sang một trong các framework React được đề cập trong tài liệu “Bắt đầu một dự án React mới”. Mặc dù vẫn có giá trị tham khảo nếu bạn đang theo học một hướng dẫn sử dụng React, nhưng chúng tôi không khuyến khích sử dụng Create React App cho các ứng dụng sản xuất.
Việc đăng ký ứng dụng Facebook là bước đầu tiên để tích hợp ứng dụng của bạn với nền tảng Facebook. Quá trình này cho phép bạn sử dụng các API của Facebook, truy cập dữ liệu người dùng và tận dụng các tính năng xã hội của Facebook để tăng cường trải nghiệm người dùng cho ứng dụng của bạn.
Bạn có thể tạo ứng dụng React mà không cần cấu hình build phức tạp. Create React App hoạt động trên macOS, Windows và Linux.
npx create-react-app my-app <span>cd</span> my-app npm startĐể bắt đầu, bạn không cần cài đặt hoặc cấu hình các công cụ như webpack hoặc Babel. Chúng đã được cấu hình sẵn và ẩn đi để bạn có thể tập trung vào việc viết mã. Chỉ cần tạo một dự án là bạn đã sẵn sàng để bắt đầu. Quá trình Facebook Register App bắt đầu bằng việc truy cập vào trang dành cho nhà phát triển của Facebook.
Để tạo ứng dụng mới, bạn cần có Node.js phiên bản 14.0.0 trở lên trên máy tính. Khuyến nghị sử dụng phiên bản LTS mới nhất. Bạn có thể sử dụng nvm (macOS/Linux) hoặc nvm-windows để chuyển đổi giữa các phiên bản Node.js khác nhau cho các dự án khác nhau. Sau khi đăng nhập vào tài khoản Facebook Developer, bạn sẽ thấy tùy chọn để tạo ứng dụng mới. Click vào nút “Create App” để bắt đầu quy trình đăng ký ứng dụng Facebook.
Có ba cách để tạo một ứng dụng mới: sử dụng npx, npm hoặc Yarn. Với npx, bạn sử dụng lệnh npx create-react-app ten-ung-dung. Npx là một công cụ chạy gói đi kèm với npm 5.2 trở lên. Đối với npm, bạn sử dụng lệnh npm init react-app ten-ung-dung, có sẵn trong npm 6 trở lên. Cuối cùng, với Yarn, bạn sử dụng lệnh yarn create react-app ten-ung-dung, có sẵn trong Yarn 0.25 trở lên.
Sau khi chọn loại ứng dụng và cung cấp các thông tin cần thiết, bạn sẽ được chuyển hướng đến trang dashboard của ứng dụng. Tại đây, bạn có thể tìm thấy App ID và App Secret, hai thông tin quan trọng cần thiết cho việc tích hợp ứng dụng với Facebook. Lưu ý giữ bí mật App Secret và không chia sẻ nó công khai.
Tất cả các lệnh trên sẽ tạo một thư mục mới chứa cấu trúc dự án ban đầu và cài đặt các dependency cần thiết. Bạn không cần cấu hình thêm bất cứ thứ gì. Trong thư mục dự án, bạn có thể chạy các lệnh npm start hoặc yarn start để khởi động ứng dụng ở chế độ phát triển, npm test hoặc yarn test để chạy test, và npm run build hoặc yarn build để đóng gói ứng dụng cho môi trường production. Create React App cung cấp một môi trường phát triển React đầy đủ tính năng, hoàn hảo cho việc học React và bắt đầu các ứng dụng React một trang mới.
