React.JS mo nga taarua timata, ma te whakamahi i te whare pukapuka i te wa e tuhi ana i nga robots hokohoko

He aha te React JS mo nga taarua timata, he aha tena, akoranga, whakaurunga, tuhinga – me pehea te whakauru me te whakamahi i te whare pukapuka React JS i te wa e tuhi ana i nga robots hokohoko. I te nuinga o nga wa i roto i nga panui mahi mo nga tohunga rorohiko, ka kitea e koe he whakaritenga e kii ana kei a koe nga pukenga i roto i te whare pukapuka JavaScript. Ae, me te tumanako ratou ki te mohio mo te React ehara i te mea mai i nga kaiwhakawhanake rorohiko, engari mai i nga kaiwhakatakoto kaupapa e mahi ana ki te whakawhanaketanga o roto o te papanga, kaua ki te hoahoa o waho. He aha te ahua o te whare pukapuka, he aha nga whai wāhitanga e hoatu ana i roto i te mahi, me te waahi ka timata te tangata timata ki te mohio? Kia whakaaro tatou i roto i tenei tuhinga.

Wharepukapuka JavaScript – Tauhohe: he aha tena

Ko React.JS he whare pukapuka o te
reo hotaka JavaScript rongonui , i hangaia e te whatunga hapori ipurangi Facebook hei whakapai ake me te whakangawari i te tukanga o te whakawhanake i te anga o waho o nga waahi me nga tono – te atanga e taunekeneke ai te kaiwhakamahi. Ko te ahuatanga matua o te whare pukapuka ko nga waahanga me nga kawanatanga. Ko tetahi waahanga he waahanga o te huinga matihiko e kawe ana mo te ahua o tetahi waahanga o te punaha e hangaia ana.

Tuhipoka! Ko nga waahanga penei ka taea te kohanga.

Ko te ahua he kohinga o nga raraunga katoa e pa ana ki nga taipitopito o tetahi atanga, tae atu ki tana whakaatu tohu. Ma te whakamahi i nga tauira, ka kitea e maatau ake nga korero me te maarama he aha te aha. Ko te ahua kei raro nei e whakaatu ana i etahi o nga waahanga nui – te tuku ki te whatunga hapori ipurangi, he waahanga me nga korero whanui me te whakaatu whakaahua. Kei ia waahanga nga waahanga iti ake, ko nga waahanga. Hei tauira, kei roto i te whakaputanga nga tuhinga, nga whakaahua, te ingoa o te kaiwhakamahi nana i whakaputa nga korero, me era atu. Kei roto i te waahanga whakaahua nga pikitia takitahi, kei te waahanga korero whanui nga korero poto.
Ko ia o enei waahanga (waahanga) he ahua. Arā, ka rereke te ahua o te waahanga me nga korero whanui i runga i nga taputapu rereke, ka huri te tae o te huānga “rite” ina pehia ana me te nama te kawenga mo te tapeke o nga mea pai; ma te whakaputanga, ka whakapotohia te tuhinga, ka tuku katoa ranei.

Na, ka whakaatuhia te ngawari o React.JS – ka tuhia te waahanga atanga kotahi, a muri iho ka tukuna nga ahuatanga katoa.

He aha i hiahiatia ai te whare pukapuka React?

Ko React.JS tetahi o nga whiringa ka taea te tuhi i te JS, i te waehere HTML ranei i roto i te whakatakotoranga watea, te hanga kape me te whakakitenga. Ko nga waahanga kei konei ka tuhia ki te reo punaha motuhake – JSX, kei roto nga waahanga o te reo papatono JavaScript me te reo tohu HTML paerewa.
Ko te waehere kua tuhia ki te JSX he tino motuhake. He mea nui ano kia kore te kaitirotiro paetukutuku e mohio ki tenei reo punaha – ka whakawhitia te waehere React.JS ki JS, ka kitea e tetahi kaitirotiro kaore he raru. Ki te mahi i tenei, ko nga mea i hangaia i roto i te whare pukapuka ka tukuna ma nga kaitoi motuhake (tetahi o nga mea rongonui i enei ra ko Babel js), e huri ana i nga waehere i roto i nga reo hootaka iti-mohiotia ki nga tohu JavaScript.
I te tuatahi ko te ahua he tino pohehe te punaha, engari i muri i etahi wa ka mohio koe ka mohio koe he aha te mea i hangaia ai te miihini penei. He maha nga painga o te whare pukapuka JavaScript:

