React

React 19의 개선된 Suspense 동작을 활용해 대시보드 초기 로딩 성능을 최적화했다. 경계 분리와 preload 전략으로 LCP를 1.8초 단축했다.

React 19에서 정식으로 도입된 use() 훅을 Server Components와 함께 사용하면서 겪은 시행착오를 정리했다. 특히 Promise를 직접 다루는 방식과 기존 Suspense 패턴의 차이점을 중심으로 기록한다.

React 19의 Server Actions를 실제 프로덕션 환경에 적용하면서 겪은 시행착오를 정리했다. Form 처리 패턴 변화와 에러 핸들링, 그리고 마이그레이션 전략을 중심으로 기록한다.

대시보드 페이지에서 탭 전환 시 발생하던 로딩 지연을 Suspense 프리페칭으로 해결했다. 사용자 인터랙션 예측을 통해 체감 성능을 크게 개선할 수 있었다.

React 19 Compiler 도입 후 기존 useMemo 사용 패턴을 재검토했다. 컴파일러가 자동으로 메모이제이션을 처리하지만, 특정 케이스에서는 여전히 명시적인 최적화가 필요했다.

React 19 정식 릴리즈 이후 프로젝트에 use() 훅과 Server Actions를 도입했다. 기존 비동기 처리 패턴과의 차이점과 실제 마이그레이션 과정에서 마주친 이슈들을 정리한다.

React 19의 Server Actions를 프로덕션에 도입하면서 기존 API 라우트와 병행 운영했던 경험을 정리했다. 점진적 마이그레이션 전략과 에러 핸들링 패턴을 중심으로 기록한다.

React 19의 Server Actions를 프로덕션에 도입하면서 겪은 시행착오를 정리했다. useTransition과 결합해 폼 처리 로직을 단순화하고, 기존 API 라우트 대비 얻은 이점과 주의점을 기록한다.

React 19 Compiler를 프로덕션에 적용하면서 번들 크기가 12% 감소했다. useMemo와 useCallback 제거 과정과 주의할 점을 정리했다.

React 19 Compiler를 프로젝트에 적용하면서 기존 useMemo, useCallback 패턴과의 차이를 정리했다. 자동 메모이제이션이 가져온 변화와 여전히 수동 최적화가 필요한 케이스를 정리한 기록.