React Proqramının Quraşdırılması və Hazırlanması
Bu dərsdə biz React proqramının quraşdırılması və hazırlanması ilə başlayacığıq, çünki gələcəkdə onu Redux ilə birlikdə istifadə edəcəyik. React proqramı üçün Redux ilə şablon yaratmağın daha sürətli yolları var (bu, xüsusən də yeni başlayanlar üçün həmişə asan olmur), rəsmi sənədlərdə göstərilən, amma biz sıfırdan başlayacığıq.
Başlamaq üçün Vite istifadə edərək
my-app React proqramını yaradaq
(bu Webpack üçün müasir bir əvəzdir).
Bunun üçün terminal açıb
aşağıdakı əmrləri daxil edək (təklif olunan seçimlərdə,
əgər varsa, React və sonra JavaScript seçək):
npm create vite@latest my-app -- --template react
cd my-app
npm install
Yaradılmış proqramı işə salaq:
npm run dev
Brauzerdə təklif olunan linki
http://localhost:5173/ açaq və
tanış ekranı görək. Hər şey işləyir.
İndi artıqlığı təmizləyək. public qovluğunu təmizləyək.
src qovluğunda yalnız main.jsx,
index.css və App.jsx saxlayaq (index.css
və App.jsx fayllarında tam olaraq tərkibi silək).
index.html faylında title
mətnini belə dəyişək:
<title>React Redux App</title>
React proqramı yaradın və işlədiyinə əmin olun.
Artıq faylları və qovluqları silin.