# React 렌더링 동작에 대한 (거의) 완벽한 가이드 [번역]

> Clean Markdown view of GeekNews topic #7814. Use the original source for factual precision when an external source URL is present.

## Metadata

- GeekNews HTML: [https://news.hada.io/topic?id=7814](https://news.hada.io/topic?id=7814)
- GeekNews Markdown: [https://news.hada.io/topic/7814.md](https://news.hada.io/topic/7814.md)
- Type: news
- Author: [xguru](https://news.hada.io/@xguru)
- Published: 2022-11-15T10:29:02+09:00
- Updated: 2022-11-15T10:29:02+09:00
- Original source: [velog.io](https://velog.io/@superlipbalm/blogged-answers-a-mostly-complete-guide-to-react-rendering-behavior)
- Points: 37
- Comments: 0

## Topic Body

- 렌더링이 뭘까요?  
  - 렌더링 프로세스 개요  
  - 렌더 및 커밋 단계  
- 리액트는 어떤 방식으로 렌더링할까요?  
  - 렌더링 큐에 렌더링 등록하기  
  - 일반적인 렌더링 동작  
  - 리액트 렌더링 규칙  
  - 컴포넌트 메타데이터와 파이버(Fibers)  
  - 컴포넌트 타입(Component Types)과 재조정(Reconciliation)  
  - Key와 재조정  
  - 렌더링 일괄 처리(Render Batching)와 타이밍  
  - 비동기 렌더링, 클로저 그리고 상태 스냅샷  
  - 렌더링 동작 엣지 케이스  
- 렌더링 성능 개선  
  - 컴포넌트 렌더링 최적화 기법  
  - Props 참조가 렌더링 최적화에 미치는 영향  
  - Props 참조 최적화  
  - 전부 메모이제이션할까요?  
  - 불변성(Immutability)과 리렌더링  
  - 리액트 컴포넌트 렌더링 성능 측정  
- 컨텍스트(Context)와 렌더링 동작  
  - 컨텍스트 기초  
  - 컨텍스트 값 업데이트  
  - 상태 업데이트, 컨텍스트 그리고 리렌더링  
  - 컨텍스트 업데이트와 렌더링 최적화  
  - 컨텍스트와 렌더러 경계(Renderer Boundaries)  
- React-Redux와 렌더링 동작  
  - React-Redux 구독(Subscriptions)  
  - connect와 useSelector의 차이  
- 리액트의 향후 개선 사항  
  - "React Forget" 메모이징 컴파일러  
  - Context Selectors  
- 요약  
- 결론  
- 추가정보

## Comments



_No public comments on this page._