Устаноўка фрэймворка React Router

Для дадзенага раздзела падручніка, акрамя React Router, мы будзем выкарыстоўваць Vite у якасці зборшчыка і тэставага сервера.

Для пачатку давайце створым React-прыкладанне my-app з выкарыстаннем Vite. Для гэтага адкрыем тэрмінал і ўвядзем наступныя каманды:

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/, паказаную ў тэрмінале ў адрасны радок браўзэра і ўбачым запушчанае прыкладанне (можаце панаціскаць кнопачку з лічыльнікам).

Стварыце прыкладанне ў React з Vite, як апісана ў уроку, усталюйце модуль react-router-dom. Пераканайцеся, што прыкладанне запускаецца.