리액트 동시성 기능 완전 정복 useTransition부터 useOptimistic까지
리액트의 핵심 동시성 기능인 useTransition, useDeferredValue, Suspense, useOptimistic을 소개합니다. 단순히 성능 최적화를 넘어, 복잡한 비동기 로직과 UI 업데이트를 어떻게 우아하게 조율하는지 실용적인 예제와 함께 알아봅니다.
Read more리액트 라우터와 서버 컴포넌트(RSC)의 첫 만남, 직접 써본 후기
드디어 리액트 라우터에서 리액트 서버 컴포넌트(RSC)를 실험적으로 지원하기 시작했습니다. 기존의 loader 방식과 무엇이 다른지, 왜 우리가 RSC에 주목해야 하는지, 그리고 직접 블로그를 마이그레이션하며 겪은 생생한 첫인상을 공유합니다.
Read moreReact 19 useImperativeHandle, '기피 대상'에서 '필수 스킬'로? (feat. forwardRef 없이 쓰는 법)
React 19에서 forwardRef 없이 ref를 prop처럼 사용할 수 있게 되면서 useImperativeHandle이 놀랍게 쉬워졌습니다. 복잡한 props drilling을 피하고 성능을 최적화하는 실용적인 방법을 알아보세요.
Read moreZustand, 리액트 없이도 이렇게 강력하다고? (테스트 가능한 텔레그램 봇 만들기)
Zustand의 바닐라 스토어를 활용해 React 없이도 완벽하게 테스트 가능한 텔레그램 봇을 만드는 방법을 소개합니다. 단방향 데이터 흐름과 반응형 상태 구독을 통해 복잡한 봇 로직을 우아하게 관리하는 비법을 확인하세요.
Read moreContext API의 리렌더링 지옥, Zustand가 구원해드립니다
리액트의 Context API를 사용하다 불필요한 리렌더링 문제로 골머리를 앓고 계신가요? Zustand가 어떻게 셀렉터 하나만으로 이 문제를 우아하게 해결하고, 코드까지 간결하게 만들어주는지 그 비법을 공개합니다.
Read more