create-react-app 패키지

Create React App

미리 설정된 리액트앱을 빠르게 생성할 수 있다

Create React App · Set up a modern web app by running one command.

철학

• 단일 종속성
• No 설정
• No 잠금

 

 

실행방법

$ yarn create react-app my-app

 

생성된 폴더구조

my-app
├── README.md
├── node_modules
├── package.json
├── .gitignore
├── public
│   ├── favicon.ico
│   ├── index.html
│   └── manifest.json
└── src
    ├── App.css
    ├── App.js
    ├── App.test.js
    ├── index.css
    ├── index.js
    ├── logo.svg
    └── serviceWorker.js

 

Built-in Commands

`yarn start` - 개발모드로 앱 실행

`yarn build` - build 폴더에 production용 앱을 빌드한다

 

 

무엇이 포함되어 있나?

• React, JSX, ES6, TypeScript 및 Flow 구문 지원
• 객체 확산 연산자와 같이 ES6 이외의 언어 추가
• 자동 접두사 CSS이므로 -webkit- 또는 다른 접두사가 필요하지 않음
• 적용 범위보고를 기본적으로 지원하는 빠른 대화식 단위 테스트 러너
• 일반적인 실수에 대해 경고하는 라이브 개발 서버
• 해시 및 소스 맵과 함께 프로덕션 용 JS, CSS 및 이미지를 번들로 제공하는 빌드 스크립트
• 모든 Progressive Web App 기준을 충족하는 오프라인 우선 서비스 워커 및 웹 앱 매니페스트 (참고 : 서비스 작업자 사용은 react-scripts@2.0.0 이상에서 옵트 인됩니다)
• 단일 종속성으로 위 도구에 대한번거 로움없는 업데이트