Builder.shin
React
249개의 게시물
React
React 19 Suspense 경계 최적화로 LCP 개선하기
React 19의 개선된 Suspense 동작을 활용해 대시보드 초기 로딩 성능을 최적화했다. 경계 분리와 preload 전략으로 LCP를 1.8초 단축했다.
2025년 12월 10일
React
React 19의 use() 훅과 Server Components 통합 경험
React 19에서 정식으로 도입된 use() 훅을 Server Components와 함께 사용하면서 겪은 시행착오를 정리했다. 특히 Promise를 직접 다루는 방식과 기존 Suspense 패턴의 차이점을 중심으로 기록한다.
2025년 12월 4일
React
React 19 Server Actions를 프로덕션에 도입하며 배운 것들
React 19의 Server Actions를 실제 프로덕션 환경에 적용하면서 겪은 시행착오를 정리했다. Form 처리 패턴 변화와 에러 핸들링, 그리고 마이그레이션 전략을 중심으로 기록한다.
2025년 11월 27일
React
React 19 Suspense의 프리페칭 전략 개선
대시보드 페이지에서 탭 전환 시 발생하던 로딩 지연을 Suspense 프리페칭으로 해결했다. 사용자 인터랙션 예측을 통해 체감 성능을 크게 개선할 수 있었다.
2025년 10월 28일
React
React 19 Compiler와 함께 사용하는 useMemo 최적화 전략
React 19 Compiler 도입 후 기존 useMemo 사용 패턴을 재검토했다. 컴파일러가 자동으로 메모이제이션을 처리하지만, 특정 케이스에서는 여전히 명시적인 최적화가 필요했다.
2025년 10월 4일
React
React 19의 use() 훅과 Server Actions 실전 도입기
React 19 정식 릴리즈 이후 프로젝트에 use() 훅과 Server Actions를 도입했다. 기존 비동기 처리 패턴과의 차이점과 실제 마이그레이션 과정에서 마주친 이슈들을 정리한다.
2025년 9월 30일
React
React 19 Server Actions와 기존 API 라우트 병행 전략
React 19의 Server Actions를 프로덕션에 도입하면서 기존 API 라우트와 병행 운영했던 경험을 정리했다. 점진적 마이그레이션 전략과 에러 핸들링 패턴을 중심으로 기록한다.
2025년 6월 17일
React
React 19 Server Actions와 useTransition 실전 적용기
React 19의 Server Actions를 프로덕션에 도입하면서 겪은 시행착오를 정리했다. useTransition과 결합해 폼 처리 로직을 단순화하고, 기존 API 라우트 대비 얻은 이점과 주의점을 기록한다.
2025년 6월 14일
React
React 19 Compiler 도입 후 번들 크기 12% 감소
React 19 Compiler를 프로덕션에 적용하면서 번들 크기가 12% 감소했다. useMemo와 useCallback 제거 과정과 주의할 점을 정리했다.
2025년 6월 8일
React
React 19 Compiler와 기존 최적화 패턴 비교
React 19 Compiler를 프로젝트에 적용하면서 기존 useMemo, useCallback 패턴과의 차이를 정리했다. 자동 메모이제이션이 가져온 변화와 여전히 수동 최적화가 필요한 케이스를 정리한 기록.
2025년 5월 9일
Previous
1
2
3
More pages
25
Next
카테고리
Builder.shin