create-react-app

create-react-app

React boilerplate

React App 의 개발 환경을 한 불의 커맨드로 구성해주는 boilerplate

• 역할

  1. index.html, index.js 등의 웹 페이지에 필요한 기본 디렉토리 구성

  2. react, react-dom, react-scripts 등의 dependency 라이브러리 설치

  3. Babel, Webpack 등의 설정 자동화

  4. react-scripts 사용하여 package.json 에 npm command 정의

• 장점

  React 개발 환경 구축을 손 쉽게 해줌

  Webpack, Babel 등의 까다로운 설정들을 자동으로 해줌

• 단점

  쓰지 않는 dependency 들 까지 추가될 수 있으므로 앱이 무거워짐

  react-scripts 로 인한 추상화 때문에 설정 flow 이해가 어려움

  webpack 등의 코어한 부분을 건드려야 할 경우 eject 필수

  SSR 을 자체적으로 지원하지 않기 때문에 추가 작업 필요

  code-splitting 위해서는 코드에 명시해야 함

참조 : https://velog.io/@rlaqltmxm/create-react-app-%EC%82%B4%ED%8E%B4%EB%B3%B4%EA%B8%B0, https://geonlee.tistory.com/216