서버 컴포넌트, '이렇게' 쓰시면 말짱 꽝입니다 (RSC 조합의 기술)
React 서버 컴포넌트의 이점을 해치지 않으면서 클라이언트 컴포넌트와 효과적으로 조합하는 핵심 패턴을 알아봅니다. 서버 컴포넌트를 children으로 전달하는 간단한 방법으로 성능과 재사용성을 모두 잡아보세요.
Read moreReact Cache 그냥 쓰셨나요? (숨겨진 일관성의 비밀)
React의 cache 함수는 단순한 성능 최적화 도구가 아닙니다. React 서버 컴포넌트(RSC) 환경에서 데이터 일관성을 보장하는 핵심 API로서 cache의 진짜 역할을 깊이 있게 파헤칩니다.
Read moreReact 서버 컴포넌트, 어떻게 테스트할까? (공식 지원 전까지의 유일한 해답)
React와 Next.js 팀이 아직 제공하지 않는 서버 컴포넌트(RSC) 테스트 방법. 커뮤니티에서 발견된 '핵'이지만 확실하게 동작하는 유틸리티 함수를 통해, 비동기 서버 컴포넌트를 테스트하는 유일한 방법을 알아봅니다.
Read more코드로 읽는 리액트 연대기 - 왜 리액트는 지금의 모습이 되었는가
React는 단편적인 API의 집합이 아닙니다. 초창기 페이스북의 고민부터 Fiber 아키텍처, 그리고 서버 컴포넌트에 이르기까지, 일관된 철학 아래 React가 어떻게 진화해왔는지 그 완전한 역사를 코드와 함께 심층적으로 탐구합니다.
Read moreNext.js와 Promise.race의 위험한 오해 - 당신의 서버는 지금도 낭비 중입니다
Next.js 서버 컴포넌트에서 Promise.race가 예상과 다르게 동작하는 이유와 AbortController를 이용한 올바른 취소 패턴을 알아봅니다.
Read more