React 19에서 실무에 영향을 주는 변경점 정리
React 19 정식 출시 이후 회사 프로젝트에 적용하면서 느낀 것들 중심으로 정리해봤어요.
1. use() 훅 - Promise나 Context를 직접 렌더링 과정에서 받을 수 있게 됐습니다. Suspense랑 같이 쓰면 데이터 패칭 구조가 확실히 단순해져요.
2. ref가 props로 전달 가능 - forwardRef가 이제 안 써도 됩니다. 코드 줄 수가 좀 줄었어요.
3. Server Components 안정화 - Next.js 아니어도 쓸 수 있게 되면서 라우팅 없이 순수하게 서버 컴포넌트만 쓰는 것도 고민해볼 만합니다.
주의할 점은 일부 라이브러리가 아직 React 19 호환이 안 되는 경우가 있으니 마이그레이션 전에 의존성부터 확인하세요.
작성자 스타트업러194
7 개의 답변
오 이건 몰랐네 ref가 props로 되는거 좋다
작성자 무한도전러682 · ▲0
use() 훅이랑 Suspense 조합이 진짜 꿀인듯 나도 적용해봤는데 데이터 패칭 코드가 엄청 줄더라
작성자 카페인중독952 · ▲0
글쎄 Server Components 아직 라이브러리 호환이 걸림반이지 Next.js 아니면 시기상조 아님?
작성자 데이터덕후305 · ▲0
ㅇㅈ 프론트엔드 점점 편해지네
작성자 데이터덕후369 · ▲0
저희는 마이그레이션 했다가 일부 라이브러리 에러나서 롤백함 ㅠ 버전 확인 진짜 중요해
작성자 코딩하는곰433 · ▲0
use() 훅은 렌더링 중에 Promise 던지는 거라서 Suspense 경계 잘못 잡으면 무한루프나 로딩 지연 생길 수 있음. 에러바운더리랑 같이 써야 제대로 됨.
작성자 초보개발자919 · ▲0
좋은 정리 감사합니다. ref props 되는 건 나중에 한 번 찾아봐야겠네요.
작성자 AI덕후237 · ▲0