React.JS na gɔmedzelawo ƒe dummies, zã agbalẽdzraɖoƒea ne èle asitsatsa robotwo ŋlɔm

Nukae nye React JS na gɔmedzelawo ƒe dummies, nukae nye ema, nufiamewo, ɖoɖo, nuŋlɔɖiwo – alesi woaɖo React JS agbalẽdzraɖoƒea eye woazãe ne èle asitsatsa robotwo ŋlɔm. Zi geɖe le dɔ ƒe boblododowo me na kɔmpiutaŋutinunyalawo la, àte ŋu akpɔ nudidi aɖe si gblɔ be aɖaŋu le asiwò le JavaScript agbalẽdzraɖoƒea. Ẽ, eye womekpɔa mɔ na React ŋuti sidzedze tso kɔmpiuta dɔwɔɖoɖowo wɔlawo gbɔ ɖeɖeko gbɔ o, ke boŋ tso dɔwɔɖoɖowɔla siwo le nyatakakadzraɖoƒea ƒe ememe ŋgɔyiyi me, ke menye gotagome ɖoɖowɔwɔ me o hã gbɔ. Agbalẽdzraɖoƒe ka ƒomevie nye esia, mɔnukpɔkpɔ kawoe wònana le dɔwɔwɔ me, eye afi kae ame si le gɔmedzem la dzea egɔmedzedze le? Mina míabu eŋu le nyati sia me.

JavaScript agbalẽdzraɖoƒe – React: nukae nye ema

React.JS nye agbalẽdzraɖoƒe si le
JavaScript ɖoɖowɔɖi gbegbɔgblɔ xɔŋkɔa me , si Internet dzi hadomehabɔbɔ Facebook ɖo be woatsɔ ana nyatakakadzraɖoƒewo kple dɔwɔɖoɖowo ƒe gotagome ƒuƒoƒoa wɔwɔ ƒe ɖoɖoa nanyo ɖe edzi eye wòana wòanɔ bɔbɔe – ƒomedodo si zãla la wɔa nu kplii. Nu vevitɔ si le agbalẽdzraɖoƒea ŋue nye akpa siwo le eme kple nɔnɔme siwo le eme. Akpa aɖe nye dijitaal ƒuƒoƒo aɖe ƒe akpa aɖe si kpɔa ɖoɖoa ƒe akpa aɖe si wowɔ la ƒe dzedzeme dzi.

Ɖo ŋku edzi! Woate ŋu awɔ akpa vovovoawo ƒe akpa mawo le atɔ me.

Dukɔ nye nyatakaka siwo katã ku ɖe ŋgɔdonya aɖe ƒe nyatakakawo ŋu ƒe ƒuƒoƒo, si me eƒe nɔnɔmetata gɔmeɖeɖe hã le. Míazã kpɔɖeŋuwo atsɔ anya nusi nye nusi tsitotsito eye wòadze ƒã. Nɔnɔmetata si le ete la ɖe akpa gã aɖewo fia – nyatakakawo ɖoɖo ɖe hadomehabɔbɔ aɖe si le Internet dzi, akpa aɖe si me nyatakaka siwo katã le kple fotowo ɖeɖefia. Akpa ɖesiaɖe ƒe akpa suewo le eme, siwo nye akpaawo. Le kpɔɖeŋu me, nuŋɔŋlɔwo, fotowo, ame si ta nyatakakaawo ƒe ŋkɔ, kple bubuawo le agbalẽ aɖe me.Nɔnɔmetata ɖekaɖekawo le nɔnɔmetatawo ƒe akpaa dzi, eye nyatakaka kpuiwo le akpa si nye nyatakaka siwo katã le eme la me.
Nɔnɔme aɖe le akpa (nusiwo) siawo dometɔ ɖesiaɖe si. Eyae nye be akpa si me nyatakaka siwo katã le la ƒe dzedzeme ato vovo le mɔ̃ vovovowo dzi, “like” ƒe akpaa trɔa amadede ne wozi edzi eye xexlẽme si axɔ ame siwo katã lɔ̃e la ƒe xexlẽme; agbalẽa hã ate ŋu ana nuŋɔŋlɔa nanɔ kpuie alo atsɔe aɖo ɖe amewo katã.

