React.JS le haghaidh dummies do thosaitheoirí, ag baint úsáide as an leabharlann nuair a scríobh robots trádála

Cad é React JS le haghaidh dummies tosaitheoirí, cad é, ranganna teagaisc, suiteáil, doiciméadú – conas leabharlann React JS a shuiteáil agus a úsáid agus robots trádála á scríobh. Go minic i bhfógraí poist do speisialtóirí ríomhaireachta, is féidir leat ceanglas a aimsiú a deir go bhfuil scileanna agat sa leabharlann JavaScript. Sea, agus tá siad ag súil le heolas ar React ní hamháin ó fhorbróirí bogearraí, ach freisin ó ríomhchláraitheoirí atá ag gabháil d’fhorbairt inmheánach an láithreáin, agus ní dearadh seachtrach. Cén cineál leabharlainne í seo, cad iad na deiseanna a thugann sé san obair, agus cén áit a gcuireann tosaitheoir aithne air? A ligean ar figiúr sé amach san Airteagal seo.

Leabharlann JavaScript – React: cad é

Is leabharlann é React.JS den
teanga ríomhchlárúcháin JavaScript a bhfuil an-tóir uirthi , a bhunaigh an líonra sóisialta ar líne Facebook chun an próiseas forbartha ar bhlaosc seachtrach suíomhanna agus feidhmchlár a fheabhsú agus a shimpliú – an comhéadan lena n-idirghníomhaíonn an t-úsáideoir. Is é príomhghné na leabharlainne comhpháirteanna agus stáit. Is cuid de thacar digiteach é comhpháirt atá freagrach as cuma cuid áirithe den chóras atá á dhearadh.

Nóta! Is féidir comhpháirteanna den sórt sin a neadú.

Is éard is stát ann ná bailiúchán de na sonraí go léir maidir le sonraí comhéadan, lena n-áirítear a rindreáil ionadaíoch. Agus samplaí á n-úsáid againn, gheobhaidh muid amach go mion agus go soiléir cad é atá i gceist. Taispeánann an íomhá thíos cuid de na comhpháirteanna móra – postáil chuig líonra sóisialta ar líne, rannóg le faisnéis ghinearálta agus grianghraif a thaispeáint. Áirítear ar gach cuid comhpháirteanna níos lú, a bhfuil na comhpháirteanna. Mar shampla, tá téacs, grianghraif, ainm an úsáideora a fhoilsíonn an fhaisnéis, etc. i bhfoilseachán. Áirítear pictiúir aonair sa rannóg íomhánna, agus tá faisnéis ghairid sa rannán faisnéise ginearálta.
Tá staid ag gach ceann de na comhpháirteanna seo (comhpháirteanna). Is é sin le rá go mbeidh cuma difriúil ar an gcuid ina bhfuil faisnéis ghinearálta ar ghléasanna éagsúla, athraíonn an eilimint “cosúil” dath nuair a bhrúitear é agus an líon atá freagrach as líon iomlán na nithe is maith; féadfaidh an foilseachán, ar a seal, an téacs a ghiorrú nó é a tharchur ina iomláine.

Mar sin, cuirtear solúbthacht React.JS in iúl – scríobhtar an chomhpháirt comhéadan uair amháin, agus ina dhiaidh sin tugtar gach stát féideartha dó.

Cén fáth a bhfuil gá le leabharlann React?

Tá React.JS ar cheann de na roghanna is féidir chun cód JS nó HTML a scríobh i bhformáid áisiúil, cóipeanna a dhéanamh de agus é a dhéanamh amhairc. Tá na comhpháirteanna anseo scríofa i dteanga córais speisialta – JSX, a chuimsíonn gnéithe den teanga ríomhchlárúcháin JavaScript agus an teanga chaighdeánaithe marcála HTML.
Tá an cód scríofa i JSX sách sonrach. Tá sé tábhachtach freisin nach gcaithfidh an brabhsálaí gréasáin an teanga chórais seo a thuiscint – aistrítear an cód React.JS go JS, rud a bhraitheann aon bhrabhsálaí gan fadhbanna. Chun seo a dhéanamh, cuirtear an méid a chruthaítear sa leabharlann ar aghaidh trí thiomsaitheoirí speisialaithe (ceann de na cinn is coitianta sa lá atá inniu ann ná Babel js), a thiontaíonn cóid i dteangacha ríomhchlárúcháin nach bhfuil mórán aithne orthu go léiriúcháin JavaScript.
Ar dtús d’fhéadfadh sé a bheith cosúil go bhfuil an córas úsáide thar a bheith aincheisteach, ach tar éis tamaill éiríonn tú i dtaithí air agus tuigeann tú cén fáth a bhfuil an mheicníocht deartha ar an mbealach sin. Tá roinnt buntáistí láidre ag leabharlann JavaScript:

