React

React 18로 업그레이드하면서 겪은 Automatic Batching 적용 사례를 정리했다. 기존에 수동으로 처리하던 상태 업데이트 최적화가 자동으로 처리되면서 불필요한 리렌더링이 줄어들었다.

React 18로 업그레이드하면서 개발 환경에서 useEffect가 두 번 실행되는 현상을 발견했다. Strict Mode의 새로운 동작 방식을 이해하고 대응한 과정을 정리했다.

React 18로 업그레이드하면서 발생한 hydration 에러와 useEffect 중복 실행 문제를 해결했다. Strict Mode의 동작 변경과 Suspense 적용 과정에서 겪은 시행착오를 기록한다.

React 18로 업그레이드하면서 기존 Suspense 구현이 깨지는 문제를 겪었다. fallback이 예상과 다르게 동작하여 원인을 파악하고 해결한 과정을 기록했다.

React 18로 업그레이드하면서 기존 Suspense 구현에서 예상치 못한 동작을 발견했다. lazy loading 컴포넌트의 fallback이 제대로 보이지 않는 문제를 해결한 과정을 기록한다.

React 18의 useDeferredValue를 실제 검색 기능에 적용해봤다. 기존 debounce 방식 대비 사용자 경험이 확실히 개선됐고, 구현도 더 간결해졌다.

사내 대시보드 프로젝트에 React 18 베타를 적용하면서 Concurrent Rendering과 Suspense를 실전 투입했다. 기존 코드 마이그레이션 과정과 성능 개선 결과를 정리했다.

사내 대시보드 프로젝트에 React 18 베타를 적용하면서 useTransition과 Suspense 관련 이슈를 겪었다. 특히 기존 상태 관리 라이브러리와의 호환성 문제가 예상보다 컸다.

React 18 베타가 공개되면서 Suspense를 데이터 페칭에 본격적으로 사용할 수 있게 되었다. 기존 프로젝트에 실험적으로 적용하면서 겪은 문제와 해결 과정을 정리했다.

React 18 RC 버전을 테스트하면서 개발 환경에서 useEffect가 두 번 실행되는 현상을 발견했다. Strict Mode의 새로운 동작 방식과 대응 방법을 정리했다.