리액트 Best Practice

리액트 코드 컨벤션 Best Practice

fetch + dispatch 커스텀 훅 / 객체 활용한 action + reducer 커스텀 훅 / React-query 없는 REST 요청 커스텀 훅 / lazy + Suspense 활용한 코드 스플리팅

동시 업데이트되는 여러 개 useState 객체로 선언 / theme 코드 모듈화 / React.memo / 객체 + React.lazy로 효율성 있는 컴포넌트 로딩 / if 안에 return문 있으면 else 생략

저장소에 토큰 관리, 공통 헤더 사용, Provider로 auth 주입, rem 유틸 함수, input 객체 + 유틸 함수로 처리, 인증 로직과 Route 처리에 HOC 사용하기