Upgrading React version and it s dependencies by reading package json

Question

I have an existing project  which has react 15 and all it s dependencies according to that  But now I have to upgrade to react 16 along with it s dependencies  Now  the problem is - there are a lot of dependencies and it is very time consuming to identify version of each dependency   So  I was wondering if there was a way where I could upgrade the versions of React and it s dependencies mentioned in package json  without manually modifying the package json file

User · Answer

Yes  you can use Yarn or NPM to edit your package json   yarn upgrade  package   package tag   package version    scope       --ignore-engines   --pattern   Something like    yarn upgrade react  16 0 0  Then I d see what warns or errors out and then run yarn upgrade  package   No need to edit the file manually  Can do everything from the CLI   Or just run yarn upgrade to update all packages to latest  probably a bad idea for a large project  APIs may change  things may break   Alternatively  with NPM run npm outdated to see what packages will be affected  Then   npm update  https   yarnpkg com lang en docs cli upgrade   https   docs npmjs com getting-started updating-local-packages

User · Answer

Use this command to update react npm install --save react 16 12 0  Don t forget to change 16 12 0 to the latest version or the version you need to setup

User · Answer

Using npm  Latest version while still respecting the semver in your package json  npm update  lt package-name gt   So  if your package json says  react     15 0 0  and you run npm update react your package json will now say  react     15 6 2   the currently latest version of react 15    But since you want to go from react 15 to react 16  that won t do  Latest version regardless of your semver  npm install --save react latest   If you want a specific version  you run npm install --save react  lt version gt  e g  npm install --save react 16 0 0   https   docs npmjs com cli install  Using yarn  Latest version while still respecting the semver in your package json  yarn upgrade react   Latest version regardless of your semver  yarn upgrade react latest   https   yarnpkg com lang en docs cli upgrade

User · Answer

If you want to update any specific version from the package json you can update the version of the package by doing      yarn add package-name version-number  or  npm install --save package-name version-number  If you want to update all packages to the latest version you can run command      npm audit fix --force

User · Answer

you can update all of the dependencies to their latest version by  npm update

User · Answer

I highly recommend using yarn upgrade-interactive to update React  or any Node project for that matter  It lists your packages  current version  the latest version  an indication of a Minor  Major  or Patch update compared to what you have  plus a link to the respective project    You run it with yarn upgrade-interactive --latest  check out release notes if you want  go down the list with your arrow keys  choose which packages you want to upgrade by selecting with the space bar  and hit Enter to complete   Npm-upgrade is ok but not as slick

User · Answer

If you want to update react use npx update react on the terminal

User · Answer

if you want to update your react and react-dom version in your existing react step then run this command I hope You get the latest version of react and react-dom  Thanks npm install react latest react-dom latest

[reactjs] Upgrading React version and it's dependencies by reading package.json

Examples related to reactjs

Examples related to dependencies

Examples related to upgrade