[React] 프로젝트 시작 시 설치하는 모듈 모음

새로운 프로젝트 시작 시 내가 반드시 포함하는 몇몇 모듈이 있어 공유해 본다.

 

모듈 설치는 

npm install [모듈명]
또는
yarn add [모듈명]

위의 명령어를 이용해 한다.

 

axios

http request를 간편하게 만들어주는 모듈이다.

 

classnames

조건부로 className이 변경될 경우 유용하게 사용할 수 있다.

 

예컨데, className={`${someCondition? 'positive': ''}`}를 classnames를 사용하면

className={classNames({positive: someCondition})} 처럼 쓸 수 있다.

 

조건부 className의 가짓수가 적을 때는 번거로워 보이지만 2~3개만 되어도 훨씬 편해진다.

 

moment

Date관련 로직을 간소화해주는 라이브러리다.

 

js 내장 Date를 생으로 다루는 것 보다 훨씬 편하게 사용할 수 있다.

 

react-router-global-history

<Route component={}/> 에 전달되는 props중 하나인 history를 전역적으로 사용할 수 있게 해준다.

 

이건 react-router-dom이 업데이트됨에 따라 이제 더이상 필요 없는 기능이 되었다.

 

useHistory()로 간편하게 history를 전역적으로 사용할 수 있다.

 

class-validator

문자열에 대해 다양한 포맷 검사를 도와준다.

 

가령 이메일 입력 칸에서 이메일 포맷인지를 검사할 수 있다.

 

styled-components

js내에서 style을 작성할 때 생기는 불편함을 해소해 준다.

 

 

================================

 

유용한 모듈을 더 찾으면 업데이트할 예정이다.