1. React - Getting Started(시작하기)

Try React

React는 처음부터 점진적으로 사용할 수 있도록 설계 되었으므로 필요한 만큼 React를 사용할 수 있다.

2. Add React to a Website(웹 사이트에 React 추가)

대부분의 웹 사이트는 단일 페이지 앱이 아니며 필요하지도 않다. 빌드 도구 없이 몇 줄의 코드로 웹사이트의 작은 부분부터 React를 적용할 수 있다. 그런 다음 점차 확장하거나 동적 위젯에 포함시켜 나간다.

https://velog.io/@odini/Add-React-to-a-Website

Tip: Minify JavaScript for Production

배포 하기 전 압축된 스크립트 제공 해야 한다. 스크립트 압축 단계가 없는 경우 이를 설정하는 방법이 있다.

https://gist.github.com/gaearon/42a2ffa41b8319948f9be4076286e1f3

3. Create a New React App

Recommended Toolchains

• React 학습 또는 SPA만드기가 목적인 경우 Create React App 사용
• Node.js를 사용하여 서버 사이드 렌더링 웹 사이트를 만드는 경우 Next.js 사용
• 정적 컨텐츠 중심의 웹사이트 만드는 경우 Gatsby
• 컴포넌트 라이브러리 또는 기존 코드 베이스와 통합인 경우 융통성 있는 툴체인

Creating a Toolchain from Scratch

JavaScript 빌드 도구 모음은 일반적으로 다음과 같이 구성된다.

• package manager
  • Yarn 또는 NPM
  • third-party packages의 방대한 생태계를 활용하고 쉽게 설치하거나 업데이트 할 수 있다.
• bundler
  • 웹팩 또는 Parcel
  • 모듈식 코드를 작성하여 작은 패키지로 묶어서 로드 시간을 최적화 할 수 있다.