• he maamaa ake te mohiotanga o te reo hootaka punaha i te JavaScript rongonui, na reira, he maha nga wa ka iti ake te wa ki te tautoko i te waehere me te whakakore i nga hapa kei runga (ka piki ake te tere o te tuhi i nga waehere me nga kaupapa hou);
• ka hangaia he punaha watea me te whaihua o nga huānga whakauru – tukurua nga waahanga o te waehere e whakamahia ana i nga waahanga tuhi rereke me nga kaupapa rereke, ka huri ano i runga i te horopaki;
• Ko ia huānga whakauru he mea iti noa iho ki tona ahua , no reira he maamaa ake te whakatika i nga hapa o te waehere mena ka kitea he hapa i roto i ana mahi i roto i te mahi; nga wa hē ka rewa ki te mata: he huānga e mahi tika ana ka mahi tonu i roto i tenei aratau, mena mena ka whakamahia te ahua he e pa ana ki a ia.

Na, ka taea e tatou te whakatau ka taea e te whare pukapuka React.JS te whakaora i te wa roa, te whakarite i te waehere, te whakarite i te raupapa i roto i te raupapa tika, me te whakamahi ano i nga poraka nui. Ko enei painga ka taea te whakaiti i te utu mo te hanga i nga atanga kaiwhakamahi, me te tere ake i te waa o tenei mahi. He pukenga ki te whakamahi i te reo hotaka JS me te HTML, he ngawari te ako ki te whakamahi i te punaha JSX – he torutoru nga ra ki te mohio.

Tuhipoka! He mea tika ki te whakamahi i te whare pukapuka i te wa e mahi ana me nga kaupapa nui, i te wa e tika ana ki te tuhi i te maha o nga wharangi hihiri. Ko te waahi pakihi iti e kore e hiahiatia nga uaua penei.

React JS akoranga taketake mai i A ki Z: https://youtu.be/GNrdg3PzpJQ

He mohio mo te hunga timata: nga ariā taketake

Kia ora te Ao!

Ina uru atu ki te wharangi tuatahi o te whare pukapuka, ka kite te kaiwhakamahi i tetahi pane powhiri hei tauira iti – “Kia ora te ao!”.

Ko nga kaupapa o te reo punaha JSX

Ko te JSX he reo hotaka punaha, he toronga o te JavaScript rongonui. Kei roto ko te huinga o nga reo e rua – te kaupapa JA me te reo tohu HTML paerewa. Ka whakamahia e nga kaiwhakawhanake ki te whakatika i te ariā hei whakaatu i te React me pehea te ahua o te atanga kaiwhakamahi. Ka hangaia e JSX nga “waahanga” o te whare pukapuka.

He aha te JSX?

Ko te whare pukapuka React e u ana ki te arorau e hono tika ana te ngako o te whakaputa ki te arorau o te atanga kaiwhakamahi: me pehea te whakahaere i nga huihuinga, me pehea te whakarereketanga o te kawanatanga i roto i tetahi waa, me pehea te whakarite korero mo te whakaaturanga. Ka taea te whakamahi i te whare pukapuka JS me te kore he reo punaha, engari he maha nga kaiwhakawhanake ka kitea he mea nui na te maamaa me te raima i te wa e mahi ana me te atanga kaiwhakamahi i hangaia mai i te waehere JavaScript. I tua atu, ma te toronga ka ngawari ake mo te React ki te whakaputa i te waa muhu me nga whakamohiotanga hapa.

