React versiyasini yangilash

React 19 ga yangilang

Mavjud React ilovasini 19-versiyaga yangilash faqat ikki bosqichni talab qiladi.

Agar siz allaqachon Reactning so‘nggi versiyasidan foydalanayotgan bo‘lsangiz, ushbu bo‘limni o‘tkazib yuborishingiz mumkin.

1-qadam: React 19 ni o‘rnating

Eng so‘nggi versiyani o‘rnatish uchun loyiha papkasida terminalda quyidagini ishga tushiring:

npm i react@latest react-dom@latest

2-qadam: Yangi root API’dan foydalaning

React 19 ning concurrent imkoniyatlaridan foydalanish uchun mijoz (client) tomonida render qilishda yangi root API’dan foydalanishingiz kerak bo‘ladi.

// 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>
);

Ilovangiz yangi ildiz API-dan foydalanmasdan ishlaydi. Agar siz ReactDOM.render dan foydalanishda davom etsangiz, ilovangiz xuddi React 17 kabi ishlaydi.

W3Schools Pathfinder

Yutuqlaringizni kuzating – bu bepul!

Ro'yxatdan o'tish Kirish