React Router фреймворкини ўрнатиш

Ушбу ўқув қўлланмаси бўлими учун, React Router билан бир қаторда, биз Viteдан яхшилаш воситаси ва тескерув сервери сифатида фойдаланамиз.

Бошлаш учун, келгила Vite ёрдамида React-илова my-appни яратамиз. Буни учун терминални очиб, куйидаги буйруқларни киритамиз:

npm create vite@latest my-app -- --template react
cd my-app
npm install

Маршрутлаш билан ишлаш учун бизга react-router-dom модули керак, келгила уни ҳам ўрнатиб оламиз:

npm install react-router-dom

Энди ишни бошлаш учун ҳамма нарса тайёр. Иловамизни ишга туширамиз:

npm run dev

Терминалда кўрсатилган http://localhost:5173/ ҳаволасини кўчириб, браузернинг манзил сатрига киритиб, ишга туширилган иловани кўрамиз (сиз ҳисоблагich тугмасини босиб кўришингиз мумкин).

Дарсда тавсифлангани каби React иловасини Vite билан яратинг, react-router-dom модулини ўрнатинг. Илова ишга тушаётганига ишонч ҳосил қилинг.