컴포넌트와 상태
props, Hooks, Context, 상태 관리 도구를 순서대로 점검합니다.
다음 학습은 지금 막힌 문제에서 고른다
React 생태계는 넓기 때문에 모든 것을 한 번에 보려 하기보다 프로젝트의 병목과 목표에 맞춰 한 축씩 깊게 학습합니다.
서버 상태
React Query나 SWR로 요청, 캐시, 동기화를 분리해서 다룹니다.
테스트
RTL, Jest, E2E 테스트로 사용자 흐름을 검증하는 습관을 만듭니다.
렌더링 최적화
리렌더링 원인, 코드 스플리팅, 가상화부터 차근히 봅니다.
TypeScript
컴포넌트 입력과 상태의 모양을 코드로 드러내 협업 비용을 줄입니다.
프레임워크
SEO와 서버 기능이 필요해지면 Next.js, Remix, Astro를 비교합니다.