Инсталиране на рамката React Router

За този раздел от учебника, освен React Router, ще използваме Vite като builder и тестов сървър.

За начало нека създадем 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. Уверете се, че приложението се стартира.