• tá sé níos éasca teanga cláir an chórais a aithint ná an JavaScript aitheanta, agus dá bhrí sin, tógfaidh sé arís agus arís eile níos lú ama chun tacú leis an gcód agus deireadh a chur le hearráidí air (méadóidh luas scríbhneoireachta cóid agus cláir nua dá réir sin);
• tá córas áisiúil agus praiticiúil d’eilimintí comhshuímh ionsuite anseo – codanna den chód a úsáidtear ag céimeanna éagsúla scríbhneoireachta agus i gcláir éagsúla a athrá, agus a athraíonn freisin ag brath ar an gcomhthéacs;
• tá gach comhghné íochtaránach amháin dá staid , dá bhrí sin tá sé níos éasca easnaimh sa chód a cheartú má aimsítear earráid go tobann ina chuid oibre go praiticiúil; snámhann chuimhneacháin mícheart ar an dromchla: leanfaidh eilimint a fheidhmíonn i gceart ag obair go cobhsaí sa mhodh seo, mura rud é, ar ndóigh, go n-úsáidtear an stát mícheart ina leith.

Mar sin, is féidir linn a thabhairt i gcrích gur féidir le leabharlann React.JS go leor ama a shábháil, an cód a dhéanamh níos sainiúla, an seicheamh a eagrú san ord ceart, agus bloic mhóra a úsáid arís. Fágann na buntáistí seo gur féidir costas an phróisis a bhaineann le comhéadain úsáideora a chruthú a laghdú, chomh maith le ham an phróisis seo a bhrostú. Agus na scileanna agat chun an teanga ríomhchlárúcháin JS agus HTML a úsáid, tá sé éasca an córas JSX a úsáid – gan ach cúpla lá chun é a mháistir.

Nóta! Tá sé réasúnach an leabharlann a úsáid agus iad ag obair le tionscadail mhóra, nuair is gá líon mór leathanaigh dinimiciúla a scríobh. Ní gá castachtaí den sórt sin a bheith ag láithreán gnó beag.

React JS cúrsa bunúsach ó A go Z: https://youtu.be/GNrdg3PzpJQ

Acquaintance do thosaitheoirí: coincheapa bunúsacha

Dia duit Domhanda!

Nuair a fhaigheann an t-úsáideoir rochtain ar an gcéad leathanach den leabharlann, feicfidh an t-úsáideoir ceannteideal fáilte mar shampla beag – “Dia duit a domhan!”.

Bunúsacha na teanga córais JSX

Is teanga ríomhchláraithe córais é JSX, síneadh ar an JavaScript aitheanta. Cuimsíonn sé meascán de dhá theanga – ríomhchlárú JA agus an teanga chaighdeánaithe marcála HTML. Úsáideann forbróirí é chun an coincheap a choigeartú chun React a thaispeáint go beacht mar ba cheart don chomhéadan úsáideora cuma. Cruthaíonn JSX na “codanna” den leabharlann.

Cad é JSX?

Cloíonn leabharlann React leis an loighic go bhfuil baint dhíreach ag croílár an rindreála le loighic an chomhéadain úsáideora: conas a phróiseáiltear imeachtaí, conas a athraíonn an stát i dtréimhse áirithe, agus conas a ullmhaítear faisnéis le cur i láthair. Is féidir an leabharlann JS a úsáid gan a teanga chórais, ach tá líon mór forbróirí luachmhar mar gheall ar a soiléire agus a choincréiteacht agus iad ag obair le comhéadan úsáideora a ghintear ó chód JavaScript. Ina theannta sin, déanann an síneadh é níos éasca do React fógraí nóiméad agus earráide neamhbhailí a ghiniúint.

