📚 Reference

• GitHub 1
• 참고 자료 1

📜 Chapter

useMemo

useCallback

Fiber

• Fiber
• 파이버
• React Fiber는 리액트가 컴포넌트 트리를 렌더링하고 업데이트하는 방식을 개선하기 위해 도입된 새로운 핵심 아키텍처이다.
• 이전의 Stack Reconciler가 동기적으로 동작했던 것과 달리, Fiber는 비동기적으로 작업을 처리하여 렌더링 성능을 최적화하고 사용자 경험을 향상시킨다.

등장 배경

• 기존의 Stack Reconciler는 재귀적으로 컴포넌트를 처리하며, 한 번 렌더링이 시작되면 완료될 때까지 중단할 수 없었다.
• 이로 인해 거대한 컴포넌트 트리가 업데이트될 때 메인 스레드가 오랫동안 차단되어 애니메이션 끊김, 사용자 입력 지연과 같은 프리즈(freeze) 현상이 발생했다.
• Fiber는 이러한 문제를 해결하기 위해 도입되었다.

주요 특징

1. 비동기 렌더링 (Asynchronous Rendering)

• Fiber는 렌더링 작업을 작은 단위로 쪼개어 우선순위에 따라 처리한다.