Meta tags:
description= Create React App is an officially supported way to create single-page React;
Headings (most frequently used words):
npm, yarn, start, or, started, creating, app, selecting, test, build, getting, quick, an, output, scripts, get, immediately, npx, template, package, manager, run, typescript,
Text of the page (most frequently used words):
app (45), the (32), create (24), you (23), npm (22), react (20), template (17), yarn (15), build (12), and (11), npx (10), start (9), copy (9), your (8), can (8), started (7), run (7), #typescript (7), test (6), folder (6), for (6), project (6), use (6), will (5), see (5), new (5), with (5), selecting (4), package (4), this (4), page (4), need (4), install (4), our (4), templates (4), available (4), name (4), getting (4), github (3), get (3), docs (3), scripts (3), creating (3), structure (3), production (3), mode (3), runs (3), development (3), open (3), inside (3), index (3), that (3), creation (3), command (3), versions (3), output (2), manager (2), immediately (2), quick (2), about (2), last (2), ready (2), minified (2), read (2), more (2), testing (2), files (2), code (2), http (2), localhost (2), 3000 (2), commands (2), configuration (2), only (2), css (2), json (2), png (2), directory (2), dependencies (2), when (2), have (2), like (2), documentation (2), using (2), cra (2), are (2), always (2), don (2), init (2), comes (2), higher (2), instructions (2), older (2), latest (2), node (2), nvm (2), uninstall (2), supported (2), copyright, 2025, facebook, inc, social, contributor, covenant, twitter, discussions, stack, overflow, community, learn, next, previous, updated, toromo, adegboyega, 2022, edit, deployed, filenames, include, hashes, builds, correctly, bundles, optimizes, best, performance, watcher, interactive, default, tests, related, changed, since, commit, automatically, reload, make, changes, errors, lint, warnings, console, view, browser, newly, created, some, built, complicated, structures, once, installation, done, setuptests, serviceworker, logo, svg, src, robots, txt, manifest, logo512, logo192, html, favicon, ico, public, gitignore, node_modules, readme, running, any, these, called, current, generate, initial, transitive, cli, depending, which, tool, example, already, would, add, adding, provided, append, describes, how, own, custom, find, list, searching, named, format, however, provide, select, base, now, optionally, from, appending, initializer, may, choose, one, following, methods, but, not, required, server, macos, linux, switch, between, different, projects, windows, local, machine, good, configure, tools, webpack, babel, they, preconfigured, hidden, focus, deploy, bundle, then, previously, installed, globally, via, recommend, ensure, uses, version, global, remove, officially, way, single, applications, offers, modern, setup, support, advanced, usage, deployment, back, end, integration, building, styles, assets, updating, releases, browsers, features, welcome, search, help, deprecated, here, skip, main, content,
Text of the page (random words):
getting started create react app skip to main content create react app is deprecated read more here create react app docs help github search k welcome getting started getting started folder structure available scripts supported browsers and features updating to new releases development styles and assets building your app testing back end integration deployment advanced usage support on this page 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 npx create react app my app cd my app npm start copy 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 npx comes with npm 5 2 and higher see instructions for older npm versions then open http localhost 3000 to see your app when you re ready to deploy to production create a minified bundle with npm run build get started immediately you don t need to install or configure tools like webpack or babel they are preconfigured and hidden so that you can focus on the code create a project and you re good to go creating an app you ll need to have node 14 on your local development machine but it s not required on the server you can use nvm macos linux or nvm windows to switch node versions between different projects to create a new app you may choose one of the following methods npx npx create react app latest my app copy npx comes with npm 5 2 and higher see instructions for older npm versions npm npm init react app my app copy npm init initializer is available in npm 6 yarn yarn create react app my app copy yarn create is available in yarn 0 25 selecting a template you can now optionally start a new app from a template by appending template template name to the creation command if you don t select a template we ll create your project with our base template templates are always named in the format cra template template name however you only need to provide the template name to the creation command npx create react app my app template template name copy you can find a list of available templates by searching for cra template on npm our custom templates documentation describes how you can build your own template creating a typescript app you can start a new typescript app using templates to use our provided typescript template append template typescript to the creation command npx create react app my app template typescript copy if you already have a project and would like to add typescript see our adding typescript documentation selecting a package manager when you create a new app the cli will use npm or yarn to install dependencies depending on which tool you use to run create react app for example run this to use npm npx create react app my app or run this to use yarn yarn create react app my app copy output running any of these commands will create a directory called my app inside the current folder inside that directory it will generate the initial project structure and install the transitive dependencies my app readme md node_modules package json gitignore public favicon ico index html logo192 png logo512 png manifest json robots txt src app css app js app test js index css index js logo svg serviceworker js setuptests js copy no configuration or complicated folder structures only the files you need to build your app once the installation is done you can open your project folder cd my app copy scripts inside the newly created project you can run some built in commands npm start or yarn start runs the app in development mode open http localhost 3000 to view it in the browser the page will automatically reload if you make changes to the code you will see the build errors and lint warnings in the console npm test or yarn test runs the test watcher in an interactive mode by default runs tests related to files changed since the last commit read more about testing npm run build or yarn build builds the app for production to the build folder it correctly bundles react in production mode and optimizes the build for the best performance the build is minified and the filenames include the hashes your app is ready to be deployed edit this page last updated on 4 28 2022 by toromo adegboyega previous about docs next folder structure quick start get started immediately creating an app npx npm yarn selecting a template selecting a package manager output scripts npm start or yarn start npm test or yarn test npm run build or yarn build docs get started learn react community stack overflow github discussions twitter contributor covenant social github copyright 2025 facebook inc
|