Eyata woɖea React.JS ƒe asitɔtrɔ le nɔnɔmewo ŋu fiana – woŋlɔa ŋgɔdonya ƒe akpaa zi ɖeka, eye le ema megbe la, wonaa nɔnɔme siwo katã ate ŋu anɔ anyi lae.

Nukatae React agbalẽdzraɖoƒea hiã?

React.JS nye tiatia siwo ate ŋu aŋlɔ JS alo HTML code le nɔnɔme si sɔ me, awɔ eƒe kɔpiwo eye wòana wòadze le nukpɔkpɔ me la dometɔ ɖeka. Woŋlɔ akpa siwo le afisia ɖe ɖoɖo ƒe gbegbɔgblɔ tɔxɛ aɖe me – JSX, si me JavaScript ɖoɖowɔɖi gbegbɔgblɔ ƒe akpa aɖewo kple HTML dzesigbe si woɖo ɖe ɖoɖo nu le.
Code si woŋlɔ ɖe JSX me la le tẽ ŋutɔ. Ele vevie hã be mehiã be nyatakakadzraɖoƒea nase ɖoɖo ƒe gbegbɔgblɔ sia gɔme o – wotsɔa React.JS ƒe kɔda la yia JS me, si web-browser ɖesiaɖe kpɔna kuxi aɖeke manɔmee. Be woawɔ esia la, wotsɔa nusiwo wowɔ le agbalẽdzraɖoƒea me toa nuƒoƒoƒula tɔxɛwo dzi (esiwo xɔ ŋkɔ wu egbea dometɔ ɖekae nye Babel js), siwo trɔa kɔda siwo le ɖoɖowɔgbalẽ siwo womenya tututu o me wozua JavaScript ƒe nɔnɔmetatawo.
Gbã la, adze abe susu mele mɔ̃a zazã ƒe ɖoɖoa ŋu kura o ene, gake le ɣeyiɣi aɖe megbe la, eva zu numame na wò eye nèkpɔ nusita wowɔ mɔ̃a nenema ɖo. Viɖe sẽŋu geɖe le JavaScript agbalẽdzraɖoƒea ŋu:

• ɖoɖoa ƒe ɖoɖowɔɖi ƒe gbegbɔgblɔa nyanya le bɔbɔe wu JavaScript nyanyɛa, eye le esia ta, axɔ ɣeyiɣi si mesɔ gbɔ zi gbɔ zi geɖe hafi woate ŋu ado alɔ kɔdasia eye woaɖe vodada siwo le edzi ɖa (kɔda yeyewo kple ɖoɖowɔɖi yeyewo ŋɔŋlɔ ƒe duƒuƒu adzi ɖe edzi ɖe edzi);
• wotu nusiwo le eme ƒe ɖoɖo si sɔ eye wòwɔa dɔ ɖe afisia – wogbugbɔa sea ƒe akpa aɖewo siwo wozãna le nuŋɔŋlɔ ƒe akpa vovovowo me kple le ɖoɖowɔɖi vovovowo me, eye wotrɔna hã le nya siwo ƒo xlãe nu;
• each constituent element is subordinate only to its state , eyata ele bɔbɔe be woaɖɔ gbɔdzɔgbɔdzɔ siwo le kɔdasia me ɖo ne wokpɔ vodada aɖe zi ɖeka le eƒe dɔwɔwɔ me le nuwɔna me; ɣeyiɣi siwo mesɔ o ƒua du yia yame: nusi wɔa dɔ nyuie ayi edzi anɔ dɔ wɔm le nɔnɔme sia me, negbe ɖe, le nyateƒe me la, wozã nɔnɔme si mesɔ o le eŋu.

Eyata míate ŋu aƒo nya ta be React.JS agbalẽdzraɖoƒea ate ŋu adzra ɣeyiɣi geɖe ɖo, ana kɔdasia nanye esiwo le tẽ wu, aɖo ɖoɖo si nu wole la ɖe ɖoɖo nyuitɔ nu, eye wòagazã blɔ gãwo ake. Viɖe siawo na be woate ŋu aɖe ga si wozãna ɖe dɔwɔwɔ ƒe mɔnuwo wɔwɔ ŋu dzi akpɔtɔ, eye woawɔ dɔ sia tututu ƒe ɣeyiɣia kabakaba. Esi aɖaŋu le asiwò be nàzã JS kple HTML ɖoɖowɔɖi gbe la, nusɔsrɔ̃ be nàzã ɖoɖoa JSX le bɔbɔe – ŋkeke ʋee aɖewo ko hafi nàbi ɖe eme.

