Shigarwa da Ƙirƙirar React Aikace-aikacenku na Farko

Don farawa da ƙirƙirar React aikace-aikacenku na farko, bi waɗannan matakan:

 

1. Shigar Node.js

Da farko, tabbatar cewa an shigar da Node.js akan kwamfutarka. Kuna iya saukewa kuma shigar da sabon sigar daga gidan yanar gizon Node.js( https://nodejs.org ).

 

2. Ƙirƙiri React aikace-aikace

Buɗe tasha ko umarni da sauri kuma kewaya zuwa kundin adireshi inda kake son ƙirƙirar React aikace-aikacen ku. Sannan, gudanar da umarni mai zuwa don ƙirƙirar sabon React aikace-aikacen:

npx create-react-app my-app

Sauya my-app  tare da sunan da ake so don kundin adireshin aikace-aikacen ku. Kuna iya zaɓar kowane suna da kuke so.

 

3. Gudanar da React aikace-aikacen

Da zarar tsarin ƙirƙirar aikace-aikacen ya cika, kewaya cikin kundin aikace-aikacen ta hanyar gudanar da umarni:

cd my-app

 Na gaba, zaku iya fara aikace-aikacen ta hanyar gudanar da umarni:

npm start

 Wannan zai fara uwar garken ci gaba kuma ya buɗe React aikace-aikacen ku a cikin mashigar. Kuna iya duba React shafin yanar gizon yana gudana a http://localhost:3000 .

 

4. Gyara aikace-aikacen

Yanzu da kuna da React aikace-aikacen asali, zaku iya canza lambar tushe a cikin src  kundin adireshi don ƙirƙirar musaya na al'ada da dabaru. Lokacin da kuka ajiye canje-canjenku, mai lilo zai sake loda muku aikace-aikacen ta atomatik don ganin sakamakon nan take.

 

Wannan shine tsarin shigarwa da ƙirƙirar React aikace-aikacen farko. Yanzu kun shirya don bincika duniyar React haɓaka aikace-aikacen da keɓance aikace-aikacen ku yadda ake so.