Giới thiệu môn học

1. Mục tiêu

• Front-end : React

• RestFul API Service : Nodejs, Django, ..

• Database : NoSQL and SQL hạn chế MySQL, Oracle

• Các công nghệ mới : ESLint , TypeScript, Javascript Testing, CI/CD và điện toán đám mây

• Redux + React

• Deploy React

Kiến thức sẽ tự học được.

Mục tiêu của người thầy : rút ngắn thời gian học thu thập kiến thức và kỹ năng.

2. Tại sao sử dụng React

React : library

Angular: Platform

StateLess and Stateful components:

• Stateless : phụ thuộc vào tham số đầu vào (Read Only)

• Stateful : phụ thuộc vào trạng thái của nó

UI Binding

Mỗi App React chia làm 3 phần:

1. Draw UI: hiển thị được, nhúng data, đảm data thay đổi. Render

2. Data Binding : Data (fetch lấy dữ liệu từ API server), State, Props (Read only) Constructor

3. Viết Business: onClick, onChange, ...

Cách hoạt động của React

Ví dụ:

parseInt(Math.random(0,1)*10+1)

• UI : gồm có TodoApp chứa các TodoList cần làm. TodoApp - StateFul, TodoList: StateLess

• Data : items : công việc cần làm, text là nội dung đang được gõ

• Business

handleChange

handleSubmit

3. Các khái niệm khác

Immutable : không thay đổi