bugl
bugl
HomeLearnPatternsPathsSearchPremium
HomeLearnPatternsPaths
Learn/React/React Core
React•React Core

Upgrade React

Upgrade to React 19

Upgrading an existing React application to version 19 only requires two steps.

If you are already using the latest version of React, you can skip this section.

Step 1: Install React 19

To install the latest version, from your project folder run the following from the terminal:

npm i react@latest react-dom@latest

Step 2: Use the new root API

In order to take advantage of React 19's concurrent features you'll need to use the new root API for client rendering.

// Before import ReactDOM from 'react-dom';
ReactDOM.render( <h1>Hello React!</h1>, document.getElementById('root') );
// After import { createRoot } from 'react-dom/client';
createRoot(document.getElementById('root')).render( <h1>Hello React!</h1> );

Your application will work without using the new root API. If you continue to use ReactDOM.render your application will behave like React 17.

Previous

React Render HTML

Next

React ES6

This chapter

Overview
45

Lessons

142m

Read time

1. React Tutorial2. React Introduction3. React Getting Started4. Your First React App5. React Render HTML6. Upgrade React7. React ES68. React ES6 Classes9. React ES6 Arrow Functions10. React ES6 Variables11. JavaScript Array map()12. React ES6 Destructuring13. React ES6 Spread Operator14. React ES6 Modules15. React ES6 Ternary Operator16. React ES6 Template Strings17. React JSX18. React JSX Expressions19. React JSX Attributes20. React JSX If Statements21. React Components22. React Class Components23. React Props24. React Destructuring Props25. React Props Children26. React Events27. React Conditional Rendering28. React Lists29. React Forms30. React Submit Forms31. React Forms - Textarea32. React Forms - Select33. React Forms - Multiple Input Fields34. React Forms - Checkbox35. React Forms - Radio36. React Portals37. React Suspense38. Styling React Using CSS39. React CSS Modules40. React CSS-in-JS41. React Router42. React Transitions43. React forwardRef44. React Higher Order Components45. React Sass Styling

On this page

Upgrade to React 19Step 1: Install React 19Step 2: Use the new root API