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

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

Tutaendesha programu iliyoundwa:

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

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