React 19: 프리랜서가 꼭 알아야 할 변화

React 19는 최근 몇 년간 가장 중요한 릴리스입니다. 커뮤니티가 반복해서 다시 만들던 패턴 — 데이터 변경, 낙관적 업데이트, 폼 처리 — 을 내장 기능으로 끌어올렸습니다. 프리랜서에게는 보일러플레이트가 줄고, 클라이언트에게 정당화해야 할 외부 의존성이 줄며, 인수인계가 쉬운 코드를 의미합니다.

가장 중요한 세 가지 변화

한 번에 모두 배울 필요는 없습니다. 다음 세 가지가 일상 작업의 대부분을 커버합니다.

• Actions — 비동기 함수를 <form>에 바로 전달하면 React가 대기 상태, 에러, 제출을 관리합니다.
• use() 훅 — 프로미스나 컨텍스트를 조건부로 읽어, useEffect + useState 데이터 페칭 코드를 제거합니다.
• useOptimistic — 요청이 진행 중인 동안에도 결과를 즉시 보여주고, 완료되면 동기화합니다.

전부 다시 쓰지 않고 적용하는 법

새 API는 추가형이라 기존 컴포넌트는 그대로 동작합니다. 가장자리부터 도입하세요.

• 복잡한 폼(로그인, 문의, 결제) 하나를 Action으로 바꾸고 수동 로딩 상태 코드를 삭제하세요.
• 취약한 useEffect 페칭을 Suspense 경계 뒤의 use()로 교체하세요.
• 지연이 눈에 띄는 좋아요 버튼이나 댓글 입력에 useOptimistic을 추가하세요.

원칙: 새 API는 "쓸 수 있을 때"가 아니라 "기존 코드를 지울 수 있을 때" 도입하세요.

클라이언트 프로젝트를 업그레이드해야 할까?

신규 프로젝트라면 지금 바로 React 19로 시작하세요. 기존 앱이라면 의존성을 손볼 때 함께 업그레이드해, 회귀 테스트 비용을 한 번에 처리하는 것이 좋습니다.