React Suspense, 잘못 쓰면 폭포수처럼 느려집니다 (워터폴 피하는 법)
React의 Suspense는 비동기 UI를 위한 강력한 도구지만, 자칫하면 데이터 로딩이 순차적으로 지연되는 워터폴 현상을 유발할 수 있습니다. 중첩된 Suspense와 병렬 Suspense의 차이점을 이해하고, 워터폴을 피하는 세 가지 실전 패턴을 알아봅니다.
Read moreReact Router 로더, 아직도 await 쓰세요? (React 19 시대의 비동기 UI)
React Router v7과 React 19를 활용해 로더에서 await를 사용하지 않고 데이터를 지연 로딩하는 방법을 알아봅니다. Await, React.use, 그리고 렌더링 가능한 Promise를 통해 즉각적인 페이지 전환과 더 나은 사용자 경험을 구현하세요.
Read more서버 컴포넌트, '이렇게' 쓰시면 말짱 꽝입니다 (RSC 조합의 기술)
React 서버 컴포넌트의 이점을 해치지 않으면서 클라이언트 컴포넌트와 효과적으로 조합하는 핵심 패턴을 알아봅니다. 서버 컴포넌트를 children으로 전달하는 간단한 방법으로 성능과 재사용성을 모두 잡아보세요.
Read more옛날 방식과 React Query, 그리고 서버 컴포넌트까지 React Data Fetching 완전 정복하기
이 글에서는 클라이언트 컴포넌트와 서버 컴포넌트에서 데이터를 가져오는 방법, 캐싱 및 Suspense 활용법, 그리고 React 개발자가 꼭 알아야 할 최신 데이터 페칭 베스트 프랙티스를 상세히 다룹니다.
Read more리액트(React)에서의 데이터 가져오기(data fetching) 변천사
리액트(React)에서의 데이터 가져오기(data fetching) 변천사
Read more