Reactni Yangilash

Reactni Yangilash

React 18-ga Yangilash

Mavjud React ilovasini 18-versiyasiga yangilash uchun faqat ikki qadamni bajarishingiz kerak.

Agar siz allaqachon React 18-ni ishlatadigan eng so‘nggi create-react-app versiyasidan foydalanayotgan bo‘lsangiz, ushbu bo‘limni o‘tkazib yuborishingiz mumkin.

1-qadam: React 18-ni O‘rnatish

Eng so‘nggi versiyani o‘rnatish uchun, loyiha papkangizda terminalda quyidagi buyruqni ishga tushiring:

npm i react@latest react-dom@latest

2-qadam: Yangi Root API-dan Foydalanish

React 18-ning bir vaqtning o‘zida ishlash (concurrent) xususiyatlaridan foydalanish uchun, mijoz tomonidagi renderlash uchun yangi root API-dan foydalanishingiz kerak bo‘ladi.

Oldingi versiya:

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

Yangi versiya:

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

Siz yangi root API-dan foydalanmasangiz ham, ilovangiz ishlayveradi. Agar ReactDOM.render-ni davom ettirsangiz, ilovangiz React 17 kabi ishlaydi.