리액트 동시성 기능 완전 정복 useTransition부터 useOptimistic까지
리액트의 핵심 동시성 기능인 useTransition, useDeferredValue, Suspense, useOptimistic을 소개합니다. 단순히 성능 최적화를 넘어, 복잡한 비동기 로직과 UI 업데이트를 어떻게 우아하게 조율하는지 실용적인 예제와 함께 알아봅니다.
Read more리액트 라우터와 서버 컴포넌트(RSC)의 첫 만남, 직접 써본 후기
드디어 리액트 라우터에서 리액트 서버 컴포넌트(RSC)를 실험적으로 지원하기 시작했습니다. 기존의 loader 방식과 무엇이 다른지, 왜 우리가 RSC에 주목해야 하는지, 그리고 직접 블로그를 마이그레이션하며 겪은 생생한 첫인상을 공유합니다.
Read moreReact 애드블록 감지 A to Z 사용자 경험과 수익을 모두 잡는 방법
광고 수익이 중요한 웹 서비스를 운영하신다면 애드블록은 피할 수 없는 과제입니다. 이 글에서는 React 환경에서 애드블록을 효과적으로 감지하는 다양한 방법과 사용자 경험을 해치지 않는 현명한 대응 전략까지, 실전 노하우를 A부터 Z까지 모두 알려드립니다.
Read moreReact Props 타입, 아직도 className?; string 쓰세요? (ComponentProps 완벽 가이드)
매번 className, onClick을 수동으로 추가하는 데 지치셨나요? HTMLAttributes부터 ComponentProps까지, 타입스크립트로 React 컴포넌트의 props를 정의하는 가장 우아하고 확장 가능한 방법을 소개합니다.
Read morestale 탭은 이제 그만! BroadcastChannel API로 실시간 탭 동기화 끝내기
여러 탭을 열어놓고 작업할 때 데이터가 맞지 않아 답답했던 경험, 있으신가요? LocalStorage의 한계를 넘어, BroadcastChannel API를 활용해 로그인, 장바구니, 테마 등을 실시간으로 동기화하는 가장 우아한 방법을 소개합니다.
Read more