app shell

React 생태계와 추가 학습 자원

React 학습 자원은 라우팅, 상태, 데이터 fetching, 테스트 중 지금 막힌 지점을 기준으로 골라야 다음 실험으로 이어집니다.

도구 지도

도구 선택 기준

router는 URL, query는 서버 상태, form은 입력 검증처럼 책임이 겹치지 않게 비교합니다.

실습

학습 경로

공식 문서로 규칙을 확인하고, 예제는 현재 코드베이스의 폴더 구조에 맞춰 읽습니다.

Adoption

도입 기준

번들 크기뿐 아니라 교체 비용, 팀 유지자, 테스트 전략을 같이 표에 남깁니다.

official

공식 문서에서 현재 React와 라우터 버전의 권장 API, deprecated 표시를 확인합니다.

version

튜토리얼의 React, router, bundler 버전을 현재 프로젝트와 나란히 적어 차이를 분리합니다.

exit

도입 전에 제거할 파일, 바꿔야 할 API, fallback 구현을 한 줄이라도 적어 둡니다.