Reaction.JS kubatangiye dummies, ukoresheje isomero mugihe wandika ama robo yubucuruzi

Niki Reaction JS kubatangiye dummies, niki, inyigisho, kwishyiriraho, inyandiko – uburyo bwo gushiraho no gukoresha isomero rya React JS mugihe wandika ama robo yubucuruzi. Akenshi mumatangazo yakazi kubuhanga bwa mudasobwa, urashobora kubona icyifuzo kivuga ko ufite ubuhanga mubitabo bya JavaScript. Nibyo, kandi bategereje ubumenyi bwa Reaction ntabwo kubatunganya software gusa, ahubwo no kubategura porogaramu bafite uruhare mu iterambere ryimbere ryurubuga, kandi ntabwo ari igishushanyo mbonera. Ni ubuhe bwoko bw’isomero, ni ubuhe buryo butanga mu kazi, kandi uwatangiye atangira kumenyera he? Reka tubimenye muriyi ngingo.

Isomero rya JavaScript – Reba: ni iki

Reaction.JS ni isomero ryururimi ruzwi cyane rwa
JavaScript rwa porogaramu , rwashizweho nimbuga nkoranyambaga ya Facebook mu rwego rwo kunoza no koroshya inzira yo guteza imbere igiceri cyo hanze cyurubuga na porogaramu – interineti umukoresha akorana. Ikintu nyamukuru kiranga isomero ni ibice na leta. Ibigize nigice cya sisitemu igizwe ninshingano zo kugaragara igice runaka cya sisitemu irimo gutegurwa.

Icyitonderwa! Ibice bigize ibice birashobora guterwa.

Leta ni ikusanyamakuru ryamakuru yose yerekeye ibisobanuro birambuye, harimo no guhagararirwa. Ukoresheje ingero, tuzamenya muburyo burambuye kandi neza icyo aricyo. Ishusho ikurikira irerekana bimwe mubice binini – kohereza kumurongo rusange wa interineti, igice gifite amakuru rusange no kwerekana amafoto. Buri gice kirimo ibice bito, aribyo bice. Kurugero, igitabo kirimo inyandiko, amafoto, izina ryumukoresha utangaza amakuru, nibindi. Igice cyamashusho kirimo amashusho kugiti cye, naho igice rusange cyamakuru kirimo amakuru magufi.
Buri kimwe muri ibyo bice (ibice) gifite leta. Nukuvuga, igice gifite amakuru rusange azareba bitandukanye kubikoresho bitandukanye, “nka” ikintu gihindura ibara mugihe ukanze numubare ushinzwe umubare rusange wibyo ukunda; gusohora, na byo, birashobora kugabanya inyandiko cyangwa kohereza byuzuye.

Rero, guhinduka kwa React.JS iragaragazwa – ibice bigize interineti byanditswe rimwe, hanyuma nyuma bihabwa leta zose zishoboka.

Kuki isomero rya Reaction rikenewe?

Reaction.JS nimwe mumahitamo ashoboka yo kwandika JS cyangwa HTML code muburyo bworoshye, kora kopi yayo kandi ikore amashusho. Ibigize hano byanditse mururimi rwihariye rwa sisitemu – JSX, ikubiyemo ibintu bigize ururimi rwa porogaramu ya JavaScript hamwe nururimi rusanzwe rwa HTML.
Kode yanditse muri JSX irasobanutse neza. Ni ngombwa kandi ko mushakisha y’urubuga itagomba gusobanukirwa nururimi rwa sisitemu – Kode ya Reaction.JS yimuriwe kuri JS, iyo mushakisha iyo ari yo yose ibona nta kibazo. Kugirango ukore ibi, ibyakozwe mubitabo byanyujijwe mubitabo byabigenewe (kimwe mubikunzwe cyane muri iki gihe ni Babel js), bihindura code mu ndimi zitamenyekana zizwi cyane muri JavaScript.
Ubwa mbere birasa nkaho sisitemu yo gukoresha idasobanutse cyane, ariko nyuma yigihe gito urabimenyera ukamenya impamvu ubwo buryo bwateguwe gutya. Isomero rya JavaScript rifite ibyiza byinshi bikomeye:

