Suspense

모던 리액트 데이터 패칭 완벽 가이드 Suspense와 use API 그리고 에러 바운더리

기존의 useEffect를 활용한 데이터 패칭의 한계를 알아보고 리액트 19의 새로운 use API와 Suspense를 활용한 선언적 렌더링 방식을 깊이 있게 살펴봅니다.

March 21, 202612 minutes

React 19와 Async React가 가져올 UI 혁명, 이제 수동 상태 관리는 그만

비동기 UI 개발의 고통을 끝낼 React 19의 새로운 기능들을 소개합니다. useTransition, useOptimistic 등 핵심 훅의 사용법을 완벽하게 정리했습니다.

December 4, 20256 minutes

리액트 동시성 기능 완전 정복 useTransition부터 useOptimistic까지

리액트의 핵심 동시성 기능인 useTransition, useDeferredValue, Suspense, useOptimistic을 소개합니다. 단순히 성능 최적화를 넘어, 복잡한 비동기 로직과 UI 업데이트를 어떻게 우아하게 조율하는지 실용적인 예제와 함께 알아봅니다.

September 2, 20255 minutes

React Suspense, 잘못 쓰면 폭포수처럼 느려집니다 (워터폴 피하는 법)

React의 Suspense는 비동기 UI를 위한 강력한 도구지만, 자칫하면 데이터 로딩이 순차적으로 지연되는 워터폴 현상을 유발할 수 있습니다. 중첩된 Suspense와 병렬 Suspense의 차이점을 이해하고, 워터폴을 피하는 세 가지 실전 패턴을 알아봅니다.

August 23, 20255 minutes

React Router 로더, 아직도 await 쓰세요? (React 19 시대의 비동기 UI)

React Router v7과 React 19를 활용해 로더에서 await를 사용하지 않고 데이터를 지연 로딩하는 방법을 알아봅니다. Await, React.use, 그리고 렌더링 가능한 Promise를 통해 즉각적인 페이지 전환과 더 나은 사용자 경험을 구현하세요.

August 23, 20254 minutes