Te hanga korero i roto i te reo punaha

Ka taea e JSX koe ki te whakamahi i nga korero JavaScript kua tuhia pai i roto i nga taiapa mingimingi i roto i te tukanga.

He korero ano a JSX I te wa e paopaohia ana te waehere puna, ka huri tetahi korero JSX ki te waea mahi JS paerewa e aro ana ki te waahanga JavaScript. Mai i tenei ka taea te mohio ka taea te whakamahi i te toronga punaha o te reo hootaka mana i roto i te pukapuka mena me nga waa.

Ko JSX he Ahanoa Ko nga mea e tohuhia ana e te toronga e kiia ana ko nga huānga React. Ka whakamaramatia e ratou te hua e hiahia ana te kaiwhakawhanake kia kite i runga i te whakaaturanga. Ka mohio te whare pukapuka ki enei taonga ka whakamahia i roto i te hanga me te pupuri i te Tauira Ahanoa Tuhinga.

Whakaaturanga taipitopito

Ko nga taipitopito ko te maha o nga poraka iti e hanga ana i nga kaupapa React.
Ko nga korero ko te pikitia e hiahia ana te kaiwhakawhanake ki te kite i te mutunga i runga i te aroturuki. Ka whakatauritea ki nga huānga Tauira Ahanoa Tuhinga, he ngawari noa nga huānga o te whare pukapuka me te kore e pau te maha o nga rauemi. Ko nga huānga nga waahanga o nga waahanga.

Nga waahanga me nga taputapu

Ko nga waahanga ka taea te wehewehe i te UI ki nga waahanga motuhake, he maamaa ake te mahi takitahi. Ka taea te whakakotahi me te whakamahi i nga wa maha. Mo te nuinga, ko te mahi o nga waahanga he rite ki te mahi o te reo hotaka JavaScript ake. Ka tangohia e ratou nga korero whakauru, e kiia nei ko nga taonga, ka whakahoki mai i nga huānga React e tohu ana i te tauira whanaketanga e hiahia ana te kaiwhakawhanake ki te kite i runga i te aroturuki.

Nga momo waahanga: mahi me te akomanga

He mea ngawari ki te korero ki tetahi waahanga whare pukapuka hei mahi.
Ka taea hoki te whakaatu i nga waahanga ki te whakatakotoranga akomanga ES6.

He mea whakamere! Ko te whare pukapuka React he mea rite enei momo waahanga e rua.

taonga

Ko nga taputapu he mea kore e taea te whakarereke he panui-anake. No reira, kaua e tuhi tetahi waahanga ki ona taonga, ahakoa he aha te ahua o tera.

Te whenua me te huringa ora

Tuatahi, me whakaaro me pehea te whakamahi tika i te kawanatanga ki te mahi. E toru nga mea nui hei mohio mo te ahua o te waahanga:

1. Kaua e huri tika i te ahua, whakamahia te tikanga setState. Kia mahara ko te waahi anake ka taea e koe te huri tika i te ahua ko te kaihanga.
2. Ko nga whakahoutanga a te kawanatanga kaore pea i te tukutahi.
3. Kotahi te aronga o te rerenga korero. I roto i te hanganga o nga waahanga, kaore tetahi o ratou e mohio ana kua tohua te kawanatanga ki tetahi atu waahanga. Kare he aha te ahua o tenei, o tera huānga mahi motuhake ranei – ma te whakamahi i tetahi taputapu mahi, whakarōpūtanga ranei. Ka kiia tenei ko te rerenga raraunga “raro”. I nga wa katoa ka tautuhia te ahua mo etahi huānga, ka taea e nga hononga hanganga o tenei kawanatanga te pa ki nga waahanga kei raro “i raro” i te raupapa arowhai.

