Instalacja i przygotowanie aplikacji React

W tej lekcji zaczniemy od instalacji i przygotowania aplikacji React, ponieważ w dalszej części będziemy używać jej w połączeniu z Redux. Istnieją szybsze sposoby tworzenia szablonu aplikacji React z Redux (co przy okazji nie zawsze oznacza łatwo, szczególnie dla początkujących), które są wskazane w oficjalnej dokumentacji, ale my pójdziemy od zera.

Na początek utworzymy aplikację React my-app z wykorzystaniem Vite (jest to nowoczesny zamiennik Webpack). Aby to zrobić, otworzymy terminal i wprowadzimy następujące polecenia (w proponowanych opcjach, jeśli takie będą, wybierzemy React a następnie JavaScript):

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

Uruchommy utworzoną aplikację:

npm run dev

Otwórzmy w przeglądarce proponowany link http://localhost:5173/ i zobaczmy znaną planszę startową. Wszystko działa.

Teraz usuńmy zbędne elementy. Wyczyśćmy folder public. W folderze src zostawmy tylko main.jsx, index.css i App.jsx (w index.css i App.jsx całkowicie usuńmy zawartość).

W pliku index.html zamieńmy tekst tytułu na:

<title>React Redux App</title>

Utwórz aplikację React i upewnij się, że działa.

Usuń zbędne pliki i foldery.