• ururimi rwa porogaramu ururimi rworoshe kumenya kuruta JavaScript izwi, kandi kubwibyo, bizatwara inshuro nke umwanya muto wo gushyigikira code no gukuraho amakosa kuri yo (umuvuduko wo kwandika code nshya na progaramu biziyongera bikurikije);
• sisitemu yoroshye kandi ifatika yibigize ibice byubatswe hano – gusubiramo ibice bya code bikoreshwa mubyiciro bitandukanye byo kwandika no muri gahunda zitandukanye, kandi nanone bigahinduka ukurikije imiterere;
• buri kintu kigize kigengwa na leta yacyo gusa , biroroshye rero gukosora ibitagenda neza muri kode niba ikosa ryabonetse gitunguranye mubikorwa byaryo mubikorwa; ibihe bitari byiza bireremba hejuru: ikintu gikora neza kizakomeza gukora gihamye murubu buryo, keretse, byanze bikunze, leta itari yo ikoreshwa mubijyanye nayo.

Rero, turashobora kwemeza ko Isomero rya React.JS rishobora kubika umwanya munini, gukora code neza, gutunganya urutonde muburyo bukwiye, no kongera gukoresha ibinini binini. Izi nyungu zituma bishoboka kugabanya ikiguzi cyibikorwa byo kurema abakoresha interineti, kimwe no kwihutisha igihe cyiki gikorwa. Kugira ubuhanga bwo gukoresha imvugo ya JS na HTML, kwiga gukoresha sisitemu JSX biroroshye – iminsi mike yo kuyitoza.

Icyitonderwa! Nibyiza gukoresha isomero mugihe ukorana nimishinga minini, mugihe ari ngombwa kwandika umubare munini wimpapuro zingirakamaro. Urubuga ruto rwubucuruzi ntirukeneye ibintu nkibi.

Reba amasomo y’ibanze ya JS kuva A kugeza kuri Z: https://youtu.be/GNrdg3PzpJQ

Kumenyera kubatangiye: ibitekerezo byibanze

Mwaramutse Isi!

Mugihe winjiye kurupapuro rwambere rwibitabo, uyikoresha azabona ikaze umutwe nkurugero ruto – “Mwaramutse isi!”.

Shingiro ryururimi rwa JSX

JSX ni sisitemu yo gutangiza porogaramu, kwagura JavaScript izwi. Harimo guhuza indimi ebyiri – Porogaramu ya JA hamwe nururimi rusanzwe rwa HTML. Abashinzwe kuyikoresha kugirango bahindure igitekerezo kugirango berekane Reba neza uko interineti y’abakoresha igomba kuba imeze. JSX ikora “ibice” by’isomero.

JSX ni iki?

Isomero rya React ryubahiriza logique ko ishingiro ryo gutanga rifitanye isano itaziguye na logique yimikoreshereze yukoresha: uko ibyabaye bitunganywa, uko leta ihinduka mugihe runaka, nuburyo amakuru ategurwa kugirango yerekanwe. Isomero rya JS rirashobora gukoreshwa ridafite ururimi rwa sisitemu, ariko umubare munini wabateza imbere basanga ufite agaciro bitewe nuburyo bwumvikana kandi bwumvikana mugihe ukorana numukoresha ukoresha kuva kode ya JavaScript. Mubyongeyeho, kwaguka byorohereza React kubyara umwanya utemewe no kumenyesha amakosa.

Gushiraho imvugo mururimi rwa sisitemu

JSX igushoboza gukoresha imvugo iyo ari yo yose yanditswe neza ya JavaScript imbere imbere yikigina.

JSX nayo ni imvugo Iyo code yinkomoko imaze kubikwa, imvugo iyo ari yo yose ya JSX ihinduka imikorere isanzwe ya JS ihamagarira icyiciro cya JavaScript. Duhereye kuri ibi birashobora kumvikana ko kwagura sisitemu yururimi rwemewe rwo gutangiza porogaramu bishobora gukoreshwa imbere niba ari intoki kandi mugihe runaka.

JSX ni Ibintu Ibintu byerekanwe no kwaguka byitwa ibintu bifatika. Basobanura ibisubizo uwatezimbere ashaka kubona kumurongo. Isomero ryemera ibyo bintu kandi rikoresha mugikorwa cyo kubyara no kubungabunga icyitegererezo cyibikoresho.

Gutanga ibisobanuro birambuye

