facebook/create-react-app (eslint-config-react-app)
Compare Source
Compare Source
Compare Source
Compare Source
Compare Source
Compare Source
Compare Source
Compare Source
Inside any created project that has not been ejected, run:
npm install --save --save-exact react-scripts@5.0.1
or
yarn add --exact react-scripts@5.0.1
🐛 Bug Fix
react-scripts
create-react-app
- #11915 Warn when not using the latest version of create-react-app but do not exit (@iansu)
react-dev-utils
💅 Enhancement
cra-template-typescript, cra-template, react-scripts
cra-template-typescript, cra-template
eslint-config-react-app
📝 Documentation
🏠 Internal
Committers: 11
5.0.0 (2021年12月14日)
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! 🙌
Compare Source
Inside any created project that has not been ejected, run:
npm install --save --save-exact react-scripts@5.0.1
or
yarn add --exact react-scripts@5.0.1
🐛 Bug Fix
react-scripts
create-react-app
- #11915 Warn when not using the latest version of create-react-app but do not exit (@iansu)
react-dev-utils
💅 Enhancement
cra-template-typescript, cra-template, react-scripts
cra-template-typescript, cra-template
eslint-config-react-app
📝 Documentation
🏠 Internal
Committers: 11
5.0.0 (2021年12月14日)
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! 🙌
Compare Source
v4.0.1 is a maintenance release that includes minor bug fixes and documentation updates.
🐛 Bug Fix
react-scripts
react-dev-utils
- #9884 fix: page doesn't get refreshed when FAST_REFRESH=false (@n3tr)
💅 Enhancement
📝 Documentation
🏠 Internal
create-react-app, react-dev-utils, react-scripts
cra-template-typescript, cra-template, react-scripts
- Other
Committers: 9
Migrating from 4.0.0 to 4.0.1
Inside any created project that has not been ejected, run:
npm install --save --save-exact react-scripts@4.0.1
or
yarn add --exact react-scripts@4.0.1
Compare Source
4.0.0 (2020年10月23日)
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! 🙌
Highlights
- Fast Refresh #8582
- React 17 support
- TypeScript 4 support #9734
- ESLint 7 #8978
- New Jest and React Testing Library rules #8963
- Jest 26 #8955
- PWA/workbox improvements
- Switch to the Workbox InjectManifest plugin #9205
- Now its own template so it can be released independently
- Web Vitals support #9116
Migrating from 3.4.x to 4.0.0
Inside any created project that has not been ejected, run:
npm install --save --save-exact react-scripts@4.0.0
or
yarn add --exact react-scripts@4.0.0
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.
Breaking Changes
Like any major release, react-scripts@4.0.0 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.
ESLint
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.
Jest
We've upgraded to Jest 26 and now set resetMocks to true by default in the Jest config.
Service workers
We've switched to the Workbox InjectManifest plugin and moved the PWA templates into their own repository.
Removed typescript flag and NODE_PATH support
We'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.
Fix dotenv file loading order
We've changed the loading order of env files to match the dotenv specification. See #9037 for more details.
Dropped Node 8 support
Node 8 reached End-of-Life at the end of 2019 and is no longer supported.
Detailed Changelog
🚀 New Feature
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
💥 Breaking Change
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
🐛 Bug Fix
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
💅 Enhancement
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
- #9350 Add Fast Refresh warning when using React < 16.10 (@iansu)
react-dev-utils, react-error-overlay, react-scripts
cra-template-typescript, cra-template
create-react-app
📝 Documentation
- Other
react-dev-utils
cra-template-typescript, cra-template
react-scripts
cra-template-typescript, cra-template, react-dev-utils, react-scripts
babel-preset-react-app
🏠 Internal
eslint-config-react-app
- #9670 fix(eslint-config-react-app): Make eslint-plugin-jest an optional peerDependency (@MichaelDeBoey)
- Other
cra-template-typescript, cra-template
react-dev-utils
cra-template
babel-preset-react-app
react-scripts
🔨 Underlying Tools
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
Committers: 63
Compare Source
Compare Source
Compare Source
Compare Source
Compare Source
Compare Source
3.0.1 (2019年05月08日)
v3.0.1 is a maintenance release that adjusts some ESLint rules for TypeScript along with other minor bug fixes and documentation updates.
💥 Breaking Change
🐛 Bug Fix
react-error-overlay, react-scripts
eslint-config-react-app
eslint-config-react-app, react-scripts
react-dev-utils
💅 Enhancement
react-dev-utils, react-scripts
babel-preset-react-app
react-scripts
📝 Documentation
🏠 Internal
Committers: 12
Migrating from 3.0.0 to 3.0.1
Inside any created project that has not been ejected, run:
npm install --save --save-exact react-scripts@3.0.1
or
yarn add --exact react-scripts@3.0.1
Compare Source
3.0.0 (April 22, 2019)
Create React App 3.0 brings some exciting new features including support for Hooks!
Thanks to all the maintainers and contributors who worked so hard on this release! 🎉
Highlights
Migrating from 2.1.x to 3.0.0
Inside any created project that has not been ejected, run:
npm install --save --save-exact react-scripts@3.0.0
or
yarn add --exact react-scripts@3.0.0
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.
Breaking Changes
Like any major release, react-scripts@3.0.0 contains a few 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.
Jest 24
We've updated from Jest 23 to get the latest improvements in Jest 24. We've noticed some differences in snapshot serialization in Jest 24, so you may need to adjust your tests slightly once you update. You can read more about what's changed in the Jest 24 blog post.
Hooks support
We now enforce Rules of Hooks with eslint-plugin-react-hooks. If you are breaking any of the rules of Hooks this will cause your build to fail.
TypeScript linting
We now lint TypeScript files. You can see the list of rules we enforce to check if your project is compatible. If you're using Visual Studio Code you can follow our guide to setup up your editor to display lint warnings.
The browserslist config in your package.json is now used to control the output of your JavaScript files. You can use separate configuration for development and production. See here for a good starting point which gives a good development experience, especially when using language features such as async/await, but still provides high compatibility with many browsers in production
Remove --no-watch flag
We've removed the --no-watch flag from the start script in favor of Jest's own --watchAll=false.
New structure in asset-manifest.json
All asset paths have been moved under the files key in asset-manifest.json.
New Features
using jsconfig.json/tsconfig.json
We now support setting baseUrl in jsconfig.json and tsconfig.json. To configure baseUrl to point to the src directory in your JavaScript project, create a jsconfig.json file in your project root:
```json
{
"compilerOptions": {
"baseUrl": "src"
},
"include": ["src"]
}
```
If you have a TypeScript project you can configure baseUrl the same way in your tsconfig.json.
Currently the only supported options for baseUrl are node_modules (the default) and src.
PostCSS Normalize
You can now include a version of Normalize.css in your project that will use your browserslist setting to generate the appropriate styles for your target browsers. To include it simply add @import-normalize at the top of one of your CSS files.
Detailed Changelog
🚀 New Feature
Uh oh!
There was an error while loading. Please reload this page.
This PR contains the following updates:
2.1.0->7.0.1Release Notes
facebook/create-react-app (eslint-config-react-app)
v7.0.1Compare Source
v7.0.0Compare Source
v6.0.0Compare Source
v5.2.1Compare Source
v5.2.0Compare Source
v5.1.0Compare Source
v5.0.2Compare Source
v5.0.1Compare Source
Inside any created project that has not been ejected, run:
or
🐛 Bug Fix
react-scriptscreate-react-appreact-dev-utils💅 Enhancement
cra-template-typescript,cra-template,react-scriptscreateRoot(@kyletsang)cra-template-typescript,cra-templateeslint-config-react-app📝 Documentation
🏠 Internal
Committers: 11
5.0.0 (2021年12月14日)
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! 🙌
v5.0.0Compare Source
Inside any created project that has not been ejected, run:
or
🐛 Bug Fix
react-scriptscreate-react-appreact-dev-utils💅 Enhancement
cra-template-typescript,cra-template,react-scriptscreateRoot(@kyletsang)cra-template-typescript,cra-templateeslint-config-react-app📝 Documentation
🏠 Internal
Committers: 11
5.0.0 (2021年12月14日)
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! 🙌
v4.0.1Compare Source
v4.0.1 is a maintenance release that includes minor bug fixes and documentation updates.
🐛 Bug Fix
react-scriptsReact is not definedcompilation error after ejected (@n3tr)react-dev-utils💅 Enhancement
react-scripts📝 Documentation
🏠 Internal
create-react-app,react-dev-utils,react-scriptscra-template-typescript,cra-template,react-scriptsCommitters: 9
Migrating from 4.0.0 to 4.0.1
Inside any created project that has not been ejected, run:
or
v4.0.0Compare Source
4.0.0 (2020年10月23日)
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! 🙌
Highlights
Migrating from 3.4.x to 4.0.0
Inside any created project that has not been ejected, run:
or
NOTE: You may need to delete your
node_modulesfolder and reinstall your dependencies by runningyarn(ornpm 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.
Breaking Changes
Like any major release,
react-scripts@4.0.0contains 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.ESLint
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-exportrule. We've also upgradedeslint-plugin-hooksto version 4.0.0 and removed theEXTEND_ESLINTflag as it is no longer required to customize the ESLint config.Jest
We've upgraded to Jest 26 and now set
resetMockstotrueby default in the Jest config.Service workers
We've switched to the Workbox InjectManifest plugin and moved the PWA templates into their own repository.
Removed
typescriptflag andNODE_PATHsupportWe've removed the deprecated
typescriptflag when creating a new app. Use--template typescriptinstead. We've also dropped deprecatedNODE_PATHflag as this has been replaced by setting the base path injsconfig.json.Fix dotenv file loading order
We've changed the loading order of env files to match the
dotenvspecification. See #9037 for more details.Dropped Node 8 support
Node 8 reached End-of-Life at the end of 2019 and is no longer supported.
Detailed Changelog
🚀 New Feature
eslint-config-react-app,react-error-overlay,react-scriptsreact-scriptscreate-react-appcra-template-typescript,cra-template,react-scriptsreact-dev-utils,react-scripts💥 Breaking Change
eslint-config-react-app,react-error-overlay,react-scriptscra-template-typescript,cra-template,eslint-config-react-app,react-error-overlay,react-scriptseslint-config-react-appcreate-react-appcra-template-typescript,cra-template,react-scriptsbabel-plugin-named-asset-import,confusing-browser-globals,create-react-app,react-dev-utils,react-error-overlay,react-scriptscreate-react-app,react-scriptsreact-scriptsbabel-plugin-named-asset-import,babel-preset-react-app,create-react-app,react-app-polyfill,react-dev-utils,react-error-overlay,react-scriptseslint-config-react-app,react-scriptscra-template-typescript,cra-template,create-react-app,react-app-polyfill,react-dev-utils,react-scriptsbabel-plugin-named-asset-import,babel-preset-react-app,confusing-browser-globals,cra-template-typescript,react-dev-utils,react-error-overlay,react-scripts🐛 Bug Fix
react-scriptsbabel-preset-react-app,eslint-config-react-app,react-scriptseslint-config-react-app,react-scriptscreate-react-appbabel-preset-react-apppreset-env(@JLHwung)react-dev-utilsreact-dev-utils,react-scriptscra-template-typescript,cra-template,react-scripts💅 Enhancement
react-scriptsbabel-preset-react-app,eslint-config-react-app,react-scriptscra-templatebabel-preset-react-app,react-scriptsreact-dev-utils,react-scriptsreact-dev-utils,react-error-overlay,react-scriptscra-template-typescript,cra-templatecreate-react-app📝 Documentation
react-dev-utilscra-template-typescript,cra-templatereact-scriptscra-template-typescript,cra-template,react-dev-utils,react-scriptsbabel-preset-react-app🏠 Internal
eslint-config-react-appcra-template-typescript,cra-templatereact-dev-utilscra-templatebabel-preset-react-appreact-scripts🔨 Underlying Tools
react-scriptsreact-error-overlay,react-scriptsbabel-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-scriptseslint-config-react-app,react-dev-utils,react-scriptsbabel-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-scriptseslint-config-react-app,react-error-overlay,react-scriptscra-template-typescript,cra-templatereact-app-polyfillreact-dev-utilsbabel-plugin-named-asset-import,babel-preset-react-app,confusing-browser-globals,create-react-app,react-dev-utils,react-error-overlay,react-scriptsbabel-preset-react-app,cra-template-typescript,cra-template,create-react-app,react-dev-utils,react-error-overlay,react-scriptsbabel-plugin-named-asset-import,confusing-browser-globals,create-react-app,react-dev-utils,react-error-overlay,react-scriptsbabel-preset-react-app,create-react-app,react-dev-utils,react-error-overlay,react-scriptsbabel-plugin-named-asset-import,babel-preset-react-app,create-react-app,react-app-polyfill,react-dev-utils,react-error-overlay,react-scriptseslint-config-react-app,react-scriptsbabel-plugin-named-asset-import,babel-preset-react-app,confusing-browser-globals,cra-template-typescript,react-dev-utils,react-error-overlay,react-scriptsCommitters: 63
v3.0.8Compare Source
v3.0.7Compare Source
v3.0.6Compare Source
v3.0.3Compare Source
v3.0.2Compare Source
v3.0.1Compare Source
3.0.1 (2019年05月08日)
v3.0.1 is a maintenance release that adjusts some ESLint rules for TypeScript along with other minor bug fixes and documentation updates.
💥 Breaking Change
babel-preset-react-app🐛 Bug Fix
react-error-overlay,react-scriptsbabel-jest(@ianschmitz)babel-jestpreflight error (@ianschmitz)eslint-config-react-appno-dupe-class-membersrule for TypeScript (@ianschmitz)no-useless-constructorrule in TypeScript (@ianschmitz)eslint-config-react-app,react-scriptsdefault-caselint rule for TypeScript (@ianschmitz)react-dev-utils💅 Enhancement
react-dev-utils,react-scriptsbabel-preset-react-appreact-scripts📝 Documentation
react-app-polyfill🏠 Internal
react-scriptsObject.assignfromMiniCssExtractPluginoptions (@swashcap)Committers: 12
Migrating from 3.0.0 to 3.0.1
Inside any created project that has not been ejected, run:
or
v3.0.0Compare Source
3.0.0 (April 22, 2019)
Create React App 3.0 brings some exciting new features including support for Hooks!
Thanks to all the maintainers and contributors who worked so hard on this release! 🎉
Highlights
browserslistsupport in @babel/preset-env: #6608jsconfig.json/tsconfig.json: #6656Migrating from 2.1.x to 3.0.0
Inside any created project that has not been ejected, run:
or
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.
Breaking Changes
Like any major release,
react-scripts@3.0.0contains a few 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.Jest 24
We've updated from Jest 23 to get the latest improvements in Jest 24. We've noticed some differences in snapshot serialization in Jest 24, so you may need to adjust your tests slightly once you update. You can read more about what's changed in the Jest 24 blog post.
Hooks support
We now enforce Rules of Hooks with
eslint-plugin-react-hooks. If you are breaking any of the rules of Hooks this will cause your build to fail.TypeScript linting
We now lint TypeScript files. You can see the list of rules we enforce to check if your project is compatible. If you're using Visual Studio Code you can follow our guide to setup up your editor to display lint warnings.
browserslistsupport in @babel/preset-envThe
browserslistconfig in yourpackage.jsonis now used to control the output of your JavaScript files. You can use separate configuration fordevelopmentandproduction. See here for a good starting point which gives a good development experience, especially when using language features such as async/await, but still provides high compatibility with many browsers in productionRemove --no-watch flag
We've removed the
--no-watchflag from thestartscript in favor of Jest's own--watchAll=false.New structure in
asset-manifest.jsonAll asset paths have been moved under the
fileskey inasset-manifest.json.New Features
using
jsconfig.json/tsconfig.jsonWe now support setting
baseUrlinjsconfig.jsonandtsconfig.json. To configurebaseUrlto point to thesrcdirectory in your JavaScript project, create ajsconfig.jsonfile in your project root:If you have a TypeScript project you can configure
baseUrlthe same way in yourtsconfig.json.Currently the only supported options for
baseUrlarenode_modules(the default) andsrc.PostCSS Normalize
You can now include a version of Normalize.css in your project that will use your
browserslistsetting to generate the appropriate styles for your target browsers. To include it simply add@import-normalizeat the top of one of your CSS files.Detailed Changelog
🚀 New Feature
react-scriptsConfiguration
📅 Schedule: Branch creation - At any time (no schedule defined), Automerge - At any time (no schedule defined).
🚦 Automerge: Disabled by config. Please merge this manually once you are satisfied.
♻ Rebasing: Whenever PR becomes conflicted, or you tick the rebase/retry checkbox.
🔕 Ignore: Close this PR and you won't be reminded about this update again.
This PR was generated by Mend Renovate. View the repository job log.