Ɖo ŋku edzi! Susu le eme be woazã agbalẽdzraɖoƒea ne wole dɔ wɔm kple dɔ gãwo, ne ehiã be woaŋlɔ axa gbogbo aɖewo siwo trɔna. Asitsaƒe sue aɖe mehiã nu sesẽ mawo tɔgbe o.

React JS gɔmedzenufiafia tso A vaseɖe Z: https://youtu.be/GNrdg3PzpJQ

Sidzedze na gɔmedzelawo: nukpɔsusu veviwo

Mido gbe na Xexeame!

Ne ège ɖe agbalẽdzraɖoƒea ƒe axa gbãtɔ dzi la, zãla la akpɔ tanya si woxɔ nyuie abe kpɔɖeŋu sue aɖe ene – “Hello world!”.

JSX ɖoɖoa ƒe gbegbɔgblɔ ƒe gɔmedzenufiafiawo

JSX nye ɖoɖowɔɖi ƒe ɖoɖowɔɖi gbegbɔgblɔ, si nye JavaScript nyanyɛ la ƒe kekeɖenudɔwɔwɔ. Gbe eve ƒe ƒuƒoƒo le eme – JA ɖoɖowɔɖi kple HTML dzesi gbegbɔgblɔ si woɖo ɖe ɖoɖo nu. Dɔwɔlawo zãnɛ tsɔ trɔa asi le susua ŋu be wòaɖe React afia alesi tututu wòle be zãla ƒe nɔnɔmetata nanɔ. JSX wɔa agbalẽdzraɖoƒea ƒe “afãwo”.

Nukae nye JSX?

React agbalẽdzraɖoƒea léa susu si nye be gɔmeɖeɖe ƒe nu vevitɔ do ƒome tẽ kple susuŋudɔwɔwɔ si le zãla ƒe ŋgɔdonya me la me ɖe asi: alesi wowɔa dɔ tso nudzɔdzɔwo ŋui, alesi nɔnɔme trɔna le ɣeyiɣi aɖe me, kple alesi wodzraa nyatakakawo ɖo hena ɖeɖefia. Woateŋu azã JS agbalẽdzraɖoƒea eƒe ɖoɖowɔɖi gbegbɔgblɔ manɔmee, gake dɔwɔƒe gbogbo aɖewo kpɔnɛ be asixɔxɔ le eŋu le eƒe eme kɔ nyuie kple eƒe nyateƒenyenye ta ne wole dɔ wɔm kple zãla ƒe ŋgɔdonya si wowɔ tso JavaScript ƒe kɔpi me. Tsɔ kpe ɖe eŋu la, kekeɖenudɔa na wònɔa bɔbɔe na React be wòawɔ ɣeyiɣi kple vodada ŋuti nyatakaka siwo mesɔ o.

Nyagbɔgblɔwo ƒe wɔwɔme le ɖoɖo ƒe gbegbɔgblɔ me

JSX na be nàte ŋu azã JavaScript nyagbɔgblɔ ɖesiaɖe si woŋlɔ nyuie le curly braces me le dɔwɔwɔ aɖe me.

JSX hã nye nyagbɔgblɔ Ne wonya tsɔ bytecoded dzɔtsoƒe ƒe nuŋɔŋlɔa ko la, JSX nyagbɔgblɔ ɖesiaɖe trɔna zua JS dɔwɔwɔ yɔyɔ si sɔ si ɖoa taɖodzinu na JavaScript ƒe hatsotso. Woateŋu ase egɔme tso esia me be woateŋu azã ɖoɖowɔɖi ƒe gbegbɔgblɔ si dziɖuɖua zãna ƒe ɖoɖo ƒe kekeɖenudɔwɔwɔ le if manual la me kple hena ɣeyiɣiwo.

