React 생태계 학습의 분류표

문제 영역

지금 막히는 일이 URL인지 데이터 요청인지 폼인지 먼저 이름 붙인다.

React 공식 문서와 선택한 프레임워크 문서를 먼저 읽는다.

API가 쉬운지보다 팀 규모, 유지보수, 번들 비용, 학습 비용을 본다.

프로젝트 전체에 넣기 전 한 기능에서 실패 조건까지 검증한다.

Router

URL 상태 React Router, framework router 등

데이터 로딩 방식과 함께 비교

Server state

원격 데이터 TanStack Query, SWR처럼 캐시와 재검증을 제공

전역 상태와 역할 구분

Form

입력 관리 React Hook Form, schema validation 조합

접근성 오류 표시 확인

Test

행동 검증 Testing Library, Vitest/Jest, Playwright

구현보다 사용자 행동 기준

공식 문서 블로그 요약보다 최신 공식 가이드를 먼저 본다.

문제 적합성 도구가 해결하는 문제와 현재 문제가 일치한다.

유지보수 최근 릴리스와 이슈 상태를 확인한다.

교체 비용 도메인 로직이 라이브러리 API에 과하게 묶이지 않는다.