Инсталиране и подготовка на 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 приложение и се уверете, че то работи.
Изтрийте излишните файлове и папки.