JSX nye Nuwo Woyɔa nusiwo wotsɔ kekeɖenudɔa tsi tre ɖi na be React elements. Wonaa nusi do tso eme si dɔwɔƒea di be yeakpɔ le nukpɔkpɔa dzi la me kɔna. Agbalẽdzraɖoƒea dea dzesi nu siawo eye wòzãa wo le Document Object Model la wɔwɔ kple edzikpɔkpɔ me.

Gɔmeɖeɖe tsitotsito

Tsitotsitowo nye xɔtunu sue gbogbo siwo wɔa React ɖoɖowɔɖiwo.
Nyatakakawo nye nɔnɔmetata si dɔwɔƒea di be yeakpɔ le nuwuwu le ŋkuléleɖenuŋua dzi. Ne wotsɔe sɔ kple Document Object Model ƒe akpawo la, agbalẽdzraɖoƒe ƒe akpawo le bɔbɔe eye womexɔa nunɔamesi geɖe o. Nu veviwoe nye nusiwo le akpa vovovoawo me.

Nusiwo Wotsɔ Wɔa Dɔe Kple Nusiwo Wotsɔ Wɔa Dɔe

Kpeɖeŋutɔawo na wòanya wɔ be woama UI la ɖe akpa siwo le wo ɖokui si me, siwo ŋu dɔwɔwɔ le ɖe vovo le bɔbɔe wu. Woate ŋu aƒo wo nu ƒu ahazã wo zi geɖe. Le akpa gãtɔ me la, akpaawo ƒe dɔwɔwɔ sɔ kple JavaScript dɔwɔɖoɖowo ŋutɔ ƒe dɔwɔwɔ. Woxɔa nyatakaka siwo wotsɔ de eme, si woyɔna be props, eye wotrɔa React ƒe akpa siwo fia ŋgɔyiyi ƒe kpɔɖeŋu si dɔwɔƒea di be yeakpɔ le ŋkuléleɖenuŋua dzi.

Akpa vovovowo: dɔwɔwɔ kple hatsotso

Ele bɔbɔe wu be woayɔ agbalẽdzraɖoƒe ƒe akpa aɖe be enye dɔwɔwɔ.
Woateŋu atsɔ akpaawo hã afia le ES6 klass ƒe nɔnɔme me.

Vivi! React agbalẽdzraɖoƒea ɖe akpa eve siawo ƒomevi gɔme be woɖi wo nɔewo.

nusiwo wotsɔ wɔa dɔe

Props nye nusiwo womate ŋu atrɔ o siwo woate ŋu axlẽ ko. Eyata mele be akpa aɖe naŋlɔ naneke ɖe eƒe nuzazãwo ŋu o, eɖanye ka ƒomevie wònye o.

Nɔnɔme kple agbenɔnɔ ƒe tsatsam

Gbã la, mina míabu alesi woawɔ dziɖuɖua ŋudɔ nyuie le dɔwɔƒe ŋu. Nu vevi etɔ̃ li siwo wòle be nànya tso akpa ƒe nɔnɔme ŋu:

1. Mègatrɔ nɔnɔmea tẽ o, zã setState mɔnu. Ðo ŋku edzi be teƒe ɖeka kolia si nàte ŋu atrɔ nɔnɔmea le tẽe nye xɔtula.
2. Ðewohĩ dukɔa ƒe nyatakaka yeyewo manɔ ɣeyiɣi ɖeka me o.
3. Mɔfiame ɖeka le nyatakakawo ƒe sisi ŋu. Le akpa aɖe tutu me la, wo dometɔ aɖeke menya nenye be wotsɔ dukɔa de akpa bubu si o. Mehiã be woawɔ dɔwɔnu sia alo ema si le eɖokui si o – dɔwɔnu alo hatsotsowo me toto ƒe dɔwɔnu zazã me. Woyɔa esia be “downstream” nyatakakawo ƒe sisi. Woɖea nɔnɔme gɔme ɣesiaɣi na nu aɖewo, eye nɔnɔme sia ƒe xɔtuhabɔbɔwo ate ŋu akpɔ ŋusẽ ɖe akpa siwo le “te” le ɖoɖo si nu woɖoa wo ɖo nu ko dzi.

