• 本文
• リロード
• 差分
• バックアップ
• 名前変更
• リファラ
• 新規ページ
• 編集

React

Create React App

Top / Create React App

Set up a modern web app by running one command.

https://create-react-app.dev/

https://github.com/facebook/create-react-app

Deprecated

• React/ドキュメントでおすすめから削除 (2023/03/17)
• 新:React/クイックスタート
• https://github.com/reactjs/react.dev/blob/41f1ca291af37fbb1e0ead819ad160d420eed545/beta/src/content/learn/start-a-new-react-project.md
• https://github.com/reactjs/react.dev/commit/41f1ca291af37fbb1e0ead819ad160d420eed545#diff-4d3136c9a69c059044f15a240ee2f816f653caa0762b9887fb20c2c9fd78e334

  -If you're **learning React,** we recommend [Create React App.](https://create-react-app.dev/) It is the most popular way to try out React and build a new single-page, client-side application. It's made for React but isn't opinionated about routing or data fetching.
  +If you're new to Next.js, check out the [Next.js tutorial.](https://nextjs.org/learn/foundations/about-nextjs)

• https://github.com/reactjs/react.dev/pull/5487
• https://github.com/reactjs/react.dev/pull/5487#issuecomment-1409720741

クイックスタート

• npx create-react-app

  npx create-react-app my-app
  cd my-app
  npm start

• http://localhost:3000/

Node.js/バージョン

• Node.js 14

パッケージ

• create-react-app

Create React App/プロジェクト

• https://create-react-app.dev/docs/getting-started#output
• https://create-react-app.dev/docs/folder-structure

デプロイ

• https://create-react-app.dev/docs/deployment/

テンプレート

• npx create-react-app my-app --template [template-name]

Create React App/TypeScript

• https://create-react-app.dev/docs/adding-typescript/

  npx create-react-app my-app --template typescript

PWA

• cra-template-pwa?
• https://github.com/cra-template/pwa