Batching update in react-hooks

[timtnleeProject]

Reference: react/react#14259

Any state updates triggered inside that callback will be batched. Any state updates triggered outside that callback will not be batched. Timeouts, promises, and async functions will end up executing outside that callback, and therefore not be batched.

Update states multiple times like

setA('a');
setB('b');

within async function like api callback, timer etc...
will not batch updated

We can use useReducer to avoid redundant rendering calls.

[aNyMoRe0505]

+1

[timtnleeProject]

See the difference render order
https://codesandbox.io/s/setstate-in-async-callback-z17pk

[timtnleeProject]

react 18 support batch update outside react handlers
reactwg/react-18#21