Foirmiú nathanna cainte sa teanga chórais

Ligeann JSX duit aon nathanna JavaScript dea-scríofa a úsáid taobh istigh de shreanga chatach i bpróiseas.

Is slonn é JSX freisin Nuair a bhíonn an cód foinse curtha le bytecode, casann aon slonn JSX isteach i nglao feidhme caighdeánach JS a dhíríonn ar chatagóir JavaScript. Ón méid seo is féidir a thuiscint gur féidir síneadh córais na teanga oifigiúil ríomhchlárúcháin a úsáid laistigh den más lámhleabhar agus ar feadh tréimhsí.

JSX is Objects Tugtar eilimintí Imoibríocha ar na réada a léirítear sa síneadh. Soiléiríonn siad an toradh is mian leis an bhforbróir a fheiceáil ar an taispeáint. Aithníonn an leabharlann na réada seo agus úsáideann sí iad sa phróiseas chun Múnla Oibiachta an Doiciméid a ghiniúint agus a chothabháil.

Rindreáil sonraí

Is iad na sonraí atá ann ná na bloic thógála beaga a chuimsíonn cláir React.
Is iad na sonraí ná an pictiúr is mian leis an bhforbróir a fheiceáil sa deireadh ar an monatóireacht. I gcomparáid le heilimintí Samhail Oibiachta Doiciméid, tá eilimintí leabharlainne simplí agus ní ghlacann siad mórán acmhainní. Is comhpháirteanna iad eilimintí.

Comhpháirteanna agus Fearais

De bharr na gcomhpháirteanna is féidir an Chomhéadain a roinnt ina chodanna neamhspleácha, atá níos éasca oibriú orthu ar leithligh. Is féidir iad a chomhcheangal agus a úsáid go minic. Don chuid is mó, tá feidhmiúlacht na gcomhpháirteanna cosúil le feidhmiúlacht na teanga ríomhchlárúcháin JavaScript féin. Glacann siad faisnéis ionchuir, ar a dtugtar frapaí, agus cuireann siad ar ais eilimintí React a léiríonn an tsamhail forbartha atá an forbróir ag iarraidh a fheiceáil ar an monatóir.

Cineálacha comhpháirteanna: feidhmiúil agus aicme

Is fusa tagairt a dhéanamh do chomhpháirt leabharlainne mar fheidhm.
Is féidir comhpháirteanna a léiriú freisin i bhformáid ranga ES6.

Suimiúil! Sainmhíníonn leabharlann React an dá chineál comhpháirt seo mar chomhpháirtí comhchosúla.

props

Is réada do-laghdaithe iad props atá inléite amháin. Mar sin, níor cheart do chomhpháirt aon rud a scríobh dá chuid fearais, is cuma cén cineál lena mbaineann sé.

Stát agus saolré

Gcéad dul síos, déanaimis amach conas an stát a chur i bhfeidhm i gceart ag an obair. Tá trí rud tábhachtach ar eolas faoi staid chomhpháirteach:

1. Ná athraigh an stát go díreach, bain úsáid as an modh setState. Cuimhnigh gurb é an cruthaitheoir an t-aon limistéar inar féidir leat an stát a athrú go díreach.
2. Seans nach bhfuil nuashonruithe stáit sioncronaithe.
3. Tá treo amháin ag sreabhadh na faisnéise. I dtógáil comhpháirteanna, níl a fhios ag aon duine acu an bhfuil an stát sannta do chomhpháirt eile. Is cuma conas a foirmíodh é seo nó an eilimint fheidhmiúil neamhspleách sin – ag baint úsáide as uirlis fheidhmiúil nó aicmithe. Tugtar sreabhadh sonraí “iartheachtacha” air seo. Sainmhínítear stát i gcónaí le haghaidh eilimint éigin, agus ní féidir le comhlachais struchtúracha an stáit seo ach difear a dhéanamh do na codanna atá suite “thíos” san ord ordlathach.