Zi geɖe la, woyɔa dukɔa be “nutoa me tɔ”, “ememetɔ”, alo ɣaɣla. Dɔwɔwɔ ƒe akpaa ŋutɔ koe wòdzena eye React ƒe akpa bubuwo medzena o. Le agbalẽdzraɖoƒe ƒe ɖoɖowo me la, ne wotsɔ nɔnɔme aɖe na dɔwɔwɔ ƒe akpa aɖe si le eɖokui si alo wometsɔe na o la, enye akpa sia ƒe ememe ŋgɔyiyi, si ate ŋu atrɔ le ɣeyiɣi aɖe megbe. Enyo hã be le dɔa me la, àte ŋu aƒo akpa siwo si nɔnɔme le kple esiwo mele eme o nu ƒu ɖekae.

Nudzɔdzɔwo me dzodzro

Nudzɔdzɔwo me dzodzro ƒe ɖoɖo le React ƒe akpawo me sɔ kple nudzɔdzɔwo gbɔ kpɔkpɔ le nuŋlɔɖi nu ƒe kpɔɖeŋu akpawo me. Gake nu geɖe li siwo dea vovototo wo nɔewo dome:

1. Wotsɔa ŋkɔ na nudzɔdzɔ siwo le JavaScript agbalẽdzraɖoƒea le atsyã si to vovo na esi wozãna ɖaa la nu.
2. Le System Extended Programming Language zazã me la, dɔwɔƒea toa subroutine aɖe ŋu abe nudzɔdzɔwo dzikpɔla ene ɖe ka teƒe.

Nu veviwo gɔmeɖeɖe le nɔnɔmewo nu

JavaScript agbalẽdzraɖoƒea na wòanya wɔ be woagbã susu si le nu veviwo tutuɖo me ɖe akpa siwo le wo ɖokui si me. Woate ŋu aɖe wo afia hena ɖeɖefia le mɔ gbadza nu alo aɣla wo, le nɔnɔme si wona wo le ɣeyiɣi sia me nu. Elemenuawo gɔmeɖeɖe le nɔnɔme me wɔa dɔ ɖe gɔmeɖose ma ke dzi abe nɔnɔme me nyagbɔgblɔ siwo wotu ɖe JavaScript ɖoɖowɔɖi gbegbɔgblɔ dzi ene. Ɣeaɖewoɣi la, edzɔna be agbalẽdzraɖoƒea bia be woaɖe alesi nɔnɔmea kpɔa ŋusẽ ɖe nu aɖewo ɣla alo wo gɔmeɖeɖe dzii me. Le afisia la, susu le eme wu be woazã nɔnɔme JS kpeɖeŋutɔ alo nyagbɔgblɔ siwo sɔ kple if.

Akpawo ƒe Akpawo Trɔtrɔ

Woateŋu atsɔ React agbalẽdzraɖoƒe ƒe akpawo akpe ɖe tɔtrɔwo ŋu. Esia nye egbɔkpɔnu ŋutɔŋutɔ ne nɔnɔme aɖe ɖee fia nenye be ele be woaɖe akpaa ƒe akpa aɖe, alo gɔmesese aɖeke mele eŋu o, evɔ akpa mamlɛa ya metrɔ o.

Ŋkɔwo Kple Safuiwo

Akpa sia ƒe akpa vovovowo le eme:

1. Nu geɖewo tata . Zãla ateŋu awɔ nusiwo ƒe ƒuƒoƒo aɖe eye wòatsɔe ade ɖoɖoa ƒe ɖoɖowɔɖi gbegbɔgblɔ me to curly braces zazã me.
2. Nu veviwo ƒe xexlẽdzesi gbãtɔ . Zi geɖe la, ezãlawo kple ewɔlawo trɔa asi le xexlẽdzesiwo ŋu tẽ le akpa aɖe ƒe akpa aɖe me.

Safuiwo

Safui aɖe si le React JavaScript agbalẽdzraɖoƒea fia dɔwɔnu tɔxɛ aɖe si wòle be woaŋlɔ ne wole akpawo ƒe xexlẽdzesiwo wɔm. Safuiwo kpena ɖe JavaScript agbalẽdzraɖoƒea ŋu wòdea dzesi nu siwo ŋu wotrɔ asi le, tsɔ kpe ɖe wo ŋu, alo ɖe wo ɖa. Ele vevie be woade dzesi wo ale be React nate ŋu awɔ ɖeka kple xɔtuɖaŋu ŋuti nyatakakawo ƒe akpawo le ɣeyiɣi aɖe ƒe yiyi megbe.

