[useSelector 최적화]

// 직접 끝까지 불러줘야함
const filters = useSelector(state => state.filterV2.common.filters); 
// 이렇게 다이렉트로 박아야 === 비교시 제대로 비교
// state => state로 하면 다른거 바껴도 바뀔때마다 컴포넌트 부름

// 두번째 인자활용
// 리덕스 기본제공 shallow 비교나 필요하면 deepEqual 까지 이용
// false면 다시 state 소환한다
const { isLoading, isApiCalling } = useSelector(
    state => state.loadingState,
    shallowEqual
  );

[모달 바깥쪽 클릭 닫기]

React Modal - onRequestClose

[리덕스 vs Context api]

미들웨어를 쓸것인가

[리액트 최적화]

• 쓰잘데기 없는 코드 지우기
  • 개발자도구 → 소스창 → coverage (없으면 오른쪽위 점 세개 클릭) → 새로고침시 알수있다
  • babel-plugin-minify-dead-code-elimination, https://www.npmjs.com/package/babel-plugin-minify-guarded-expressions 쓰면 알아서 지워준다
• html 클래스명 짧게하기
• Preact 쓰기
• 쓰는 모듈만 가져오기
• div 대신 <> 쓰기

참고

15 performance tips which you need to know when building React.js application