Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Upgrade react-scripts: 4.0.3 → 5.0.0 (major) #242

Closed
wants to merge 1 commit into from

Conversation

depfu[bot]
Copy link
Contributor

@depfu depfu bot commented Dec 21, 2021

Here is everything you need to know about this upgrade. Please take a good look at what changed and the test results before merging this pull request.

What changed?

✳️ react-scripts (4.0.3 → 5.0.0) · Repo · Changelog

Release Notes

5.0.0

v5.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! 🙌

Highlights

  • webpack 5 (#11201)
  • Jest 27 (#11338)
  • ESLint 8 (#11375)
  • PostCSS 8 (#11121)
  • Fast Refresh improvements and bug fixes (#11105)
  • Support for Tailwind (#11717)
  • Improved package manager detection (#11322)
  • Unpinned all dependencies for better compatibility with other tools (#11474)
  • Dropped support for Node 10 and 12

Migrating from 4.0.x to 5.0.0

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

npm install --save --save-exact react-scripts@5.0.0

or

yarn add --exact react-scripts@5.0.0

NOTE: You may need to delete your node_modules folder and reinstall your dependencies by running npm install (or yarn) 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@5.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.

Dropped support for Node 10 and 12

Node 10 reached End-of-Life in April 2021 and Node 12 will be End-of-Life in April 2022. Going forward we will only support the latest LTS release of Node.js.

Full Changelog

💥 Breaking Change

  • create-react-app
  • babel-preset-react-app, cra-template-typescript, cra-template, create-react-app, eslint-config-react-app, react-app-polyfill, react-dev-utils, react-error-overlay, react-scripts
  • eslint-config-react-app, react-error-overlay, react-scripts
  • react-scripts

🐛 Bug Fix

💅 Enhancement

  • react-scripts
    • #11717 Add support for Tailwind (@iansu)
    • #8227 Add source-map-loader for debugging into original source of node_modules libraries that contain sourcemaps (@justingrant)
    • #10499 Remove ESLint verification when opting-out (@mrmckeb)
  • eslint-config-react-app, react-error-overlay, react-scripts
  • create-react-app
  • react-dev-utils
    • #11105 fix: fast refresh stops on needed bail outs (@pmmmwh)
    • #10205 Update ModuleNotFoundPlugin to support Webpack 5 (@raix)
  • create-react-app, react-scripts

📝 Documentation

🏠 Internal

  • Other
  • create-react-app
  • babel-plugin-named-asset-import, babel-preset-react-app, confusing-browser-globals, create-react-app, react-app-polyfill, react-dev-utils, react-error-overlay, react-scripts
  • react-scripts
  • babel-plugin-named-asset-import, confusing-browser-globals, create-react-app, eslint-config-react-app, react-dev-utils, react-error-overlay, react-scripts
  • confusing-browser-globals, cra-template-typescript, cra-template, create-react-app
  • react-error-overlay, react-scripts
  • babel-preset-react-app, cra-template-typescript, cra-template, create-react-app, eslint-config-react-app, react-app-polyfill, react-dev-utils, react-error-overlay, react-scripts

🔨 Underlying Tools

  • react-dev-utils, react-scripts
  • react-scripts
  • babel-plugin-named-asset-import, confusing-browser-globals, create-react-app, react-dev-utils, react-error-overlay, react-scripts
    • #11338 Upgrade jest and related packages from 26.6.0 to 27.1.0 (@krreet)
  • eslint-config-react-app, react-error-overlay, react-scripts
  • babel-preset-react-app, react-dev-utils, react-error-overlay, react-scripts
  • react-dev-utils

Committers: 34

Does any of this look wrong? Please let us know.

Commits

See the full diff on Github. The new version differs by 70 commits:

✳️ eslint-plugin-jest (25.3.4 → 25.7.0) · Repo · Changelog

Release Notes

25.7.0

25.7.0 (2022-01-15)

Features

  • create prefer-equality-matcher rule (#1016) (341353b)
  • valid-expect: support asyncMatchers option and default to jest-extended matchers (#1018) (c82205a)

25.5.0

25.5.0 (2022-01-15)

Features

  • prefer-expect-assertions: support requiring only if expect is used in a callback (#1028) (8d5fd33)

Does any of this look wrong? Please let us know.

Commits

See the full diff on Github. The new version differs by 13 commits:

✳️ eslint-plugin-testing-library (5.0.3 → 5.0.4) · Repo

Release Notes

5.0.4

5.0.4 (2022-01-21)

Bug Fixes

  • prefer-find-by: avoid reporting querySelector (#538) (369e24f), closes #501

Does any of this look wrong? Please let us know.

Commits

See the full diff on Github. The new version differs by 2 commits:


Depfu Status

Depfu will automatically keep this PR conflict-free, as long as you don't add any commits to this branch yourself. You can also trigger a rebase manually by commenting with @depfu rebase.

All Depfu comment commands
@​depfu rebase
Rebases against your default branch and redoes this update
@​depfu recreate
Recreates this PR, overwriting any edits that you've made to it
@​depfu merge
Merges this PR once your tests are passing and conflicts are resolved
@​depfu close
Closes this PR and deletes the branch
@​depfu reopen
Restores the branch and reopens this PR (if it's closed)
@​depfu pause
Ignores all future updates for this dependency and closes this PR
@​depfu pause [minor|major]
Ignores all future minor/major updates for this dependency and closes this PR
@​depfu resume
Future versions of this dependency will create PRs again (leaves this PR as is)

@depfu depfu bot requested a review from a team December 21, 2021 16:31
@depfu depfu bot added the depfu label Dec 21, 2021
@depfu depfu bot force-pushed the depfu/update/yarn/react-scripts-5.0.0 branch from 5a0d8f8 to bc6b130 Compare January 12, 2022 01:16
@dylnclrk
Copy link
Contributor

@mattbrictson would it be helpful if I took a look at this upgrade?

@dylnclrk dylnclrk self-assigned this Jan 13, 2022
@dylnclrk
Copy link
Contributor

Taking a stab at this… Going to attempt to run create-react-app from scratch and layer in our changes to get rid of any potential v4 cruft.

@dylnclrk dylnclrk mentioned this pull request Jan 15, 2022
11 tasks
@dylnclrk
Copy link
Contributor

See #249 for this change…

@depfu depfu bot force-pushed the depfu/update/yarn/react-scripts-5.0.0 branch from bc6b130 to 4a88554 Compare January 19, 2022 17:21
@depfu depfu bot force-pushed the depfu/update/yarn/react-scripts-5.0.0 branch from 4a88554 to ec92ff1 Compare January 24, 2022 15:41
@depfu
Copy link
Contributor Author

depfu bot commented Feb 2, 2022

Closing because this update has already been applied

@depfu depfu bot closed this Feb 2, 2022
@depfu depfu bot deleted the depfu/update/yarn/react-scripts-5.0.0 branch February 2, 2022 01:43
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

Successfully merging this pull request may close these issues.

1 participant