Устаноўка і падрыхтоўка React-прыкладання

У гэтым уроку мы пачнем з устаноўкі і падрыхтоўкі React-прыкладання, так як у далейшым мы будзем выкарыстоўваць яго ў сувязцы з Redux. Ёсць больш хуткія спосабы стварэння шаблону прыкладання React з Redux (што дарэчы не заўсёды азначае лёгка, асабліва для пачаткоўцаў), якія ўказаны ў афіцыйнай дакументацыі, але мы пойдзем з нуля.

Для пачатку створым React-прыкладанне my-app з выкарыстаннем Vite (гэта модная замена Webpack). Для гэтага адкрыем тэрмінал і ўвядзем наступныя каманды (у прапанаваных опцыях, калі такія маюцца, выберым React і затым JavaScript):

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

Запусцім створанае прыкладанне:

npm run dev

Адкрыем у браўзэры прапанаваную спасылку http://localhost:5173/ і ўбачым знаёмую застаўку. Усё працуе.

Цяпер выдалім лішняе. Ачысцім папку public. У папцы src пакінем толькі main.jsx, index.css і App.jsx (у index.css і App.jsx поўнасцю выдалім змесціва).

У файле index.html замянім тэкст тайтла на:

<title>React Redux App</title>

Стварыце React-прыкладанне і пераканайцеся, што яно працуе.

Выдаліце лішнія файлы і папкі.