Giới thiệu về React

1. Giới thiệu

• Application .Net

Kiến trúc : 3 lớp

Monolithic Architecture

• UI

• Business Layer

• Data Interface

Back End vs Front End

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

JSX và Expression :

• JSX : là code html nhúng vào javascript

• Expression: code js nhúng trong html . { }. //Expression : phép tính, attributes, gọi hàm

Supper dùng để kế thừa cha (constructor):

// Animal(set name){}

// Bird(){ supper(); }

• Hai hàm quan trọng xử lý bất đồng bộ trong JS.

  • SetInterval : lặp lại 1 khoảng thời gian 1000mls -> 1s

  • SetTimeout: thực hiện sau 1 khoảng thời gian

• Xử lý bất đồng bộ: callback, promise, async / await

// Will unmount

// hủy class function f(){ A a; } chạy hết function A bị hủy

// garbage collector : c#, java,...

2 kiểu gọi state

 this.setState(state => ({
      seconds: state.seconds + 1
    }));
    //2 kiểu 
 this.setState({
      seconds: this.state.seconds+1
  });

2. Kiến trúc React

SetState: thông báo với React, Render lại UI.

// UI -> Data : tối ưu nhất là không phải viết lại UI
// UI, không -> Business -> Data (loại -> Business -> UI)
  //UI : viết 1 lần