intro react

Thư mục chứa mã nguồn React là:

• /public

• /src

• /node_modules

• /build

File index.js làm nhiệm vụ:

• Chứa component gốc

• Render App vào DOM

• Quản lý package

• Chứa CSS chính

File App.js:

• Là component gốc

• Chứa toàn bộ dữ liệu

• Chỉ dùng để cài npm

• Không quan trọng

package.json:

• ưu trữ metadata, dependencies, scripts

• Chứa JSX

• Chứa component

• Chứa hình ảnh

Lệnh npm install axios để làm gì

• Khởi tạo project

• Cài thư viện axios

• Xóa project

• Chạy server

/node_modules chứa:

• Chứa JSX

• Dependencies đã cài

• Chứa CSS

• Chứa index.html

JSX là:

• Ngôn ngữ lập trình

• Cú pháp mở rộng JS cho phép viết HTML trong JS

• Cú pháp mở rộng của HTML

• Thư viện HTML

Component function là:

• Class kế thừa React.Component

• Hàm trả về JSX

• File HTML

• Biến

Chèn biểu thức JS trong JSX:

• {}

• ()

• []

• ""

Component trả về nhiều thẻ JSX phải:

• Bao quanh parent hoặc Fragment

• Trả về thẻ riêng

• Trả về string

• Bao quanh bằng ()