11.19 - 리디북스에서 React 사용법

 

TODO

• 벨로퍼트와 함께하는 리액트 테스팅 실습해보기!
• Directory 구조 적용

 

리팩토링 기준

• 영향도 & 효용도

 

styling

• emotion.js 사용

 

Testing

• react-testing-lib 사용 중

 

Directory 구조

• src
  • assets
  • base
  • comonents
    • 사용되는 domain을 기준으로 나뉘어짐. 2개 이상의 domain에서 사용 → common으로 분류
    • 예시 - 아래 구조 참고! 

      

      • index.ts에 business 관련 logic들을 넣을 수도 있음
      • component에는 UI 로직 위주!
  •  features
    • redux-toolkit 등
  • hooks
    • 공통 custom hook
  • models
    • api 요청 관련
  • pages
  • server
  • services
    • api 요청 관련
  • tests
  • types
  • utils