Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | ||||
4 | 5 | 6 | 7 | 8 | 9 | 10 |
11 | 12 | 13 | 14 | 15 | 16 | 17 |
18 | 19 | 20 | 21 | 22 | 23 | 24 |
25 | 26 | 27 | 28 | 29 | 30 | 31 |
Tags
- 렌더링
- Interface
- lifting state up
- Front-End
- JavaScript
- 타입스크립트
- 자바스크립트
- react code splitting
- 렌더링 동작원리
- NextJS
- 고급타입
- rendering
- 타스
- 상태 끌어올리기
- React
- mapped types
- Next.js
- state 최적화
- 자동 배칭
- TS
- TypeScript
- react rendering
- useCallback
- 리액트 코드분할
- 배칭
- 프론트엔드
- useMemo
- react router dom v6
- router dom
- 리액트
Archives
- Today
- Total
목록자동 배칭 (1)
서녕이네 개발단지

Automatic batching ❗️automatic batching에 들어가기 앞서 batching이 무엇인지 알아야 한다. batching - 리액트는 기본적으로 batching을 활용한다. batching (배칭)이란❓ -이벤트 핸들러나 hooks안에서 상태 업데이트를 묶어서 동작하도록 만들어준다. 즉, 렌더링이 한 번만 일어나게 해 준다. 배칭(batching)은 리액트가 더 나은 성능을 위해 여러 개의 state(상태) 업데이트를 하나의 re-render가 발생하도록 그룹화하는 것을 의미한다. function App() { const [count, setCount] = useState(0); const [flag, setFlag] = useState(false); function handleC..
프론트엔드/React
2023. 6. 12. 18:48