Go hiondúil, tagraítear don stát mar “áitiúil”, “inmheánach”, nó i bhfolach. Níl sé le feiceáil ach ag an eilimint fheidhmiúil féin agus dofheicthe ag codanna eile de React. I gcláir leabharlainne, is forbairt inmheánach ar an gcuid seo é an eilimint fheidhmiúil neamhspleách a thugtar do staid áirithe nó nach ea, is féidir a athrú le himeacht ama. Tá sé suimiúil freisin gur féidir leat comhpháirteanna a chomhcheangal le stát agus gan stát san obair.

Anailís imeachtaí

Tá an próiseas parsála imeachtaí i gcomhpháirteanna React cosúil le láimhseáil imeachtaí i eilimintí samhail oibiachta doiciméad. Mar sin féin, tá roinnt gnéithe a idirdhealaíonn iad óna chéile:

1. Ainmnítear imeachtaí sa leabharlann JavaScript i stíl dhifriúil ná an stíl chaighdeánach.
2. Trí úsáid a bhaint as Teanga Ríomhchlárúcháin Leathnaithe an Chórais, glacann an forbróir fo-ghnáthamh mar láimhseálaí imeachta seachas teaghrán.

Rindreáil coinníollach na n-eilimintí

Leis an leabharlann JavaScript is féidir an loighic a bhaineann le heilimintí a fhorbairt a bhriseadh ina gcomhpháirteanna neamhspleácha. Is féidir iad a thaispeáint le taispeáint ghinearálta nó i bhfolach, ag brath ar an staid ina bhfuil siad faoi láthair. Oibríonn rindreáil choinníollach eilimintí ar an bprionsabal céanna le habairtí coinníollach bunaithe ar theanga ríomhchlárúcháin JavaScript. Uaireanta tarlaíonn sé go n-éilíonn an leabharlann míniú ar an gcaoi a mbíonn tionchar ag an stát ar cheilt nó ar rindreáil roinnt eilimintí. Anseo tá sé níos loighciúla cúntóir JS coinníollach a úsáid nó abairtí cosúil le if.

Comhpháirteanna Athraithe

Is féidir eilimintí leabharlainne imoibríocha a chur le hathróga. Is réiteach praiticiúil é seo nuair a léiríonn coinníoll éigin cé acu ba cheart cuid den chomhpháirt a tharraingt, nó nach ndéanann sé ciall, agus an chuid eile den chuid fós gan athrú.

Liostaí agus Eochracha

Tá roinnt comhpháirteanna sa chuid seo:

1. ilghnéithe a tharraingt . Is féidir leis an úsáideoir sraith eilimintí a fhoirmiú agus é a leabú i dteanga ríomhchláraithe an chórais ag baint úsáide as braces curly.
2. Bunliosta eilimintí . Go minic, déanann úsáideoirí agus forbróirí liostaí a choigeartú go díreach laistigh de chomhpháirt.

Eochracha

Léiríonn eochair i leabharlann React JavaScript uirlis speisialaithe a chaithfear a chur isteach nuair a bhíonn liosta comhpháirteanna á ghiniúint. Cabhraíonn eochracha leis an leabharlann JavaScript a aithint cé na míreanna a coigeartaíodh, a cuireadh leis nó a baineadh. Tá sé tábhachtach iad a mharcáil ionas gur féidir le React comhpháirteanna na sonraí struchtúracha a chomhghaolú tar éis méid áirithe ama a bheith caite.

Foirmeacha

I leabharlann JS, oibríonn gnéithe caighdeánaithe teanga marcála beagán difriúil ná comhpháirteanna de mhúnla oibiachta an doiciméid, toisc go bhfuil staid fholaithe ag eilimintí foirme ar dtús.

Míreanna Bainistithe

I dteanga mharcála chaighdeánaithe, is gnách go gcoimeádann foirmeacha mar ionchur , roghnaigh , textarea a staid féin agus é a nuashonrú nuair a chuireann an forbróir faisnéis nua isteach. Sainmhíníonn staid React.js luach na réimsí ionchuir i eilimint chumadóireachta bhainistithe i gcónaí. Cé go léiríonn sé seo go gcaithfidh an t-úsáideoir beagán níos mó a scríobh ná an cód bunaidh a tugadh, is féidir anois an luach seo a chur ar aghaidh chuig codanna eile den chomhéadan úsáideora.