Ibisobanuro nibice byinshi byubaka bigizwe na reaction ya gahunda.
Ibisobanuro nishusho uwatezimbere ashaka kubona amaherezo kuri monite. Ugereranije na Document Object Model Model element, ibintu byibitabo biroroshye kandi ntibifata ibikoresho byinshi. Ibigize nibyo bigize ibice.

Ibigize hamwe na porogaramu

Ibigize bituma bishoboka kugabanya UI mubice byigenga, byoroshye gukora kubitandukanye. Birashobora guhuzwa no gukoreshwa inshuro nyinshi. Kubice byinshi, imikorere yibigize isa nimikorere yururimi rwa JavaScript ubwayo. Bafata amakuru yinjiza, aribyo bita props, hanyuma bagasubiza Ibintu byerekana icyitegererezo cyiterambere uwatezimbere ashaka kubona kuri monite.

Ubwoko bwibigize: imikorere nicyiciro

Nibyoroshye kohereza ibice byibitabo nkibikorwa.
Ibigize birashobora kandi guhagararirwa muburyo bwa ES6.

Birashimishije! Isomero rya React risobanura ubu bwoko bubiri bwibigize bisa.

ibishusho

Ibyifuzo nibintu bidahinduka bisomwa gusa. Kubwibyo, ibice ntibigomba kwandika ikintu na kimwe kuri porogaramu yacyo, uko cyaba kimeze kose.

Inzira nubuzima

Icyambere, reka tumenye uburyo bwo gushyira mubikorwa leta neza kukazi. Hariho ibintu bitatu byingenzi ugomba kumenya kubijyanye na leta:

1. Ntugahindure leta muburyo butaziguye, koresha uburyo bwa setState. Wibuke ko agace konyine ushobora guhindura leta muburyo butaziguye niyubaka.
2. Ivugurura rya leta ntirishobora guhuza.
3. Urujya n’uruza rw’amakuru rufite icyerekezo kimwe. Mu kubaka ibice, nta numwe muri bo uzi niba leta yahawe ikindi kintu. Ntabwo bitwaye uburyo iki cyangwa kiriya kintu cyigenga cyigenga cyashizweho – ukoresheje igikoresho gikora cyangwa icyiciro. Ibi byitwa “kumanuka” amakuru atemba. Buri gihe leta isobanurwa kubintu bimwe, kandi amashyirahamwe yimiterere yiyi leta arashobora guhindura gusa ibice biri “munsi” muburyo bukurikirana.

Mubisanzwe, leta ivugwa nka “local”, “imbere”, cyangwa yihishe. Biragaragara gusa kubintu bikora ubwabyo kandi bitagaragara mubindi bice bya Reaction. Muri porogaramu z’isomero, niba ikintu cyigenga cyigenga cyahawe leta runaka cyangwa ntabwo ari iterambere ryimbere ryiki gice, rishobora guhinduka mugihe. Birashimishije kandi ko mubikorwa ushobora guhuza ibice hamwe na leta.

Isesengura ry’ibyabaye

Inzira yo gusesengura ibyabaye mubyukuri reba ibintu bisa no gukemura ibyabaye mubintu byerekana icyitegererezo. Ariko, hariho ibintu byinshi bibatandukanya:

1. Ibyabaye mubitabo bya JavaScript byitiriwe muburyo butandukanye nubusanzwe.
2. Ukoresheje Sisitemu Yaguwe Porogaramu Ururimi, uwatezimbere atambutsa subroutine nkumukoresha wibyabaye aho kuba umugozi.

Guhindura ibintu

Isomero rya JavaScript rituma bishoboka guca logique yo guteza imbere ibintu mubice byigenga. Birashobora kwerekanwa muri rusange kwerekana cyangwa guhishwa, bitewe na leta bahawe muriki gihe. Guhindura ibintu kubintu bikora ku ihame rimwe nijambo rishingiye ku mvugo ya JavaScript. Rimwe na rimwe bibaho ko isomero risaba ibisobanuro byukuntu leta igira ingaruka mu kwihisha cyangwa gutanga ibintu bimwe na bimwe. Hano birumvikana cyane gukoresha JS umufasha uteganijwe cyangwa imvugo isa niba.

Guhindura Ibigize

Reba ububiko bwibitabo bushobora kongerwaho kubihinduka. Iki nigisubizo gifatika mugihe ibintu bimwe byerekana niba igice cyibigize kigomba gushushanywa, cyangwa ntibisobanutse, mugihe igice gisigaye kidahindutse.

