React의 batching

상태변경함수 => 동기적 => 왜 비동기적으로 동작을 하니? => batching
batching : 여러개의 상태변경함수가 있다고 할게요. => 여러개의 상태변경함수 모아서
일괄적으로 처리한 후 업데이트 한 내용을 1회의 리-렌더링으로 처리합니다.
리액트 자체적으로 렌더링 최적화를 한다는 겁니다.
17ver => useEffect, eventhandler o => Promise, setTimeout x
18ver => Auto batching => useEffect, eventhandler o => 그 외 영역에서도 적용하겠다.

📖batching

batching이란

상태변경함수는 동기적으로 동작하지만 마치 비동기적으로 동작하는 것처럼 보이는데 그 이유는 batching 때문이다.

batching은 여러개의 상태변경함수가 있는경우 여러개의 상태변경함수를 모아서 일괄적으로 처리한 후 업데이트 한 내용을 1회의 리-렌더링으로 처리해준다. 즉 리액트는 자체적으로 렌더링 최적화를 한다.

batching이 적용되지 않는 경우

• 17ver => useEffect, eventhandler o => Promise, setTimeout x
• 18ver => Auto batching => useEffect, eventhandler o => 그 외 영역에서도 적용하겠다.