Kpekpeɖeŋugbalẽviwo

Le JS agbalẽdzraɖoƒea la, dzesidede gbegbɔgblɔ ƒe akpa siwo woɖo ɖe ɖoɖo nu la wɔa dɔ le mɔ si to vovo vie wu nuŋlɔɖi ƒe nu ƒe kpɔɖeŋu ƒe akpawo, elabena nɔnɔme ɣaɣla aɖe le nɔnɔme ƒe akpawo si le gɔmedzedzea me.

Nu Siwo Dzi Wokpɔna

Le dzesidede gbegbɔgblɔ si woɖo ɖe ɖoɖo nu me la, nuŋlɔɖiwo abe input , select , textarea ene dina be yewoalé woawo ŋutɔ ƒe nɔnɔme me ɖe asi eye woawɔe yeyee ne dɔwɔƒea ŋlɔ nyatakaka yeyewo. React.js nɔnɔme ɖea asixɔxɔ si le nyawo tsɔtsɔ de eme ƒe agblewo ŋu le nuŋɔŋlɔ ƒe akpa si dzi wokpɔna me ɣesiaɣi. Togbɔ be esia ɖee fia be ele be zãla la naŋlɔ nu geɖe wu kɔda gbãtɔ si wona la vie hã la, woate ŋu atsɔ asixɔxɔ sia ayi zãla ƒe nɔnɔmetata ƒe akpa bubuwo azɔ.

Dukɔa ƒe dzidziɖedzi

Dukɔa ƒe ʋuʋu nye ɖoɖowɔɖi si woɖo ɖe ɖoɖo nu si wòle be dɔwɔƒe ɖesiaɖe nanya eye wòate ŋu awɔ dɔ le dɔwɔwɔ ƒe ɖoɖoa me. Ezazã aɖe dziɖuɖua ƒe dɔdzikpɔkpɔ ƒe ɖoɖo siwo gɔme sese sesẽ eye zi geɖe la, viɖe aɖeke mele wo ŋu o la ɖa.

Nukatae wòhiã alea gbegbe be woaɖu dziɖuɖua ƒe dzidziɖedzi dzi?

Dukɔa dodo ɖe dzi va ɖo akpa siwo va yi ƒe seƒe na akpa mawo siwo hiãe la hiã ale be akpaawo katã nate ŋu akpɔ gome le dukɔa me. Dukɔa ƒe ɖoɖo si li ke ana wòanɔ bɔbɔe be woamae ɖe akpa siwo katã ɖoa ŋu ɖe edzi la dome.

Nuwɔwɔ vs Domenyinu

React.js tsɔ nuwɔwɔ ƒe kpɔɖeŋu sesẽ aɖe de eme, eyata wokafui be woazã ɖoɖo si nye be woatu blibo tso akpawo me ɖe domenyinu teƒe be woagazã kɔda si woŋlɔ do ŋgɔ le nuawo dome. Eyata nuzazãwo kple ŋutete si le ame si be wòawɔ nu blibo ɖeka tso akpa siwo le akpa aɖewo me la, naa nuwɔla la te ŋu trɔna ɖe nɔnɔmewo ŋu si hiã be wòawɔ akpaa ƒe go kple nuwɔna le mɔ aɖe koŋ nu eye wòanɔ dedie.

Ŋkuɖodzi! Kpeɖeŋutɔ ƒe akpawo ate ŋu axɔ dɔwɔnu siwo meku ɖe wo nɔewo ŋu o, siwo dometɔ aɖewoe nye gɔmedzedze ƒe akpa siwo wɔa agbalẽdzraɖoƒewo alo dɔwɔwɔwo.

