React 라이브러리를 문제 영역별로 도입하기

문제 이름

지금 반복 비용이 폼인지 라우팅인지 서버 데이터인지 먼저 분류한다.

API 편의성뿐 아니라 번들 크기, 유지보수, 팀 학습 비용을 본다.

도메인 로직이 라이브러리 API에 과하게 묶이지 않게 wrapper나 hook을 둔다.

한 화면에서 실패 상황까지 적용해 보고 프로젝트 표준으로 올린다.

Form

입력 관리 필드 수가 많거나 검증이 복잡할 때 도입 가치가 큼

오류 접근성 확인

Router

URL 상태 중첩 route, query, loader, navigation 상태 관리

호스팅 fallback도 필요

Query

서버 상태 cache, stale, retry, mutation 후 무효화

전역 store와 구분

UI kit

상호작용 품질 modal, select, tooltip 접근성 패턴 제공

디자인 시스템과 충돌 확인

적합성 라이브러리가 현재 문제를 직접 해결한다.

의존성 대체 가능한 경계가 있어 교체 비용이 과하지 않다.

품질 접근성, 타입, 테스트 지원이 확인됐다.

운영 최근 릴리스와 이슈 상태를 살폈다.