Instalace a příprava React aplikace

V této lekci začneme instalací a přípravou React aplikace, protože ji později budeme používat v kombinaci s Reduxem. Existují rychlejší způsoby vytvoření šablony React aplikace s Reduxem (což mimochodem ne vždy znamená snadné, zejména pro začátečníky), které jsou uvedeny v oficiální dokumentaci, ale my půjdeme od nuly.

Nejprve vytvoříme React aplikaci my-app pomocí Vite (je to moderní náhrada za Webpack). K tomu otevřeme terminál a zadáme následující příkazy (v nabízených možnostech, pokud jsou k dispozici, zvolíme React a poté JavaScript):

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

Spustíme vytvořenou aplikaci:

npm run dev

Otevřeme v prohlížeči navrhovaný odkaz http://localhost:5173/ a uvidíme známou úvodní obrazovku. Vše funguje.

Nyní odstraníme nepotřebné. Vyčistíme složku public. Ve složce src ponecháme pouze main.jsx, index.css a App.jsx (v index.css a App.jsx kompletně smažeme obsah).

V souboru index.html nahradíme text titulku na:

<title>React Redux App</title>

Vytvořte React aplikaci a ujistěte se, že funguje.

Odstraňte nepotřebné soubory a složky.