Contents hide 1) Create React App v4 Highlights 2) Migrating from 3.4.x to 4.0.0 3) Breaking Changes 3.1) ESLint 3.2) Jest 3.3) Service workers 3.4) Removed typescript flag and NODE_PATH support 3.5) Dropped Node 8 support 3.6) Fix dotenv file loading order 4) Links 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] OR yarn add --exact [email protected] Note: 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. Breaking Changes [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. ESLint 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. Jest It has upgraded to Jest 26 and now set resetMocks to true by default in the Jest config. Service workers It has switched to the Workbox InjectManifest plugin and moved the PWA templates into their own repository. Removed typescript flag and NODE_PATH support 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 jsconfig.json. 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 dotenv specification. Links Release Date: October 23, 2020 Detailed Change Log: Changelog in details Change Log: Create React App 4.0.0 get Latest News: https://www.geekstrick.com/news Share this:TwitterFacebookRedditLinkedInWhatsAppPrintTumblr Related