리액트 - Component 단위 / Re-Render / VDOM

2022. 3. 25. 01:13카테고리 없음

 

unit 테스트 하기 좋은 리액트!

 

독립적이다 / 고립되어있다 / 재사용 가능하다

 

제일 상위에 하나의 컴포넌트가 존재 = ROOT

 

ROOT 안에 이제 여러 컴포넌트가 있고 있고 또있고 계속 있는것

STATE = 데이터를 담고 있음

RENDER = UI를 표기해주는 RENDER 함수

STATE가 변화될때마다 RENDER 함수가 호출이 된다

 

메모리에 보관된 virtual dom tree와 비교해서

필요한 부분만 dom tree에 업데이트 된다

 

업데이트 될때마다 모든 앱을 re-render한데 (??)

 

60fps 를 보장해준데