✅ Upgrade ReactJS

Upgrading ReactJS ensures that you get the latest features, performance improvements, and security patches.

📌 1. Check the Current Version

You can check your current React version using the following command:

bash
npm list react

Or using yarn:

bash
yarn list react

📌 2. Upgrade React to the Latest Version

➡️ Using npm:

bash
npm install react@latest react-dom@latest

➡️ Using yarn:

bash
yarn add react@latest react-dom@latest

📌 3. Upgrade Other React Packages (Optional)

If you're using additional libraries like react-router-dom or redux, update them too:

bash
npm install react-router-dom@latest redux@latest

Or using yarn:

bash
yarn add react-router-dom@latest redux@latest

📌 4. Clear Cache (If Facing Issues)

Sometimes, clearing the npm cache helps with dependency issues:

bash
npm cache clean --force

Or for yarn:

bash
yarn cache clean

📌 5. Verify the Version After Upgrading

After the upgrade, check the installed version again:

bash
npm list react

bash
npx react -v

📌 6. Update React Scripts (If Using Create React App)

If you're using Create React App, update react-scripts:

bash
npm install react-scripts@latest

Or using yarn:

bash
yarn add react-scripts@latest

📌 7. Troubleshooting After Upgrade

If you experience issues after upgrading:

• Delete the node_modules and package-lock.json:

bash
rm -rf node_modules package-lock.json

• Reinstall dependencies:

bash
npm install

• Run the app:

bash
npm start

📌 8. Additional Tips

• Check Breaking Changes: Refer to the React Upgrade Guide for details on breaking changes.

• Test Components: Ensure all components work as expected after the upgrade.

• Use Linting: Run npm run lint to catch deprecated code.