Ne edzɔ be ehiã be nàzã dɔwɔwɔ si me dzedzeme mele o hena dɔwɔwɔ kple akpawo zi evelia alo etɔ̃lia la, hee do goe ɖe JS module si le vovo me. Tsɔe yi akpa aɖe me eye nàzã dɔwɔwɔ si wowɔ la kekeɖenu bubu aɖeke manɔmee. React alo Vue alo Angular, nusi nàtia: https://youtu.be/Nm8GpLCAgwk

React.js ƒe Gɔmeɖosewo

JavaScript agbalẽdzraɖoƒea ƒe xexemenunya bliboa ɣla ɖe React mɔfiamegbalẽa me. Edze abe esia didi eye mele vevie nenema gbegbe o ene, gake ezãla geɖe gblɔna be esi yewoxlẽ nu vɔ la, nusianu ge ɖe teƒea. Nuŋlɔɖiawo do xoxo ŋutɔ, gake asixɔxɔ gã aɖe le wo ŋu eye wògahiã –
https://ru.reactjs.org/docs/thinking-in-react.html . React js nufiame https://ru.reactjs.org/nufiame/nufiame.html

React.js agbalẽdzraɖoƒea ƒe dɔwɔwɔ

Ne wozã JavaScript agbalẽdzraɖoƒea la, mɔnukpɔkpɔ sua ezãla si be wòatsɔ eƒe susu katã aɖo UI ƒe wɔwɔme kple dɔwɔnua ƒe akpa aɖewo ŋu tẽ, eye ne mede ɖeke o la, eƒe susu nɔa kɔda si woŋlɔ la ƒe wɔwɔme kple gbɔdzɔgbɔdzɔ siwo ate ŋu anɔ anyi ŋu. Agbalẽdzraɖoƒea na nète ŋu wɔa ɖoɖowɔɖiwo kabakaba wu, enaa wònɔa bɔbɔe be nàtrɔ asi le akpaawo kple dɔ bliboa ƒe dɔwɔwɔ ŋu ahawɔ asitɔtrɔ le wo ŋu. Eyata, nusiwo kpɔa kadodo dzi le xexeame katã ƒe kadodo me, UI, ɖoɖowɔɖi ƒe nɔnɔme dzi kpɔkpɔ kple ŋutete be woakpɔ nya sesẽ bubuwo gbɔ la le React.js me. Dɔwɔnu siwo gbɔna hã le agbalẽdzraɖoƒea me:

1. Nusiwo woate ŋu awɔ . React.js le nɔnɔme si woɖe ɖe vovo me. Mehiã be woawɔ ɖoɖo ɖe agbalẽvi sue sia ŋu nyuie o. Kɔdawo mama ƒe mɔnu aɖe le eme xoxo si ɖea ɣeyiɣi si wòxɔna hafi ʋua nyatakakadzraɖoƒea ƒe web-browser ƒe akpaa dzi kpɔtɔna, elabena tiatia sia xea mɔ na akpa aɖewo be woagate ŋu awɔ dɔ le ɣeyiɣi ɖeka me o.
2. Pɔmpi ƒe lãwo kple wo nɔƒewo ƒe ɖoɖo kple sedziwɔwɔ . Dɔwɔnu gbogbo aɖewo le agbalẽdzraɖoƒea, siwo nyatakakadzraɖoƒe bubuwo kpena ɖe wo ŋu, si wɔnɛ be ezãla te ŋu wɔa ɖoɖo yeye siwo gɔme sese sesẽ hena taɖodzinu ɖesiaɖe.
3. Dɔwɔwɔ bliboe . Viɖe vevitɔ si le JavaScript agbalẽdzraɖoƒea ŋue nye be mɔ̃a ƒe tɔtrɔ yeyewo katã ɖo xoxoawo ƒe nudidiwo gbɔ, eyata àte ŋu azã xoxoawo kple esiwo wowɔ yeyee siaa, wo katã wodo alɔ eye wosɔ vaseɖe egbe. Nusiwo woɖe ɖe go va yi la megava zua nusiwo megazãna o le asitɔtrɔ yeyetɔ siwo wowɔ vɔ megbe o.

Zazã ŋutɔŋutɔ

