New Updates in React 18

Upgrade React 17 to React 18.

React 18 was released in March 2022.

This release focuses on performance improvements and updating the rendering engine.

In this first article, I mainly focused on changes between the React 17 and React 18 and also how can one upgrade React app to updated version.

1. Install React 18 and React DOM from npm or yarn, like this:

Then, you'll want to use?createRoot?instead of?render.

In your index.js, update?ReactDOM.render?to?ReactDOM.createRoot?to create a root, and render your app using root.

Here's what it would look like in React 17:

And in React 18: