Инсталиране и подготовка на React приложение

В този урок ще започнем с инсталирането и подготовката на React приложение, тъй като в бъдеще ще го използваме в комбинация с Redux. Има по-бързи начини за създаване на шаблон на React приложение с Redux (което между другото не винаги означава лесно, особено за начинаещи), които са посочени в официалната документация, но ние ще започнем от нулата.

За начало ще създадем React приложение my-app с използването на Vite (това е модерна замяна на Webpack). За това ще отворим терминала и ще въведем следните команди (в предложените опции, ако има такива, ще изберем React и след това JavaScript):

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

Нека стартираме създаденото приложение:

terminalnpm run dev

Нека отворим в браузъра предложената връзка http://localhost:5173/ и ще видим познатото начално изображение. Всичко работи.

Сега нека премахнем излишното. Ще изчистим папката public. В папката src ще оставим само main.jsx, index.css и App.jsx (в index.css и App.jsx напълно ще изтрием съдържанието).

Във файла index.html ще заменим текста на заглавието с:

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