Instalacja frameworka React Router

Dla tej części podręcznika, oprócz React Router, będziemy używać Vite jako narzędzia do budowania i serwera testowego.

Na początek stwórzmy aplikację React my-app z wykorzystaniem Vite. W tym celu otwórzmy terminal i wprowadźmy następujące polecenia:

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

Aby pracować z routingiem potrzebujemy modułu react-router-dom, zainstalujmy go:

terminalnpm install react-router-dom

Teraz wszystko jest gotowe do rozpoczęcia pracy. Uruchommy naszą aplikację:

terminalnpm run dev

Skopiujmy link http://localhost:5173/, podany w terminalu, do paska adresu przeglądarki i zobaczmy uruchomioną aplikację (możesz klikać przycisk z licznikiem).