React Обновление

Обновление до React 18

Обновление существующего приложения React до версии 18 требует всего двух шагов.

Шаг 1: Установка React 18

Чтобы установить последнюю версию, выполните следующую команду из терминала в папке вашего проекта:

npm i react@latest react-dom@latest

Шаг 2: Использование нового API Root

Чтобы воспользоваться новыми возможностями React 18, такими как параллельное выполнение, вам необходимо использовать новый API Root для рендеринга на стороне клиента.

До:

import ReactDOM from 'react-dom';
ReactDOM.render(<App />, document.getElementById('root'));

После:

import ReactDOM from 'react-dom/client';
const root = ReactDOM.createRoot(document.getElementById('root'));
root.render(<App />);