React-boilerplate-cra-template 이란?

React 프로젝트를 시작할 때 필수적인 라이브러리를 모두 설치하여 바로 개발할 수 있도록 준비된 템플릿을 의미함.

 

https://react-boilerplate.github.io/react-boilerplate-cra-template/

React Boilerplate Example App

주요 사용 라이브러리

- React

- Typescript

- React Router : 한 리액트 프로젝트에서 여러 페이지를 연결할 때 사용

- Sytled-component : 스타일 만으로도 컴포넌트를 만들 때 사용

- Redux Toolkit & Reselect : Redux 개발시 사용

- Prettier : 코드 규칙 및 이쁘게 정리할 때 사용

 

구글 검색 : react-boilerplate-cra 후 아래 사이트 들어가면

https://github.com/react-boilerplate/react-boilerplate-cra-template

GitHub - react-boilerplate/react-boilerplate-cra-template: Setup Create React App with React Boilerplate. Highly scalable & Best

 

하단의  Install & Start  에 install 방법이 있다.

1. 프로젝트 디렉토리를 만들고...

 

2. 들어가서 아래 명령어 실행

yarn create react-app --template cra-template-rb .

 

3.  디렉토리 설명...

- .husky

- .vscode

- internals

- node_modules

- public

- src

 

4. 실행 

yarn start

 

5. example app  제거

yarn cleanAndSetup

샘플 코드를 제거하고 다시 실행하면, 썰렁한 페이지가 나옴