Instalace frameworku React Router

Pro tuto část učebnice, kromě React Router, budeme používat Vite jako buildovací nástroj a testovací server.

Pro začátek vytvoříme React aplikaci my-app s použitím Vite. Pro to otevřeme terminál a zadáme následující příkazy:

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

Abychom mohli pracovat s routováním, potřebujeme modul react-router-dom, pojďme jej nainstalovat:

terminalnpm install react-router-dom

Nyní je vše připraveno pro začátek práce. Spusťme naši aplikaci:

terminalnpm run dev

Zkopírujme odkaz http://localhost:5173/, uvedený v terminálu, do adresního řádku prohlížeče a uvidíme spuštěnou aplikaci (můžete klikat na tlačítko s čítačem).