All Versions
61
Latest Version
Avg Release Cycle
62 days
Latest Release
1240 days ago

Changelog History
Page 4

  • v4.0.3 Changes

    February 22, 2021

    πŸš€ v4.0.3 is a maintenance release that includes minor bug fixes and dependency updates.

    :bug: Bug Fix

    • react-scripts

    :house: Internal

    • react-dev-utils
      • #10412 update immer to 8.0.1 to address vulnerability (@wclem4)
    • create-react-app

    Committers: 4

  • v4.0.2 Changes

    February 03, 2021

    πŸ“š v4.0.2 is a maintenance release that includes minor bug fixes and documentation updates.

    :rocket: New Feature

    • react-scripts
      • #8986 Add support for new BUILD_PATH advanced configuration variable (@ajhyndman)

    :bug: Bug Fix

    • react-scripts
      • #10170 Add opt-out for eslint-webpack-plugin (@mrmckeb)
      • #9872 fix(react-scripts): add missing peer dependency react and update react-refresh-webpack-plugin (@merceyz)
      • #9964 Add TypeScript 4.x as peerDependency to react-scripts (@sheepsteak)

    :nail_care: Enhancement

    • react-scripts

    πŸ“š :memo: Documentation

    :house: Internal

    :hammer: Underlying Tools

    Committers: 15

  • v4.0.1 Changes

    May 08, 2019

    πŸ“š v4.0.1 is a maintenance release that includes minor bug fixes and documentation updates.

    :bug: Bug Fix

    • react-scripts
    • react-dev-utils
      • #9884 fix: page doesn't get refreshed when FAST_REFRESH=false (@n3tr)

    :nail_care: Enhancement

    πŸ“š :memo: Documentation

    • βœ… #10052 docs: add React Testing Library as a library requiring jsdom (@anyulled)

    :house: Internal

    Committers: 9

  • v4.0.0 Changes

    October 23, 2020

    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
      • New JSX transform #9645
    • πŸ‘ 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 [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.

    πŸ’₯ Breaking Changes

    πŸš€ 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.

    πŸ‘• 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
      • #9359 feat: exit on outdated create-react-app version (@mrmckeb)
    • 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
      • #9359 feat: exit on outdated create-react-app version (@mrmckeb)
    • 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
      • #8934 feat: remove typescript flag and NODE_PATH support (@mrmckeb)
    • 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
      • #9374 fix: use default modules option from preset-env (@JLHwung)
    • react-dev-utils
    • react-dev-utils, react-scripts
    • cra-template-typescript, cra-template, react-scripts
      • #8734 fix: handle templates without main package field (@mrmckeb)

    🍱 πŸ’… 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

    🍱 🏠 Internal

    🍱 πŸ”¨ 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
      • #9751 Replace deprecated eslint-loader by eslint-webpack-plugin (@tooppaaa)
    • πŸ‘• 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

  • v3.4.3 Changes

    August 12, 2020

    v3.4.2 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.

    Migrating from 3.4.2 to 3.4.3

    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 Changes

    August 11, 2020

    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.

    Migrating from 3.4.1 to 3.4.2

    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 Changes

    March 20, 2020

    3.4.1 (2020-03-20)

    πŸ“š 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.

    🍱 πŸ› Bug Fix

    • react-scripts
    • babel-preset-react-app
    • πŸ‘• cra-template, eslint-config-react-app, react-scripts
      • #7790 Widen eslint-config-react-app peer dependency versions (@lukyth)

    🍱 πŸ’… Enhancement

    • cra-template-typescript, cra-template
    • react-scripts

    πŸ“š πŸ“ Documentation

    • Other
      • #8515 Fix proxying API request docs (@hjr3)
      • #8561 Indicate that the file structure is the template's (@Vinnl)
    • react-scripts

    🍱 πŸ”¨ Underlying Tools

    • babel-preset-react-app, create-react-app, react-dev-utils, react-error-overlay, react-scripts
    • react-scripts

    Committers: 9

    Migrating from 3.4.0 to 3.4.1

    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.0 Changes

    February 14, 2020

    3.4.0 (2020-02-14)

    πŸš€ v3.4.0 is a minor release that adds new features, including support for SSL and setting PUBLIC_URL in development. It also includes a fix for Hot Module Reloading with CSS Modules as well as other bug fixes.

    🍱 πŸ› Bug Fix

    • react-scripts
      • #8378 Downgrade style-loader to v0.23.1 due to CSS modules hot reload not working with v1.0.0 and above (@chybisov)
    • create-react-app, react-dev-utils, react-error-overlay
    • react-dev-utils
    • cra-template-typescript, cra-template
    • cra-template-typescript

    🍱 πŸ’… Enhancement

    • react-dev-utils, react-scripts
    • cra-template-typescript
    • cra-template-typescript, cra-template
    • react-scripts
      • #5845 Add option to provide custom ssl certificates during development (@alexbrazier)

    πŸ“š πŸ“ Documentation

    • cra-template-typescript, cra-template, react-dev-utils, react-error-overlay, react-scripts
    • Other

    🍱 πŸ”¨ Underlying Tools

    Committers: 18

    Migrating from 3.3.1 to 3.4.0

    Inside any created project that has not been ejected, run:

    npm install --save --save-exact [email protected]

    or

    yarn add --exact [email protected]

  • v3.3.1 Changes

    January 31, 2020

    3.3.1 (2020-01-31)

    πŸ“š v3.3.1 is a maintenance release that includes minor bug fixes and documentation updates.

    🍱 πŸ› Bug Fix

    🍱 πŸ’… Enhancement

    • react-error-overlay
    • cra-template-typescript
    • cra-template-typescript, cra-template, react-scripts
    • create-react-app
    • cra-template-typescript, cra-template
    • πŸ‘• eslint-config-react-app
      • #7803 Remove error for @typescript-eslint/no-namespace (@szhu)

    πŸ“š πŸ“ Documentation

    🍱 🏠 Internal

    🍱 πŸ”¨ Underlying Tools

    • babel-preset-react-app, create-react-app, react-dev-utils, react-error-overlay, react-scripts
    • react-dev-utils
    • πŸ”Œ babel-plugin-named-asset-import
    • create-react-app, react-app-polyfill, react-dev-utils, react-error-overlay, react-scripts
    • create-react-app, react-dev-utils, react-error-overlay
    • react-error-overlay, react-scripts
      • #8102 [Security] Update terser webpack plugin (@RDIL)

    Committers: 29

    Migrating from 3.3.0 to 3.3.1

    Inside any created project that has not been ejected, run:

    npm install --save --save-exact [email protected]

    or

    yarn add --exact [email protected]

  • v3.3.0 Changes

    December 04, 2019

    3.3.0 (2019-12-04)

    πŸš€ v3.3.0 is a minor release that adds new features, including custom templates and support for the new optional chaining and nullish coalescing operators.

    Custom Templates

    You can now create a new app using custom templates.

    πŸ‘€ We've published our existing templates as cra-template and cra-template-typescript, but we expect to see many great templates from the community over the coming weeks.

    The below command shows how you can create a new app with cra-template-typescript.

    npx create-react-app my-app --template typescript

    πŸ—„ Note that you can omit the prefix cra-template- when specifying which template you would like. For TypeScript users, we're deprecating --typescript in favour of --template typescript.

    If you don't set a template, we'll create your new app with cra-template - which is just a new name for our base template.

    Optional Chaining and Nullish Coalescing Operators

    πŸ‘ We now support the optional chaining and nullish coalescing operators!

    // Optional chaininga?.(); // undefined if `a` is null/undefinedb?.c; // undefined if `b` is null/undefined// Nullish coalescingundefined ?? 'some other default'; // result: 'some other default'null ?? 'some other default'; // result: 'some other default''' ?? 'some other default'; // result: ''0 ?? 300; // result: 0false ?? true; // result: false

    ⬆️ If you're using TypeScript, you will need to upgrade your typescript dependency to 3.7.0 or later if you wish to use the new operators.

    πŸš€ If you're using Visual Studio Code 1.40 (the latest as of this release) or earlier, you will need to configure your editor if you want it to understand the new operators.

    πŸš€ If you're using TypeScript in your project and have already upgrade its version as described above, then you can configure VS Code to Use Workspace Version of TypeScript. If your project isn't using TypeScript, you can use the JavaScript and TypeScript Nightly extension until VS Code releases a newer version including TypeScript 3.7.0 or newer.

    Numeric Separators

    πŸ‘ We've added support for numeric separators to improve readability of numeric literals.

    1000000000; // Is this a billion? a hundred millions? Ten millions?101475938.38; // what scale is this? what power of 10?1\_000\_000\_000; // Ah, so a billion101\_475\_938.38; // And this is hundreds of millions

    no-unexpected-multiline

    πŸ‘• We've removed this rule as it is not compatible with Prettier. If you rely on this rule you can re-enable it by extending our ESLint config and adding the following:

    { "extends": "react-app", "rules": { "no-unexpected-multiline": "warn" } }

    🍱 πŸš€ New Feature

    • babel-preset-react-app
      • #7438 Add optional chaining and nullish coalescing operators support (@renatoagds)
    • babel-preset-react-app, react-dev-utils
    • cra-template-typescript, cra-template, create-react-app, react-scripts

    🍱 πŸ’₯ Breaking Change

    create-react-app, react-dev-utils, react-scripts

    #7988 Bump webpack-dev-server (@ianschmitz)

    NOTE: This is only a breaking change if you're using react-dev-utils outside of Create React App.

    🍱 πŸ› Bug Fix

    • πŸ‘• eslint-config-react-app
    • create-react-app
      • #7991 Support templates in scoped packages (@klasbj)
      • #7839 added check for typescript template and unsupported node version (@awaseem)
    • react-scripts
    • react-dev-utils

    🍱 πŸ’… Enhancement

    πŸ“š πŸ“ Documentation

    🍱 🏠 Internal

    • react-scripts
    • Other
    • πŸ‘• eslint-config-react-app
      • #8003 Use @typescript-eslint/no-unused-expressions to support optional chaining (@maxdavidson)
    • create-react-app
      • #7844 added e2e test for checking typescript template with unsupported node (@awaseem)
      • #7882 refactor: remove double coerce (@mrmckeb)
      • #7880 Pass through fully specified template name (@iansu)
    • cra-template-typescript
      • #7944 Make base and TypeScript templates consistent (@suprj)
    • create-react-app, react-dev-utils, react-scripts

    🍱 πŸ”¨ Underlying Tools

    • babel-preset-react-app, cra-template-typescript, cra-template, create-react-app, react-dev-utils, react-error-overlay, react-scripts
    • create-react-app, react-dev-utils, react-scripts
    • react-app-polyfill
    • babel-preset-react-app, react-app-polyfill, react-dev-utils, react-scripts
    • react-scripts
    • babel-preset-react-app, cra-template-typescript, create-react-app, react-app-polyfill, react-dev-utils, react-error-overlay, react-scripts
    • react-dev-utils
    • πŸ”Œ babel-plugin-named-asset-import, babel-preset-react-app, react-error-overlay, react-scripts
    • react-error-overlay, react-scripts

    Committers: 42

    Migrating from 3.2.0 to 3.3.0

    Inside any created project that has not been ejected, run:

    npm install --save --save-exact [email protected]

    or

    yarn add --exact [email protected]