Ko te tikanga, ka kiia te kawanatanga he “rohe”, “roto”, huna ranei. Ka kitea noa e te huānga mahi ake ka kore e kitea e etahi atu wahanga o React. I roto i nga kaupapa wharepukapuka, ahakoa ka whakawhiwhia tetahi huānga mahi motuhake ki tetahi ahuatanga, kaore ranei he whanaketanga o roto o tenei waahanga, ka taea te huri i te waa. He mea whakamiharo ano i roto i te mahi ka taea e koe te whakakotahi i nga waahanga me te kore whenua.

Te tātari kaupapa

He rite ki te whakahaere takahanga i roto i nga huānga tauira ahanoa tuhinga. Engari, he maha nga ahuatanga e wehewehe ana i a raatau ano:

1. Ko nga huihuinga i roto i te whare pukapuka JavaScript e whakaingoatia ana i roto i te ahua rereke atu i te paerewa.
2. Ma te whakamahi i te Reo Papatono Whakanuia o te Pūnaha, ka tukuna e te kaiwhakawhanake he mahinga iti hei kaikawe takahanga hei utu mo te aho.

Te whakaputa herenga o nga huānga

Ko te whare pukapuka JavaScript ka taea te wawahi i te arorau o te whakawhanake i nga huānga ki nga waahanga motuhake. Ka taea te whakaatu mo te whakaaturanga whanui me te huna ranei, i runga ano i te ahua kei te whakawhiwhia ki a raatau i tenei wa. Ko te whakaputa herenga o nga huānga e mahi ana i runga i te maapono rite ki nga korero herenga i runga i te reo papatono JavaScript. I etahi wa ka hiahia te whare pukapuka ki te whakamarama mo te paanga o te kawanatanga ki te huna, ki te whakaputa i etahi waahanga. I konei he pai ake te whakamahi i te kaiawhina JS herenga me nga korero e rite ana ki te mena.

Huri Wae

Ka taea te taapiri i nga huānga whare pukapuka React ki nga taurangi. He otinga whaihua tenei ina tohu etahi ahuatanga mehemea me tuhi etahi waahanga o te waahanga, kaore ranei e whai tikanga, ko te toenga o te waahanga ka noho tonu.

Rarangi me nga Kī

He maha nga waahanga kei roto i tenei waahanga:

1. Te tuhi huānga maha . Ka taea e te kaiwhakamahi te hanga huinga huānga me te whakauru ki roto i te reo hootaka punaha ma te whakamahi i nga awhi mirimiri.
2. Tuhinga o mua . I te nuinga o nga wa, ko nga kaiwhakamahi me nga kaiwhakawhanake ka whakatika i nga raarangi ki roto i tetahi waahanga.

Kī

Ko te taviri kei roto i te whare pukapuka React JavaScript e tohu ana i tetahi taputapu motuhake me whakauru i te wa e whakaputa ana i te rarangi o nga waahanga. Ka awhina nga taviri i te whare pukapuka JavaScript ki te tautuhi ko wai nga mea kua whakatikahia, kua taapirihia, kua tangohia ranei. He mea nui kia tohuhia kia taea ai e React te hono i nga waahanga o nga raraunga hanganga i muri i te paahitanga o te waa.

Puka

I roto i te whare pukapuka JS, he rereke te mahi o nga huānga reo tohu paerewa i nga waahanga o te tauira ahanoa tuhinga, na te mea he ahua huna nga huānga puka i te tuatahi.

Nga mea whakahaere

I roto i te reo tohu paerewa, ko nga puka penei i te whakauru , te kowhiri , te textarea ka mau tonu i to ratau ake ahua me te whakahou i te waa ka uru te kaiwhakawhanake ki nga korero hou. Ko te React.js state ka tautuhi i nga wa katoa te uara o nga waahi whakauru i roto i tetahi huānga tito whakahaere. Ahakoa e tohu ana tenei me tuhi iti ake te kaiwhakamahi i te waehere taketake kua hoatu, ka taea te tuku i tenei uara ki etahi atu waahanga o te atanga kaiwhakamahi.

