React 19로 올리면서 Recoil을 Jotai로 교체했다. 단순한 API 치환이 아니라 업데이트 사이클이 달라지는 마이그레이션이었다.

모노레포에서 전혀 다른 두 가지 버그를 추적하다 보면 같은 원인에 도달한다. React 인스턴스가 두 개였다.

React Compiler가 내부적으로 뭘 하는지 궁금해져서, 컴파일러 이론 쪽 자료들을 찾아봤다.

상태 관리 도구는 UI 일관성을 위해 필수적이며, React의 useSyncExternalStore를 통해 외부 스토어와 안전하게 연결해야 한다.

2025년 개발자는 기술 선택보다 문제 해결을 우선시하며, 상태 관리의 중요성과 시스템 관점을 강조합니다.

React에서 문자열을 전달할 때 JSX와 JS 방식의 차이를 이해해야 줄바꿈 처리가 올바르게 이루어진다.

프론트엔드 애플리케이션의 아키텍처 방법론으로, 계층 구조와 비즈니스 도메인별 코드 분할을 통해 안정성과 재사용성을 높인다.

React 18에서는 새로운 Suspense SSR 아키텍처를 통해 서버 사이드 렌더링 성능을 개선하고 사용자 경험을 향상시킵니다.

React.Suspense와 useSuspenseQuery를 활용해 S3 이미지 로딩 시 스켈레톤 화면을 구현하는 방법을 설명합니다.

React 개발 중 렌더링 버벅임의 원인은 Chrome DevTools의 breakpoint와 async stack traces로, 이를 비활성화하거나 DevTools를 닫아 해결할 수 있다.