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

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

Yaradılmış proqramı işə salaq:

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

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