react-scripts
This package includes scripts and configuration used by Create React App.
Please refer to its documentation:
- Getting Started – How to create a new app.
- User Guide – How to develop apps bootstrapped with Create React App.
Configuration and scripts for Create React App.
This package includes scripts and configuration used by Create React App.
Please refer to its documentation:
v3.0.1 is a maintenance release that adjusts some ESLint rules for TypeScript along with other minor bug fixes and documentation updates.
react-error-overlay
, react-scripts
babel-jest
(@ianschmitz)babel-jest
preflight error (@ianschmitz)eslint-config-react-app
no-dupe-class-members
rule for TypeScript (@ianschmitz)no-useless-constructor
rule in TypeScript (@ianschmitz)eslint-config-react-app
, react-scripts
default-case
lint rule for TypeScript (@ianschmitz)react-dev-utils
react-dev-utils
, react-scripts
babel-preset-react-app
react-scripts
react-app-polyfill
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
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! :tada:
browserslist
support in @babel/preset-env: #6608jsconfig.json
/tsconfig.json
: #6656Inside 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.
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.
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.
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.
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.
browserslist
support in @babel/preset-envThe 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
We've removed the --no-watch
flag from the start
script in favor of Jest's own --watchAll=false
.
asset-manifest.json
All asset paths have been moved under the files
key in asset-manifest.json
.
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:
{
"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
.
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.
react-scripts
babel-plugin-named-asset-import
, confusing-browser-globals
, react-dev-utils
, react-error-overlay
, react-scripts
eslint-config-react-app
, react-scripts
babel-preset-react-app
, eslint-config-react-app
, react-scripts
babel-preset-react-app
, react-dev-utils
, react-scripts
react-scripts
babel-preset-react-app
, react-app-polyfill
babel-plugin-named-asset-import
, confusing-browser-globals
, react-dev-utils
, react-error-overlay
, react-scripts
eslint-config-react-app
, react-scripts
babel-preset-react-app
, eslint-config-react-app
, react-scripts
babel-preset-react-app
, react-dev-utils
, react-scripts
react-dev-utils
react-scripts
create-react-app
react-scripts
react-scripts
eject warning. (@lffg)babel-plugin-named-asset-import
, babel-preset-react-app
, confusing-browser-globals
, create-react-app
, eslint-config-react-app
, react-app-polyfill
, react-dev-utils
, react-error-overlay
, react-scripts
babel-preset-react-app
, react-app-polyfill
create-react-app
react-dev-utils
react-scripts
react-scripts
babel-plugin-named-asset-import
, confusing-browser-globals
, react-dev-utils
, react-error-overlay
, react-scripts
react-dev-utils
eslint-config-react-app
react-scripts
babel-plugin-named-asset-import
, babel-preset-react-app
, confusing-browser-globals
, create-react-app
, eslint-config-react-app
, react-app-polyfill
, react-dev-utils
, react-error-overlay
, react-scripts
babel-preset-react-app
babel-preset-react-app
, react-dev-utils
, react-error-overlay
, react-scripts
react-dev-utils
eslint-config-react-app
eslint-config-react-app
, react-scripts
babel-preset-react-app
, eslint-config-react-app
, react-scripts
babel-preset-react-app
, create-react-app
, react-app-polyfill
, react-dev-utils
, react-error-overlay
, react-scripts
Please refer to CHANGELOG-2.x.md for earlier versions.