An t-ardú ar an stát

Teimpléad caighdeánaithe is ea ardú stáit ar cheart do gach forbróir a bheith ar an eolas faoi agus a bheith in ann é a chur i bhfeidhm sa phróiseas oibre. Trí úsáid a bhaint as, cuirfear deireadh le patrúin bainistíochta stáit casta agus gan úsáid de ghnáth.

Cén fáth a bhfuil sé chomh riachtanach ardú an stáit a rialú?

Is gá an stát a ardú go leibhéal na gcomhpháirteanna san am atá caite le haghaidh na gcodanna sin a éilíonn sé ionas gur féidir le gach eilimint páirt a ghlacadh sa stát. Déanfaidh leibhéal cobhsaí stáit é a dhéanamh níos éasca é a dháileadh i measc na gcomhpháirteanna go léir atá ag brath air.

Comhdhéanamh vs Oidhreacht

Cuimsíonn React.js múnla láidir comhdhéanamh, mar sin moltar úsáid a bhaint as an bpróiseas chun iomlán a thógáil ó chodanna in ionad oidhreachta chun cód a scríobhadh níos luaithe idir eilimintí a athúsáid. Mar sin, cuireann frapaí agus an cumas comhdhéanamh iomlán amháin a chruthú ó chomhchodanna, an tsolúbthacht is gá don fhorbróir chun sliogán agus iompar na heiliminte a chruthú ar bhealach sonrach sábháilte.

Meabhrúchán! Is féidir le páirteanna comhpháirte frapaí neamhghaolmhara a thógáil, lena n-áirítear bunpháirteanna a chomhdhéanann leabharlanna nó feidhmeanna.

Sa chás go gcaithfidh tú feidhm saor ó amharc a úsáid chun oibriú le comhpháirteanna an dara nó an tríú huair, tarraing amach i modúl JS ar leith é. Bog isteach i gcomhpháirt é agus bain úsáid as an bhfeidhm a ghintear gan leathnú breise. React nó Vue nó Angular, cad a roghnaíonn tú: https://youtu.be/Nm8GpLCAgwk

Prionsabail React.js

Tá fealsúnacht iomlán na leabharlainne JavaScript i bhfolach sa treoir React. Dealraíonn sé go bhfuil sé seo fada agus nach bhfuil tábhacht chomh mór, áfach, éilíonn go leor úsáideoirí gur tar éis a léamh thit gach rud i bhfeidhm. Tá an doiciméadú sách sean, ach fós an-luachmhar agus ábharthacht –
https://ru.reactjs.org/docs/thinking-in-react.html . React js teagaisc https://ru.reactjs.org/tutorial/tutorial.html

Feidhmiúlacht leabharlann React.js

Trí úsáid a bhaint as an leabharlann JavaScript, faigheann an t-úsáideoir an deis a aird go léir a íoc go díreach ar an bpróiseas forbartha Chomhéadain agus ar chomhpháirteanna an fheidhmchláir, ar a laghad go gcuireann foirmiú an chóid scríofa agus na heasnaimh a d’fhéadfadh a bheith ann. Ceadaíonn an leabharlann duit cláir a fhorbairt níos tapúla, déanann sé níos éasca na comhpháirteanna agus próiseas an tionscadail ar fad a chumrú agus a chur in eagar. Mar sin, tá gnéithe ag React.js atá freagrach as cumarsáid sa líonra domhanda, UI, rialú stáit cláir agus an cumas saincheisteanna casta eile a réiteach. Tá na gnéithe feidhmiúla seo a leanas ag an leabharlann freisin:

