React

shadcn/ui Carousel에서 발생한 ESLint 오류 원인을 분석하고, Embla의 상태를 useSyncExternalStore로 구독하도록 개선한 과정을 정리합니다.

React에서 수천 개의 리스트를 렌더링할 때 발생하는 성능 문제와 Virtualization을 활용해 효율적으로 렌더링하는 방법을 알아봅니다.

useEffect가 필요한 기준을 외부 시스템과의 동기화 관점에서 살펴보고, 계산 가능한 값이나 사용자 이벤트에 Effect를 사용하면 안 되는 이유를 알아봅니다.

React Fiber는 React 16에서 새롭게 도입된 렌더링 엔진입니다. React는 왜 기존 구조를 버리고 Fiber를 만들었을까요?

React는 state가 변경되면 어떤 과정을 거쳐 화면을 업데이트할까요? Render와 Commit 단계의 역할과 차이를 알아봅니다.