떠난 페이지는 죽지 않고 숨는다: Next.js cacheComponents와 React Activity
Next.js 16의 cacheComponents는 떠난 페이지를 언마운트하지 않고 React Activity로 숨긴다. 하얗게 빈 three.js 캔버스를 따라 라우터, React, react-three-fiber의 소스를 읽고 브라우저에서 재현했다.
20 POSTS
React 1
React cache() 딥다이브: 소스 코드로 읽는 요청 단위 메모이제이션
React cache() 함수의 모든 이상한 규칙은 30여 줄짜리 구현에서 직접 따라 나온다. dispatcher, getCacheForType, WeakMap/Map 트리를 소스 레벨로 따라가며 요청 단위 메모이제이션의 동작을 끝까지 본다.
◆ 디렉티브 딥다이브 · 3편'use cache' 디렉티브 딥다이브: 캐시 경계의 끝까지
"use cache" 한 줄이 만드는 빌드 타임 변환, 캐시 키 직렬화, ResumeDataCache, cacheHandler, 그리고 Cache Components까지
◆ 디렉티브 딥다이브 · 1편'use client' 디렉티브 딥다이브: 클라이언트 경계의 끝까지
"use client" 한 줄이 만드는 모듈 경계, 빌드 타임 변환, Flight 직렬화, 그리고 성능까지
◆ Next.js의 현주소 · 4편Next.js의 성능은 충분히 빠른가
벤치마크가 말해주는 불편한 진실
◆ Next.js의 현주소 · 3편React는 누구의 것인가
React Foundation이 답해야 할 질문
◆ 디렉티브 딥다이브 · 2편React 서버 함수 딥다이브: "use server"의 끝까지
"use server" 한 줄 뒤에서 무슨 일이 벌어지고 있는가?
React의 <ViewTransition>: 브라우저 네이티브 애니메이션을 React답게
View Transition API를 React가 감싸면 어떻게 되는가
React Compiler 딥다이브: 원리부터 결과물까지
React Compiler가 코드를 어떻게 분석하고, 무엇을 만들어내는지 파이프라인부터 결과물까지 깊이 파헤쳐본다.
React의 "서버로 회귀"는 역사의 반복인가?
RSC가 PHP/JSP 시절로의 회귀인지, 아니면 나선형 발전일까? 아닐까? 뭘까
Next.js 캐싱 가이드
Next.js App Router의 4가지 캐시 레이어 알아보긔
React의 새로운 lint 규칙: set-state-in-effect
Effect에서 setState를 호출하면 안 되는 이유와 대안
useEvent에서 useEffectEvent까지: React의 이벤트 핸들러 안정화 여정
3년 전 RFC가 드디어 빛을 보다
React 취약점인데 왜 Next.js를 업그레이드해야 하지?
CVE-2025-55182, CVE-2025-55184, CVE-2025-55183 그리고 Next.js의 숨겨진 React
React 19: ref를 prop으로 사용하기
React 19부터는 forwardRef 없이 ref를 prop으로 전달할 수 있다.
- ◆ 웹 서비스 성능 분석 · 3편
웹 서비스 성능 분석 (3)
관심 가져주셔서 감사합니다. 🙇🏻♂️
Nextjs app router의 Rendered more hooks than during the previous render 버그 패치 후기
어렵다 어려워
리액트 인터뷰 가이드 번역본이 출간되었습니다.
좋은 경험이었습니다(2)
모던 리액트 Deep dive가 출간되었습니다.
좋은 경험이었습니다.
리액트의 신규 훅, "use"
상황에 따라 이름이 변경되거나 사라질 수도 있습니다