1. Praiticiúlacht . Tá React.js ar fáil i bhformáid mhionghearrtha. Ní gá an pacáiste dlúth seo a chumrú go soiléir. Áiríonn sé gné scoilteadh cód cheana féin a laghdaíonn an t-am a thógann sé an leagan brabhsálaí den suíomh a oscailt, ós rud é go gcoisceann an rogha seo comhpháirteanna ó rindreáil ag an am céanna.
2. Éiceachóras pumpáilte agus comhlíonadh . Tá líon mór uirlisí ar fáil sa leabharlann, tacaithe ag suíomhanna eile, a ligeann don úsáideoir cláir chasta nua a fhorbairt chun críche ar bith.
3. Feidhmiúlacht iomlán . Is é príomhbhuntáiste leabharlann JavaScript ná go gcomhlíonann gach leagan nua den ardán riachtanais na sean-cinn, ionas gur féidir leat an seanleagan agus an leagan nuashonraithe a úsáid, tacaítear le gach ceann acu agus tá siad ábhartha don lá atá inniu ann. Ní théann leaganacha a eisíodh roimhe seo as feidhm tar éis na nuashonruithe is déanaí.

Úsáid phraiticiúil

Ar phríomhleathanach na leabharlainne, sna treoracha d’úsáideoirí, tá roinnt samplaí léiriúcháin de React a úsáid go praiticiúil. Is féidir leat iad a cheartú de láimh agus iarracht a dhéanamh iad a rith. Fiú más úsáideoir nua tú agus nach dtuigeann tú bunúsacht agus loighic na leabharlainne, déan an cód a choigeartú de réir mar is maith leat agus féach ar an toradh.

Cur i bhfeidhm praiticiúil React agus robots trádála á scríobh i JavaScript

Tá sé tábhachtach a thuiscint nach ndéanann forbróir JS a ríomhchlárú, ach go scríobhann sé scripteanna (scripts). dá bhrí sin, ag baint úsáide as an leabharlann, is féidir le forbróir cód a scríobh le haghaidh robot trádála ina dhiaidh sin a úsáidtear chun críocha trádála, agus leanúint ar aghaidh ag dearadh a chuma bunaithe ar an ardán seo freisin. Go deimhin, is feidhmchlár é robot trádála le haghaidh trádála freisin, a bhfuil líon mór díobh á bhforbairt ag baint úsáide as React.js. Mar sin féin, beidh roinnt feidhmeanna agus an chuid inmheánach den bot fós le déanamh ar shuímh eile a sholáthraíonn uirlisí oiriúnach dó seo.

GitHub agus React.js

Is ardán é GitHub a dhéanann óstáil ar gach leagan de thionscadail. Ceanglaíonn an t-úsáideoir óstáil, téann sé tríd an nós imeachta clárúcháin ar shuíomh Gréasáin oifigiúil GitHub, agus ansin cruthaíonn sé stór ar líne ina n-aistríonn sé gach comhad ó Git.
Is é Git an tseirbhís rialaithe leagan tionscadail is mó tóir agus ábhartha inniu, agus is stór cód cianda é GitHub.

Tagairt! Is iad na húsáideoirí sin amháin a fuair an nasc cuí le cead a bhfuil rochtain acu ar chomhaid a chur in eagar agus a íoslódáil.

Doiciméadúchán

Tá gach rang teagaisc agus ábhar cothrom le dáta maidir le leabharlann JavaScript cothrom le dáta leis an nuashonrú is déanaí. Déanann forbróirí seanleaganacha den doiciméadú a thiomsú agus a phostáil freisin le haghaidh léamh ginearálta, agus iad curtha ar leathanach ar leith den leabharlann. Mar sin, beidh sé níos éasca do thosaitheoirí máistreacht a fháil ar scileanna bainistíochta láithreáin: idir ábhar sean agus nua – tá gach rud anseo, tá rochtain saor in aisce do gach duine.

Nóta! Ná déan dearmad na lámhleabhair a léamh. Ar a laghad a chur le breathnú – cheana féin an chuid is mó de cad chuma dothuigthe a bheidh i bhfeidhm.

Is ardán coitianta agus ábhartha í leabharlann React inniu. Ligeann a solúbthacht d’fhorbróirí tionscadail a dhéanamh ar chaighdeán níos fearr agus i níos lú ama. Ina theannta sin, má tá an t-ardán ar an eolas agus na scileanna a bheith agat chun é a úsáid, bíonn éileamh níos mó ar speisialtóir sa mhargadh saothair.