Urutonde nurufunguzo

Iki gice kirimo ibice byinshi:

1. Gushushanya ibintu byinshi . Umukoresha arashobora gukora ibintu byinshi hanyuma akabishyira muri sisitemu yo gutangiza porogaramu ukoresheje imirongo ifatanye.
2. Urutonde rwibanze rwibintu . Akenshi, abakoresha nabateza imbere bahindura urutonde mubice bigize igice.

Urufunguzo

Urufunguzo mu isomero rya JavaScript ryerekana igikoresho cyihariye kigomba kwinjizwa mugihe utanga urutonde rwibigize. Urufunguzo rufasha isomero rya JavaScript kumenya ibintu byahinduwe, byongeweho, cyangwa byavanyweho. Ni ngombwa kubashyiraho ikimenyetso kugirango Igisubizo gishobora guhuza ibice bigize amakuru yimiterere nyuma yigihe runaka cyashize.

Ifishi

Mu isomero rya JS, urutonde rwururimi rusanzwe rukora bitandukanye cyane nibice bigize inyandiko yerekana ibintu, kuberako ibice byambere bifite leta yihishe.

Gucunga Ibintu

Mu rurimi rusanzwe rwerekana ibimenyetso, imiterere nkiyinjiza, hitamo, textarea ikunda kugumana imiterere yabo no kuyivugurura mugihe uwatezimbere yinjiye mumakuru mashya. Reaction.js leta isobanura buri gihe agaciro kinjiza imirima mubintu byacunzwe. Nubwo ibi byerekana ko uyikoresha agomba kwandika bike kurenza kode yatanzwe mbere, ubu birashoboka kohereza agaciro kubindi bice byumukoresha.

Kuzamuka kwa leta

Kuzamura leta nicyitegererezo gisanzwe buri muterimbere agomba kumenya kandi agashobora gusaba mubikorwa byakazi. Kubikoresha bizakuraho uburyo bukomeye bwo kuyobora leta.

Kuki ari ngombwa kugenzura izamuka rya leta?

Kuzamura leta kurwego rwibice byashize kuri ibyo bice bisaba ni ngombwa kugirango ibintu byose bishobore kwitabira leta. Urwego ruhamye rwa leta bizoroha kubikwirakwiza mubice byose bishingiye kuri byo.

Ibigize vs Umurage

React.js ikubiyemo icyitegererezo gikomeye cyo guhimba, birasabwa rero gukoresha inzira yo kubaka byose uhereye kubice aho kuba umurage kugirango wongere ukoreshe code yanditse mbere yibintu. Rero, porogaramu nubushobozi bwo gukora ibice byose biva mubice bigize ibice, tanga uwatezimbere hamwe nubworoherane bukenewe kugirango areme igikonoshwa nimyitwarire yikintu muburyo bwihariye kandi butekanye.

Kwibutsa! Ibice bigize ibice bishobora gufata porogaramu zidafitanye isano, harimo ibice byibanze bigize amasomero cyangwa imikorere.

Mugihe ukeneye gukoresha imikorere-yubusa kumurimo wo gukorana nibice bya kabiri cyangwa gatatu, kurikuramo muburyo butandukanye bwa JS. Iyimure mubice hanyuma ukoreshe imikorere yakozwe nta yandi mananiza. Reba cyangwa Agaciro cyangwa Inguni, icyo guhitamo: https://youtu.be/Nm8GpLCAgwk

Reba.js Amahame

Filozofiya yose yububiko bwibitabo bwa JavaScript ihishe mubuyobozi bwa React. Birasa nkaho ibi ari birebire kandi bidafite akamaro gakomeye, ariko, abakoresha benshi bavuga ko nyuma yo gusoma byose byaguye mumwanya. Inyandiko zirashaje rwose, ariko ziracyafite agaciro gakomeye ningirakamaro –
https://ru.reactjs.org/docs/tekereza-muri-react.html . Reba inyigisho za js https://ru.reactjs.org/tutorial/tutorial.html

Imikorere yububiko bwibitabo

