Set up a modern web app by running one command.
Create React App 5.0.1 is a maintenance release that improves compatibility with React 18. We've also updated our templates to use createRoot
and relaxed our check for older versions of Create React App.
Inside any created project that has not been ejected, run:
npm install --save --save-exact [email protected]
or
yarn add --exact [email protected]
react-scripts
create-react-app
react-dev-utils
cra-template-typescript
, cra-template
, react-scripts
createRoot
(@kyletsang)cra-template-typescript
, cra-template
eslint-config-react-app
Create React App 5.0 is a major release with several new features and the latest version of all major dependencies.
Thanks to all the maintainers and contributors who worked so hard on this release! 🙌
Inside any created project that has not been ejected, run:
npm install --save --save-exact [email protected]
or
yarn add --exact [email protected]
NOTE: You may need to delete your node_modules
folder and reinstall your dependencies by running npm install
(or yarn
) if you encounter errors after upgrading.
If you previously ejected but now want to upgrade, one common solution is to find the commits where you ejected (and any subsequent commits changing the configuration), revert them, upgrade, and later optionally eject again. It’s also possible that the feature you ejected for is now supported out of the box.
Like any major release, [email protected]
contains a number of breaking changes. We expect that they won't affect every user, but we recommend you look over this section to see if something is relevant to you. If we missed something, please file a new issue.
Node 10 reached End-of-Life in April 2021 and Node 12 will be End-of-Life in April 2022. Going forward we will only support the latest LTS release of Node.js.
create-react-app
babel-preset-react-app
, cra-template-typescript
, cra-template
, create-react-app
, eslint-config-react-app
, react-app-polyfill
, react-dev-utils
, react-error-overlay
, react-scripts
eslint-config-react-app
, react-error-overlay
, react-scripts
react-scripts
react-scripts
react-scripts
eslint-config-react-app
, react-error-overlay
, react-scripts
create-react-app
react-dev-utils
create-react-app
, react-scripts
serve
has changed (@leo)eslint-config-react-app
react-dev-utils
babel-preset-react-app
, eslint-config-react-app
cra-template
npm ci
(@lukekarrys)create-react-app
babel-plugin-named-asset-import
, babel-preset-react-app
, confusing-browser-globals
, create-react-app
, react-app-polyfill
, react-dev-utils
, react-error-overlay
, react-scripts
react-scripts
babel-plugin-named-asset-import
, confusing-browser-globals
, create-react-app
, eslint-config-react-app
, react-dev-utils
, react-error-overlay
, react-scripts
confusing-browser-globals
, cra-template-typescript
, cra-template
, create-react-app
react-error-overlay
, react-scripts
babel-preset-react-app
, cra-template-typescript
, cra-template
, create-react-app
, eslint-config-react-app
, react-app-polyfill
, react-dev-utils
, react-error-overlay
, react-scripts
react-dev-utils
, react-scripts
react-scripts
babel-plugin-named-asset-import
, confusing-browser-globals
, create-react-app
, react-dev-utils
, react-error-overlay
, react-scripts
eslint-config-react-app
, react-error-overlay
, react-scripts
babel-preset-react-app
, react-dev-utils
, react-error-overlay
, react-scripts
react-dev-utils
v4.0.3 is a maintenance release that includes minor bug fixes and dependency updates.
react-dev-utils
create-react-app
Inside any created project that has not been ejected, run:
npm install --save --save-exact [email protected]
or
yarn add --exact [email protected]
v4.0.2 is a maintenance release that includes minor bug fixes and documentation updates.
react-scripts
react-scripts
react-scripts
react-scripts
create-react-app
react-dev-utils
, react-error-overlay
, react-scripts
react-scripts
react-dev-utils
cra-template-typescript
cra-template-typescript
, cra-template
v4.0.1 is a maintenance release that includes minor bug fixes and documentation updates.
react-scripts
React is not defined
compilation error after ejected (@n3tr)react-dev-utils
react-scripts
create-react-app
, react-dev-utils
, react-scripts
cra-template-typescript
, cra-template
, react-scripts
Inside any created project that has not been ejected, run:
npm install --save --save-exact [email protected]
or
yarn add --exact [email protected]
Create React App 4.0 is a major release with several new features, including support for Fast Refresh!
Thanks to all the maintainers and contributors who worked so hard on this release! :raised_hands:
Inside any created project that has not been ejected, run:
npm install --save --save-exact [email protected]
or
yarn add --exact [email protected]
NOTE: You may need to delete your node_modules
folder and reinstall your dependencies by running yarn
(or npm install
) if you encounter errors after upgrading.
If you previously ejected but now want to upgrade, one common solution is to find the commits where you ejected (and any subsequent commits changing the configuration), revert them, upgrade, and later optionally eject again. It’s also possible that the feature you ejected for is now supported out of the box.
Like any major release, [email protected]
contains a number of breaking changes. We expect that they won't affect every user, but we recommend you look over this section to see if something is relevant to you. If we missed something, please file a new issue.
We've upgraded to ESLint 7 and added many new rules including some for Jest and React Testing Library as well as the import/no-anonymous-default-export
rule. We've also upgraded eslint-plugin-hooks
to version 4.0.0 and removed the EXTEND_ESLINT
flag as it is no longer required to customize the ESLint config.
We've upgraded to Jest 26 and now set resetMocks
to true
by default in the Jest config.
We've switched to the Workbox InjectManifest plugin and moved the PWA templates into their own repository.
typescript
flag and NODE_PATH
supportWe've removed the deprecated typescript
flag when creating a new app. Use --template typescript
instead. We've also dropped deprecated NODE_PATH
flag as this has been replaced by setting the base path in jsconfig.json
.
We've changed the loading order of env files to match the dotenv
specification. See #9037 for more details.
Node 8 reached End-of-Life at the end of 2019 and is no longer supported.
eslint-config-react-app
, react-error-overlay
, react-scripts
react-scripts
create-react-app
cra-template-typescript
, cra-template
, react-scripts
react-dev-utils
, react-scripts
eslint-config-react-app
, react-error-overlay
, react-scripts
cra-template-typescript
, cra-template
, eslint-config-react-app
, react-error-overlay
, react-scripts
eslint-config-react-app
create-react-app
cra-template-typescript
, cra-template
, react-scripts
babel-plugin-named-asset-import
, confusing-browser-globals
, create-react-app
, react-dev-utils
, react-error-overlay
, react-scripts
create-react-app
, react-scripts
react-scripts
babel-plugin-named-asset-import
, babel-preset-react-app
, create-react-app
, react-app-polyfill
, react-dev-utils
, react-error-overlay
, react-scripts
eslint-config-react-app
, react-scripts
cra-template-typescript
, cra-template
, create-react-app
, react-app-polyfill
, react-dev-utils
, react-scripts
babel-plugin-named-asset-import
, babel-preset-react-app
, confusing-browser-globals
, cra-template-typescript
, react-dev-utils
, react-error-overlay
, react-scripts
react-scripts
babel-preset-react-app
, eslint-config-react-app
, react-scripts
eslint-config-react-app
, react-scripts
create-react-app
babel-preset-react-app
react-dev-utils
react-dev-utils
, react-scripts
cra-template-typescript
, cra-template
, react-scripts
react-scripts
babel-preset-react-app
, eslint-config-react-app
, react-scripts
cra-template
babel-preset-react-app
, react-scripts
react-dev-utils
, react-scripts
react-dev-utils
, react-error-overlay
, react-scripts
cra-template-typescript
, cra-template
create-react-app
react-dev-utils
cra-template-typescript
, cra-template
react-scripts
cra-template-typescript
, cra-template
, react-dev-utils
, react-scripts
babel-preset-react-app
eslint-config-react-app
cra-template-typescript
, cra-template
react-dev-utils
cra-template
babel-preset-react-app
react-scripts
react-scripts
react-error-overlay
, react-scripts
babel-plugin-named-asset-import
, babel-preset-react-app
, confusing-browser-globals
, cra-template-typescript
, cra-template
, create-react-app
, eslint-config-react-app
, react-app-polyfill
, react-error-overlay
, react-scripts
eslint-config-react-app
, react-dev-utils
, react-scripts
babel-plugin-named-asset-import
, babel-preset-react-app
, confusing-browser-globals
, cra-template-typescript
, cra-template
, create-react-app
, eslint-config-react-app
, react-dev-utils
, react-error-overlay
, react-scripts
eslint-config-react-app
, react-error-overlay
, react-scripts
cra-template-typescript
, cra-template
react-app-polyfill
react-dev-utils
babel-plugin-named-asset-import
, babel-preset-react-app
, confusing-browser-globals
, create-react-app
, react-dev-utils
, react-error-overlay
, react-scripts
babel-preset-react-app
, cra-template-typescript
, cra-template
, create-react-app
, react-dev-utils
, react-error-overlay
, react-scripts
babel-plugin-named-asset-import
, confusing-browser-globals
, create-react-app
, react-dev-utils
, react-error-overlay
, react-scripts
babel-preset-react-app
, create-react-app
, react-dev-utils
, react-error-overlay
, react-scripts
babel-plugin-named-asset-import
, babel-preset-react-app
, create-react-app
, react-app-polyfill
, react-dev-utils
, react-error-overlay
, react-scripts
eslint-config-react-app
, react-scripts
babel-plugin-named-asset-import
, babel-preset-react-app
, confusing-browser-globals
, cra-template-typescript
, react-dev-utils
, react-error-overlay
, react-scripts
v3.4.4 release bumps resolve-url-loader
to a version for which npm audit
does not report a vulnerability. Note that this vulnerability did not affect Create React App projects, so this change is only necessary to satisfy auditing tools.
Inside any created project that has not been ejected, run:
npm install --save --save-exact [email protected]
or
yarn add --exact [email protected]
v3.4.3 release bumps terser-webpack-plugin
to a version for which npm audit
does not report a vulnerability. Note that this vulnerability did not affect Create React App projects, so this change is only necessary to satisfy auditing tools.
Inside any created project that has not been ejected, run:
npm install --save --save-exact [email protected]
or
yarn add --exact [email protected]
v3.4.2 release bumps webpack-dev-server
to a version for which npm audit
does not report a vulnerability. Note that this vulnerability did not affect Create React App projects, so this change is only necessary to satisfy auditing tools.
Inside any created project that has not been ejected, run:
npm install --save --save-exact [email protected]
or
yarn add --exact [email protected]
v3.4.1 is a maintenance release that includes minor bug fixes and documentation updates including upgrading Babel to fix a bug in the 7.8 release line. This release also brings support for TypeScript 3.8.
react-scripts
babel-preset-react-app
cra-template
, eslint-config-react-app
, react-scripts
cra-template-typescript
, cra-template
react-scripts
react-scripts
babel-preset-react-app
, create-react-app
, react-dev-utils
, react-error-overlay
, react-scripts
react-scripts
Inside any created project that has not been ejected, run:
npm install --save --save-exact [email protected]
or
yarn add --exact [email protected]