Te pikinga o te kawanatanga

Ko te hiki i te kawanatanga he tauira paerewa e tika ana kia mohiohia e ia kaiwhakawhanake, kia taea hoki te tono i roto i nga mahi. Ma te whakamahi ka whakakorehia nga tauira whakahaere kawanatanga uaua me te koretake.

He aha i tika ai te whakahaere i te pikinga o te kawanatanga?

Ko te whakatairanga i te kawanatanga ki te taumata o nga waahanga o mua mo aua waahanga e hiahia ana kia uru mai nga waahanga katoa ki te kawanatanga. Ko te taumata o te kawanatanga ka ngawari ake te tohatoha ki nga waahanga katoa e whakawhirinaki ana ki runga.

Tito vs Taonga

Kei roto i te React.js tetahi tauira titonga kaha, no reira e taunaki ana kia whakamahia te tukanga o te hanga katoa mai i nga waahanga hei utu tuku iho hei whakamahi i te waehere i tuhia i mua i waenga i nga huānga. No reira, ko nga taputapu me te kaha ki te hanga i tetahi hanganga katoa mai i nga waahanga waahanga, ka whakawhiwhia ki te kaiwhakawhanake te ngawari e hiahiatia ana ki te hanga i te anga me te whanonga o te huānga i roto i te huarahi motuhake me te haumaru.

Whakamaumahara! Ka taea e nga waahanga waahanga te tango i nga taputapu kore hono, tae atu ki nga waahanga tuatahi e hanga ana i nga whare pukapuka, i nga mahi ranei.

Mena ka hiahia koe ki te whakamahi i tetahi mahi titiro-kore mo te mahi me nga waahanga mo te tuarua, tuatoru ranei, toia ki roto i tetahi waahanga JS motuhake. Nukuhia ki roto i tetahi waahanga ka whakamahi i te mahi i hangaia me te kore e roha atu. Tauhohe, Vue, Angular ranei, he aha hei whiriwhiri: https://youtu.be/Nm8GpLCAgwk

React.js Nga Tikanga

Ko te tikanga katoa o te whare pukapuka JavaScript kua huna ki roto i te aratohu React. Te ahua nei he roa tenei, ehara i te mea tino nui, heoi, he maha nga kaiwhakamahi e kii ana i muri i te panui ka taka nga mea katoa. He tawhito rawa nga tuhinga, engari he nui te uara me te whai take –
https://ru.reactjs.org/docs/thinking-in-react.html . React js akoranga https://ru.reactjs.org/tutorial/tutorial.html

Taumahinga o te whare pukapuka React.js

Ma te whakamahi i te whare pukapuka JavaScript, ka whai waahi te kaiwhakamahi ki te aro tika ki te tukanga whanaketanga UI me nga waahanga o te tono, ko te mea iti rawa ka raru i te hanganga me nga ngoikoretanga o te waehere kua tuhia. Ko te whare pukapuka ka taea e koe te whakawhanake i nga kaupapa tere ake, ka ngawari ake te whirihora me te whakatika i nga waahanga me te tukanga o te kaupapa katoa. No reira, kei a React.js nga huānga e haangai ana ki te whakawhitiwhiti korero i roto i te whatunga o te ao, te UI, te mana whakahaere kaupapa me te kaha ki te whakaoti i etahi atu take uaua. Kei te whare pukapuka nga ahuatanga mahi e whai ake nei:

