Usakinishaji na Maandalizi ya Programu ya React
Katika somo hili tutaanza kwa kusanikisha na kuandaa programu ya React, kwani baadaye tutaitumia pamoja na Redux. Kuna njia za haraka zaidi za kuunda kiango cha programu ya React na Redux (ambayo kwa kweli haimaanishi rahisi kila wakati, hasa kwa wanaoanza), ambazo zimeonyeshwa kwenye nyaraka rasmi, lakini tutaanza kutoka mwanzo.
Kwa kuanza, tutaunda programu ya React
my-app kwa kutumia Vite
(hii ni kiwakilishi cha kisasa cha Webpack).
Ili kufanya hivyo, tutafungua terminali
na kuweka amri zifuatazo (katika chaguo zilizopendekezwa,
ikiwa zipo, tutachagua React na kisha JavaScript):
npm create vite@latest my-app -- --template react
cd my-app
npm install
Tutaendesha programu iliyoundwa:
npm run dev
Tutafungua kiungo kilichopendekezwa kwenye kivinjari
http://localhost:5173/ na tutaona
skrini ya kukaribisha inayojulikana. Kila kitu kinafanya kazi.
Sasa tutaondoa yale yasiyohitajika. Tutasafisha folda public.
Katika folda src tutaacha tu main.jsx,
index.css na App.jsx (katika index.css
na App.jsx tutaondoa yaliyomo kabisa).
Katika faili index.html tutabadilisha maandishi ya
kichwa kuwa:
<title>React Redux App</title>
Unda programu ya React na uhakikishe kuwa inafanya kazi.
Ondoa mafaili na folda zisizohitajika.
