Create React App v4.0.0 release a major update with several new features, including support for Fast Refresh!
The New Version Includes New Features and supports are list below:
Create React App v4 Highlights
- Fast Refresh
- React 17 support includes the new JSX transform
- TypeScript 4 support
- New ESLint 7 Rules : New Jest and React Testing Library rules
- Jest 26
- PWA/workbox improvements
1: Switch to the Workbox InjectManifest plugin
2: Now its own template so it can be released independently
- Web Vitals support
Migrating from 3.4.x to 4.0.0
You can update the react version Inside any created project that has not been ejected, run:
npm install --save --save-exact [email protected]
yarn add --exact [email protected]
you may have to delete your node_modules folder and reinstall your dependencies by running yarn (or npm install) if you encounter errors after upgrading.
[email protected] contains a number of breaking changes. We expect that they won’t affect every user, but they recommend us to look over this section to see if something is relevant to you. If we missed something, you can file a new issue over repository.
It has 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. It has 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.
It has upgraded to Jest 26 and now set
true by default in the Jest config.
It has switched to the Workbox
InjectManifest plugin and moved the PWA templates into their own repository.
typescript flag and
It has removed the deprecated typescript flag when creating a new app. Use
--template typescript instead. It also dropped deprecated
NODE_PATH flag as this has been replaced by setting the base path in
Dropped Node 8 support
Node 8 reached End-of-Life at the end of 2019 and is no longer supported.
Fix dotenv file loading order
It has changed the loading order of
env files to match the