1. Te whaitikanga . Kei te waatea a React.js i te whakatakotoranga iti. Ko tenei kete kiato kaore e tika kia marama te whirihora. Kei roto kee he waahanga wehewehe waehere e whakaiti ana i te waa ki te whakatuwhera i te putanga tirotiro o te waahi, na te mea ka aukati tenei waahanga i nga waahanga kia kore e puta i te wa ano.
2. Puna rauwiringa kaiao me te hanganga ture . He maha nga taputapu kei roto i te whare pukapuka, e tautokohia ana e etahi atu waahi, e taea ai e te kaiwhakamahi te whakawhanake i nga kaupapa matatini hou mo tetahi kaupapa.
3. Mahi katoa . Ko te painga nui o te whare pukapuka JavaScript ko nga putanga hou katoa o te papaahi e tutuki ana i nga whakaritenga o nga mea tawhito, na ka taea e koe te whakamahi i nga mea tawhito me te putanga whakahou, kei te tautokohia katoatia me te whai paanga ki tenei ra. Ko nga putanga i tukuna i mua kaore e ngaro i muri i nga whakahoutanga hou.

Te whakamahi whaitake

I te wharangi matua o te whare pukapuka, i roto i nga tohutohu mo nga kaiwhakamahi, he maha nga tauira whakaatu mo te whakamahi i te React i roto i nga mahi. Ka taea e koe te whakatika a ringa me te ngana ki te whakahaere. Ahakoa he kaiwhakamahi hou koe, kaore koe i te mohio ki te kaupapa me te arorau o te whare pukapuka, whakatikahia te waehere ki to hiahia ka kite i te hua.

Te tono mahi a React i te wa e tuhi ana i nga karetao hokohoko i roto i te JavaScript

He mea nui kia mohio ko te kaiwhakawhanake kaore i te kaupapa JS, engari ka tuhia nga tuhinga (tuhi). no reira, ma te whakamahi i te whare pukapuka, ka taea e te kaiwhakawhanake te tuhi waehere mo te karetao hokohoko ka whai ake e whakamahia ana mo nga kaupapa hokohoko, me te haere tonu ki te hoahoa i tona ahua i runga i tenei turanga. Inaa, he karetao tauhokohoko mo te tauhokohoko he tono ano, he nui kei te whakawhanakehia ma te whakamahi i te React.js. Engari, ko etahi mahi me te waahanga o roto o te bot ka mahi tonu ki etahi atu waahi e whakarato ana i nga taputapu e tika ana mo tenei.

GitHub me React.js

Ko GitHub he papa e manaaki ana i nga putanga katoa o nga kaupapa. Ka hono te kaiwhakamahi ki te manaaki, ka haere i roto i te tikanga rehitatanga i runga i te paetukutuku mana o GitHub, katahi ka hanga he putunga ipurangi hei whakawhiti i nga konae katoa mai i a Git.
Ko Git te ratonga mana putanga kaupapa tino rongonui me te whai take i enei ra, a ko GitHub he putunga waehere mamao.

Tohutoro! Ko nga kaiwhakamahi anake kua whiwhi hononga tika me te whakaaetanga ka uru ki te whakatika me te tango i nga konae.

Tuhinga

Ko nga akoranga katoa me nga rauemi hou e pa ana ki te whare pukapuka JavaScript he mea hou me nga korero hou. Ka whakahiato, ka whakairihia hoki e nga Kaihanga mo te panui whanui nga putanga tawhito o nga tuhinga, ka whakairia ki tetahi wharangi motuhake o te whare pukapuka. Na reira, ka ngawari ake mo nga tiimata ki te mohio ki nga pukenga whakahaere waahi: nga mea tawhito me nga mea hou – kei konei nga mea katoa, he kore utu te uru mo te katoa.

Tuhipoka! Kaua e wareware ki te panui i nga pukapuka. Tena tirohia – kua taka ke te nuinga o nga mea e kore e marama.

Ko te whare pukapuka React he papa rongonui me te whai take i enei ra. Ko tana whai kiko ka taea e nga kaiwhakawhanake te hanga kaupapa kia pai ake te kounga me te iti ake o te waa. I tua atu, ko te mohio ki te turanga me te whai pukenga ki te whakamahi ka nui ake te hiahia o te tohunga ki te maakete mahi.