Le agbalẽdzraɖoƒea ƒe axa vevitɔ dzi, le mɔfiame siwo wona na ezãlawo me la, React zazã le nuwɔna me ƒe kpɔɖeŋu geɖewo li siwo ɖee fia. Àte ŋu aɖɔ wo ɖo kple asi eye nàdze agbagba awɔ wo. Ne ènye ezãla yeye eye mèse agbalẽdzraɖoƒea ƒe nu vevitɔ kple susu si le eme gɔme o gɔ̃ hã la, trɔ asi le kɔdasia ŋu wòasɔ ɖe wò didi nu eye nàkpɔ emetsonua.

React zazã ŋutɔŋutɔ ne èle asitsatsa ƒe robotwo ŋlɔm le JavaScript me

Ele vevie be nànya be dɔwɔƒe aɖe mewɔa ɖoɖo ɖe JS ŋu o, ke boŋ eŋlɔa ŋɔŋlɔdzesiwo (scripts). eyata ne wozã agbalẽdzraɖoƒea la, dɔwɔƒe aɖe ate ŋu aŋlɔ kɔpi na asitsatsa robot si akplɔe ɖo si woazã hena asitsatsa, eye wòayi edzi awɔ eƒe dzedzeme hã le mɔ̃ sia dzi. Le nyateƒe me la, asitsatsa ƒe robot si wotsɔna dzraa asitsatsa hã nye dɔwɔnu aɖe, si ƒe xexlẽme gã aɖe wole wɔwɔm to React.js zazã me. Gake ahiã kokoko be woawɔ dɔ aɖewo kple bot la ƒe akpa si le eme la le nyatakakadzraɖoƒe bubu siwo naa dɔwɔnu siwo sɔ na esia la dzi.

GitHub kple React.js

GitHub nye mɔnu si xɔa dɔwo ƒe tɔtrɔwo katã. Zãla la doa ka kple amedzroxɔƒe, toa ŋkɔ ŋɔŋlɔ ƒe ɖoɖoa me le GitHub ƒe nyatakakadzraɖoƒea, eye emegbe wòwɔa nudzraɖoƒe aɖe le Internet dzi afisi wòtsɔa faɛlwo katã tso Git me.
Git nye dɔwɔwɔ ƒe tɔtrɔwo dzikpɔkpɔdɔ si xɔ ŋkɔ wu eye wòsɔ wu egbea, eye GitHub nye adzɔge kɔdawo ƒe nudzraɖoƒe.

Ɖeɖe fiã! Amesiwo xɔ kadodo si sɔ kple mɔɖeɖe koe ate ŋu atrɔ asi le faɛlwo ŋu ahawɔ woƒe kɔpi.

Nuŋlɔɖiwo wɔwɔ

Nufiamewo kple nyatakaka yeye siwo katã ku ɖe JavaScript agbalẽdzraɖoƒea ŋu la sɔ kple yeyetɔ kekeake. Dɔwɔlawo hã ƒoa nuŋlɔɖiawo ƒe akpa xoxowo nu ƒu heɖoa wo ɖe agbalẽdzraɖoƒea ƒe axa bubu aɖe dzi hena nuxexlẽ bliboa. Eyata anɔ bɔbɔe na gɔmedzelawo be woabi ɖe teƒea dzikpɔkpɔ ƒe aɖaŋuwo me: nu xoxowo kple yeyewo siaa – nusianu le afisia, mɔɖeɖe nye femaxee na amesiame.

Ɖo ŋku edzi! Mègaŋlɔ mɔfiamegbalẽawo xexlẽ be o. Ne mede ɖeke o la, lé ŋku ɖe eŋu – xoxo nusiwo dze abe ɖe womate ŋu ase egɔme o ene ƒe akpa gãtɔ adze ɖe wo nɔƒe.

React agbalẽdzraɖoƒea nye nuƒolanɔƒe si ame geɖe lɔ̃a zazã eye wòsɔ egbea. Alesi wòte ŋu wɔa dɔ le mɔ vovovowo nu la wɔnɛ be dɔwɔlawo te ŋu wɔa dɔ siwo ƒe nyonyome nyo wu eye wole ɣeyiɣi kpui aɖe ko me. Tsɔ kpe ɖe eŋu la, nuƒolanɔƒea nyanya kple aɖaŋu siwo le esi be wòazãe la nana be wobiaa dɔnyala bibi aɖe geɖe wu le dɔwɔƒewo.