Ukoresheje isomero rya JavaScript, uyikoresha abona amahirwe yo kumwitaho byose mubikorwa byiterambere rya UI hamwe nibigize porogaramu, byibuze byose birangazwa no gushiraho nibitagenda neza byanditse. Isomero rigufasha guteza imbere gahunda byihuse, byoroha kugena no guhindura ibice hamwe nibikorwa byumushinga wose muri rusange. Rero, React.js ikubiyemo ibintu bishinzwe itumanaho murusobe rwisi, UI, gahunda ya leta igenzura nubushobozi bwo gukemura ibindi bibazo bikomeye. Isomero rifite kandi imikorere ikurikira:

1. Ibikorwa . Reaction.js iraboneka muburyo bwagabanijwe. Iyi pake yuzuye ntabwo ikeneye gushyirwaho neza. Isanzwe ikubiyemo kode igabanya kode igabanya igihe bifata kugirango ufungure verisiyo yurubuga, kuva ubwo buryo bubuza ibice gutanga icyarimwe.
2. Pomped ecosystem no kubahiriza . Umubare munini wibikoresho uraboneka mubitabo, ushyigikiwe nizindi mbuga, zemerera umukoresha guteza imbere gahunda nshya zigoye kubwintego iyo ari yo yose.
3. Imikorere yuzuye . Inyungu nyamukuru yububiko bwibitabo bwa JavaScript nuko verisiyo nshya zose zurubuga zujuje ibyasabwaga kera, urashobora rero gukoresha byombi bishaje nibigezweho, byose birashyigikiwe kandi bifitanye isano nuyu munsi. Impapuro zasohotse mbere ntizishaje nyuma yamakuru agezweho.

Gukoresha neza

Kurupapuro rwibanze rwibitabo, mumabwiriza kubakoresha, hariho ingero nyinshi zerekana gukoresha React mubikorwa. Urashobora kubikosora intoki ukagerageza kubikoresha. Nubwo waba uri umukoresha mushya kandi ukaba udasobanukiwe ningingo na logique yububiko bwibitabo, hindura kode uko ubishaka urebe ibisubizo.

Porogaramu ifatika ya Reaction mugihe wandika ama robo yubucuruzi muri JavaScript

Ni ngombwa kumenya ko uwatezimbere adategura JS, ahubwo yandika inyandiko (inyandiko). kubwibyo, ukoresheje isomero, uwatezimbere arashobora kwandika kode ya robot yubucuruzi ikurikiraho ikoreshwa mubikorwa byubucuruzi, kandi akanakomeza gushushanya isura yayo ashingiye kuriyi mbuga. Mubyukuri, robot yubucuruzi yo gucuruza nayo ni porogaramu, muriyo umubare munini urimo gutezwa imbere ukoresheje React.js. Nyamara, imikorere imwe nigice cyimbere cya bot izakomeza gukorwa kurindi mbuga zitanga ibikoresho bibereye.

GitHub na Reaction.js

GitHub ni urubuga rwakira verisiyo zose zimishinga. Umukoresha ahuza hosting, anyura muburyo bwo kwiyandikisha kurubuga rwemewe rwa GitHub, hanyuma akora ububiko bwa interineti aho yohereza dosiye zose muri Git.
Git ni serivise izwi cyane kandi yingirakamaro yo kugenzura verisiyo yo kugenzura uyumunsi, kandi GitHub ni ububiko bwa kode ya kure.

Reba! Gusa abo bakoresha bakiriye umurongo ubikwiye bafite uburenganzira bwo kubona no gukuramo dosiye.

Inyandiko

Inyigisho zose hamwe nibikoresho bigezweho bijyanye nibitabo bya JavaScript bigezweho kandi bigezweho. Abashinzwe gukora kandi bakusanya kandi bagashyiraho muri rusange gusoma verisiyo ishaje yinyandiko, zashyizwe kurupapuro rwihariye rwibitabo. Kubwibyo, bizoroha kubatangiye kumenya ubuhanga bwo kuyobora urubuga: ibintu bishaje nibintu bishya – byose birahari, kwinjira ni ubuntu kubantu bose.

Icyitonderwa! Ntiwibagirwe gusoma imfashanyigisho. Nibura reba – bimaze kuba ibyinshi bisa nkaho bitumvikana bizagwa mumwanya.

Isomero rya React ni urubuga ruzwi kandi rufite akamaro muri iki gihe. Ubwinshi bwayo butuma abitezimbere bakora imishinga yubuziranenge kandi mugihe gito. Byongeye kandi, kumenya urubuga no kugira ubuhanga bwo kubikoresha bituma inzobere ikenerwa cyane ku isoko ryumurimo.