Create react app

1. Cài đặt react app

Để cài đặt react app ta cần:

• Nodejs và Npm

Để create a project run :

npx create-react-app <tên ứng dụng>
cd <tên ứng dụng>
npm start

2. Giới thiệu các thành phần

Mặc định react app sẽ có các thành phần sau:

• node-modules : chứa các library nodejs

• public: chứa các tài nguyên hình ảnh, favicon.ico và file index.html

  • index.html đây là file html render lên website : file này chứa các liên kết đến tài nguyên và đặc biệt là thẻ div có id = root là nơi render các thành phần của website.

• src: chứa các file source của dự án

  • App.css chứa css của App component

  • App.js là nơi tạo ra component <App>

  • App.test.js là file viết test cho React app

  • index.css chứa file css cho index.html

  • index.js là nơi làm việc chính của app

  • logo.svg file logo react

  • reportWebVital.js

  • setupTest.js cài đặt file test cho jest

• .gitignore : file quản lý của git để loại bỏ các file không cần thiết

• package.json nơi quản lý các gói npm

• README.md file thể hiện nội dung của github

• yarn.lock thể hiện các dependencies liên quan đến react app, file được lưu theo kiểu YARN một kiểu lưu giữ liệu khác với Json và XML