Getting Started | Create React App Getting Started Create React App is an officially supported way to create single-page React applications It offers a modern build setup with no configuration Quick Start
Deployment | Create React App Since Create React App is completely platform-agnostic, there’s no need to explicitly use Node The build folder with static assets is the only output produced by Create React App However this is not quite enough if you use client-side routing Read the next section if you want to support URLs like todos 42 in your single-page app
Making a Progressive Web App - create-react-app. dev Making a Progressive Web App The production build has all the tools necessary to generate a first-class Progressive Web App, but the offline cache-first behavior is opt-in only Starting with Create React App 4, you can add a src service-worker js file to your project to use the built-in support for Workbox 's InjectManifest plugin, which will compile your service worker and inject into it a
Adding TypeScript | Create React App If you've previously installed create-react-app globally via npm install -g create-react-app, we recommend you uninstall the package using npm uninstall -g create-react-app or yarn global remove create-react-app to ensure that npx always uses the latest version Global installs of create-react-app are no longer supported To add TypeScript to an existing Create React App project, first install it:
Setting Up Your Editor | Create React App Setting Up Your Editor Create React App comes with a bunch of tools that improve the editing experience - if configured correctly Here's a few tips to maximize your productivity: Syntax highlighting To configure the syntax highlighting in your favorite text editor, head to the relevant Babel documentation page and follow the instructions
Updating to New Releases | Create React App Create React App is divided into two packages: create-react-app is a global command-line utility that you use to create new projects react-scripts is a development dependency in the generated projects (including this one) When you run npx create-react-app my-app it automatically installs the latest version of Create React App
Custom Templates | Create React App Custom Templates Note: this feature is available with react-scripts@3 3 0 and higher Custom Templates enable you to select a template to create your project from, while still retaining all of the features of Create React App
Adding a Sass Stylesheet | Create React App Adding a Sass Stylesheet Note: this feature is available with react-scripts@2 0 0 and higher Generally, we recommend that you don’t reuse the same CSS classes across different components
Using HTTPS in Development | Create React App Using HTTPS in Development Note: this feature is available with react-scripts@0 4 0 and higher You may require the dev server to serve pages over HTTPS One particular case where this could be useful is when using the "proxy" feature to proxy requests to an API server when that API server is itself serving HTTPS To do this, set the HTTPS environment variable to true, then start the dev