React Router Ֆրեյմվորքի Տեղակայում

Այս ձեռնարկի բաժնի համար, բացի React Router-ից, մենք կօգտագործենք Vite որպես հավաքիչ և փորձարկման սերվեր:

Սկսելու համար եկեք ստեղծենք React-հավելված my-app օգտագործելով Vite: Դրա համար կբացենք տերմինալը և կմուտքագրենք հետևյալ հրամանները:

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

Որպեսզի կարողանանք աշխատել ռութինգի հետ, մեզ անհրաժեշտ է react-router-dom մոդուլը, եկեք տեղակայենք այն.

terminalnpm install react-router-dom

Այժմ ամեն ինչ պատրաստ է աշխատանքը սկսելու համար: Եկեք գործարկենք մեր հավելվածը.

terminalnpm run dev

Եկեք պատճենենք տերմինալում նշված http://localhost:5173/ հղումը բրաուզերի հասցեների տողում և կտեսնենք գործարկված հավելվածը (կարող եք սեղմել հաշվիչով կոճակը):

Задание 1

Ստեղծեք հավելված React-ում Vite-ի օգնությամբ, ինչպես նկարագրված է դասում, տեղակայեք react-router-dom մոդուլը: Համոզվեք, որ հավելվածը գործարկվում է: