React

Context API의 리렌더링 지옥, Zustand가 구원해드립니다

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

August 23, 20255 minutes

React 서버 컴포넌트의 이점을 해치지 않으면서 클라이언트 컴포넌트와 효과적으로 조합하는 핵심 패턴을 알아봅니다. 서버 컴포넌트를 children으로 전달하는 간단한 방법으로 성능과 재사용성을 모두 잡아보세요.

August 23, 20256 minutes

React의 cache 함수는 단순한 성능 최적화 도구가 아닙니다. React 서버 컴포넌트(RSC) 환경에서 데이터 일관성을 보장하는 핵심 API로서 cache의 진짜 역할을 깊이 있게 파헤칩니다.

August 23, 20255 minutes

리액트 앱에서 무거운 계산으로 UI가 멈추는 문제를 웹 워커, 공유 워커를 사용해 해결하는 방법을 단계별로 알아봅니다. 큐를 이용한 작업 순서 보장과 캐싱 전략까지 실용적인 예제와 함께 설명합니다.

August 22, 20255 minutes

리액트 컴파일러를 실제 프로젝트에 적용해 본 후기입니다. 간단한 예제에서는 완벽했지만, 실제 코드에서는 예상치 못한 문제들이 있었습니다. 컴파일러를 100% 활용하기 위해 우리가 알아야 할 것들을 살펴봅니다.

August 22, 20255 minutes