공식문서를 보는 이유와 방법3

context

컴포넌트 트리 제약->props drilling의 한게 해소

재사용성 -> context를 사용하면 재사용하기 어려움

api -> createContext/Provider/consumer

useContext->consumer대체

Portal

createPortal -> 부모 컴포넌트 DOM 트리로부터 벗어나기

이벤트 -> portal에 있더라도 Event는 트리로 전파

Render Props

render props -> 무엇을 렌더링할 지 알려주는 함수

render일 필요 -> 없음,children도 되고 뭐든 됨

PureComponent -> props,state 비교하여 성능 최적화

propTypes

개발 모드에서만 동작 -> 유효하지 않은 prop에 대한 경고

custom -> RegExp 등으로 사용자 정의 가능

children 제한 -> 원래 제약없던 갯수 제약 가능

Reconciliation

루트부터 비교 -> 무엇을 렌더링할 지 알려주는 함수

트리를 파괴 -> 부모가 바뀌었다면 트리를 버린다.

Reconciliation2

Virtual DOM -> 실제 DOM과 동기화 할 가상 표현

재조정 -> 실제 DOM 과 Virtual DOM의 동기화

React Fiber -> 스택 reconciler 대체한 재조정 엔진

React Dev Tools

개발자 도구 확장 -> React에서 확인하고 싶은 것들

성능 측정 -> Profiler