thắc mắc Một số từ vựng mà mình chưa hiểu docs của reactjs

const [state, setState] = useState(initialState);

The setState function is used to update the state. It accepts a new state value and enqueues a re-render of the component.

Click to expand...

If you update a State Hook to the same value as the current state, React will bail out without rendering the children or firing effects. (React uses the Object.is comparison algorithm.)

Click to expand...

Accepts a function that contains imperative, possibly effectful code.

Click to expand...

Mutations, subscriptions, timers, logging, and other side effects are not allowed inside the main body of a function component (referred to as React’s render phase).

Click to expand...

• Mutations là sửa đổi dữ liệu
• Subscriptions được sử dụng cho các yêu cầu giám sát dữ liệu thời gian thực. (it’s used for real-time data monitoring requests.)
• Timer ....
• logging ...

Trái tim mùa thu said:

Hiện tại mình đang đọc docs trên reactjs nhưng có một số chỗ mình không biết phải dịch nó ra sao hoặc không hiểu họ dùng từ đó để đề cập đến vấn đề gì hoặc từ đó là thuật ngữ mình chưa biết mong các bạn ở đây chỉ nếu biết.
1. Ở phần useState

JavaScript:

const [state, setState] = useState(initialState);

Đoạn được bôi đên có ý nghĩa là: "state mới sẽ được thêm vào queue sau đó component sẽ được re-render" phải không ? Cái queue này có phải chỉ có 2 element là previous state và new state vì mình thấy trong code người ta viết chỉ dùng tới 2 state này là chủ yếu.
2. Ở phần Bailing out of a state update

Từ bail out và firing effects nên dịch là gì ?
3. Ở phần useEffect

Mình không biết possibly effectful code ở trong docs đang đề cập tới gì ?

Mấy cái từ này theo mình tìm hiểu thì:

• Mutations là sửa đổi dữ liệu
• Subscriptions được sử dụng cho các yêu cầu giám sát dữ liệu thời gian thực. (it’s used for real-time data monitoring requests.)
• Timer ....
• logging ...

Cái này mình kiếm theo cú pháp * + react trên google mà không thấy, có vẻ nó là một thuật ngữ hoặc kỹ thuật gì đó. Mấy bạn giúp mình vài cái ví dụ được không ?

loading ...

Click to expand...

tthixk said:

1. setState sẽ ghi giá trị mới cho state và ra lệnh cho component render lại. Việc render đc enqueue chứ ko phải state đc enqueue.
2. Bailing out nghĩa là skip, ko render lại. Firing effect là thực hiện func trong useEffect
3. Effectful code là func có thể chứa side effect, ví dụ call api rồi setState theo kết quả nhận đc. Tuyệt đối không để những func tạo side effect bên trong func component (phải để trong useEffect)

Click to expand...