릴리스 시간이 시시각각 다가오는 가운데, 앤드류 클라크는 자신의 사무실에서 조용히 눈을 감고 있었다. 그는 지금 코드나 문서를 보고 있는 것이 아니었다. 그의 머릿속에서는, React 19가 세상에 제시할 새로운 ‘멘탈 모델’이 마지막으로 정교하게 조립되고 있었다.
그는 개발자가 React 19로 애플리케이션을 만들 때, 스스로에게 던져야 할 세 가지 핵심 질문을 떠올렸다. 이 질문들이야말로, 새로운 패러다임의 본질을 꿰뚫는 가장 중요한 길잡이가 될 터였다.
질문 1: “이 컴포넌트는 어디서 실행되는가?” (공간의 문제)
- 과거의 답: “당연히 클라이언트에서 실행되지.”
- 새로운 답: “서버인가, 클라이언트인가? 이 컴포넌트가 데이터베이스에 접근해야 하는가? 아니면 사용자의 클릭에 반응해야 하는가?”
이 첫 번째 질문은 개발자가 컴포넌트의 ‘위치’를 결정하게 만든다. 'use client'라는 경계선을 기준으로, 컴포넌트의 역할과 능력이 명확하게 구분된다. 이것은 더 이상 모든 것을 클라이언트에서 해결하려 했던 과거와의 완전한 단절을 의미했다.
질문 2: “이 데이터는 언제 오는가?” (시간의 문제)
- 과거의 답: “
useEffect안에서fetch를 호출하고,isLoading상태가 끝날 때까지 기다린다.” - 새로운 답: “이 데이터를 기다리는 동안 사용자에게 무엇을 보여줄 것인가?
Suspense의fallback을 사용할 것인가? 아니면Transition을 사용해 이전 UI를 그대로 유지할 것인가?”
이 두 번째 질문은 개발자가 ‘시간의 흐름’을 설계하게 만든다. 더 이상 수동으로 로딩 상태를 관리하는 대신, Suspense와 Transition이라는 선언적인 도구를 사용해, 데이터 로딩 과정의 사용자 경험을 세심하게 연출할 수 있게 되었다.
질문 3: “사용자의 입력은 얼마나 중요한가?” (상호작용의 문제)
- 과거의 답: “모든 상태 업데이트는 똑같이 처리된다.”
- 새로운 답: “이 상태 업데이트는 즉시 반영되어야 하는가? (
setInputValue) 아니면 약간의 지연이 허용되는 부드러운 전환인가? (startTransition) 혹은 서버의 확인을 기다리기 전에 먼저 낙관적으로 보여줄 것인가? (useOptimistic)”
이 세 번째 질문은 개발자가 ‘상호작용의 우선순위’를 결정하게 만든다. 모든 업데이트가 평등했던 시대는 끝났다. 동시성 렌더러는 개발자가 부여한 우선순위에 따라, 가장 중요한 작업을 먼저 처리하여 사용자 경험을 최적화했다.
앤드류는 눈을 떴다.
‘공간, 시간, 상호작용.’
이 세 가지 축이 바로 React 19의 새로운 멘탈 모델의 핵심이었다. React 19는 개발자가 이 세 가지 질문에 답하는 방식을 근본적으로 바꾸었다. 그리고 그 질문에 대한 답을, 코드를 통해 명확하고 선언적으로 표현할 수 있는 강력한 도구들을 제공했다.
이것이 바로 팀이 커뮤니티에 전달하고 싶은 가장 중요한 메시지였다. React 19는 단순히 새로운 기능의 모음집이 아니다. 그것은 웹 애플리케이션을 바라보고, 생각하고, 구축하는 방식 자체에 대한 새로운 제안이었다. 이제 곧, 전 세계 개발자들이 이 새로운 사고방식을 마주하게 될 터였다.
