Blog Lists

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

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

August 23, 20254 minutes

리액트의 Context API를 사용하다 불필요한 리렌더링 문제로 골머리를 앓고 계신가요? Zustand가 어떻게 셀렉터 하나만으로 이 문제를 우아하게 해결하고, 코드까지 간결하게 만들어주는지 그 비법을 공개합니다.

August 23, 20255 minutes

TanStack Query를 타입스크립트로 안전하게 만들고, 프리페칭으로 로딩 스피너를 없애는 고급 패턴을 알아봅니다. 제네릭 훅부터 on hover 프리페칭까지, 사용자 경험을 극적으로 향상시키는 실전 팁을 확인하세요.

August 23, 20255 minutes

TanStack Query의 반복적인 API 훅 작성에 지치셨나요? 팩토리 패턴을 활용해 CRUD 훅을 자동으로 생성하고, 보일러플레이트를 획기적으로 줄여 유지보수성을 높이는 실전 방법을 소개합니다.

August 23, 20255 minutes

리액트 상태 관리를 위해 Redux나 Zustand 대신 브라우저의 로컬 스토리지를 사용하면 안 될까요? 이 질문에 대한 답을 찾다 보면 리액트의 렌더링 원리와 상태 관리의 본질을 깊이 이해하게 될 겁니다.

August 23, 20255 minutes