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):

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

Uruchommy utworzoną aplikację:

terminalnpm 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:

index.html<title>React Redux App</title>