React.JS ar gyfer dymis dechreuwyr, defnyddio’r llyfrgell wrth ysgrifennu robotiaid masnachu

Beth yw React JS ar gyfer dymis dechreuwyr, beth ydyw, tiwtorialau, gosod, dogfennaeth – sut i osod a defnyddio llyfrgell React JS wrth ysgrifennu robotiaid masnachu. Yn aml mewn hysbysebion swyddi ar gyfer arbenigwyr cyfrifiadurol, gallwch ddod o hyd i ofyniad sy’n dweud bod gennych sgiliau yn y llyfrgell JavaScript. Ydynt, ac maent yn disgwyl gwybodaeth am React nid yn unig gan ddatblygwyr meddalwedd, ond hefyd gan raglenwyr sy’n ymwneud â datblygiad mewnol y wefan, ac nid dylunio allanol. Pa fath o lyfrgell yw hon, pa gyfleoedd y mae’n eu rhoi yn y gwaith, a ble mae dechreuwr yn dechrau dod i adnabod? Gadewch i ni ei chyfrifo yn yr erthygl hon.

Llyfrgell JavaScript – Ymateb: beth ydyw

Mae React.JS yn llyfrgell o’r
iaith raglennu JavaScript boblogaidd , a ffurfiwyd gan y rhwydwaith cymdeithasol ar-lein Facebook er mwyn gwella a symleiddio’r broses o ddatblygu cragen allanol gwefannau a chymwysiadau – y rhyngwyneb y mae’r defnyddiwr yn rhyngweithio ag ef. Prif nodwedd y llyfrgell yw cydrannau a gwladwriaethau. Mae cydran yn rhan o set ddigidol sy’n gyfrifol am ymddangosiad rhan benodol o’r system sy’n cael ei dylunio.

Nodyn! Gellir nythu cydrannau o’r fath.

Mae cyflwr yn gasgliad o’r holl ddata am fanylion rhyngwyneb, gan gynnwys ei rendrad cynrychioliadol. Gan ddefnyddio enghreifftiau, byddwn yn darganfod yn fanylach ac yn glir beth yw beth. Mae’r ddelwedd isod yn dangos rhai o’r cydrannau mawr – postio i rwydwaith cymdeithasol ar-lein, adran gyda gwybodaeth gyffredinol a dangos lluniau. Mae pob rhan yn cynnwys cydrannau llai, sef y cydrannau. Er enghraifft, mae cyhoeddiad yn cynnwys testun, ffotograffau, enw’r defnyddiwr sy’n cyhoeddi’r wybodaeth, ac ati. Mae’r adran ddelwedd yn cynnwys lluniau unigol, ac mae’r adran gwybodaeth gyffredinol yn cynnwys gwybodaeth gryno.
Mae gan bob un o’r cydrannau hyn (cydrannau) gyflwr. Hynny yw, bydd yr adran â gwybodaeth gyffredinol yn edrych yn wahanol ar wahanol ddyfeisiadau, mae’r elfen “hoffi” yn newid lliw wrth ei wasgu a’r nifer sy’n gyfrifol am gyfanswm nifer yr hoff bethau; gall y cyhoeddiad, yn ei dro, fyrhau’r testun neu ei drosglwyddo’n llawn.

Felly, mynegir hyblygrwydd React.JS – ysgrifennir y gydran rhyngwyneb unwaith, ac ar ôl hynny rhoddir pob cyflwr posibl iddo.

Pam fod angen llyfrgell React?

Mae React.JS yn un o’r opsiynau posibl i ysgrifennu cod JS neu HTML mewn fformat cyfleus, ffurfio copïau ohono a’i wneud yn weledol. Mae’r cydrannau yma wedi’u hysgrifennu mewn iaith system arbennig – JSX, sy’n cynnwys elfennau o’r iaith raglennu JavaScript a’r iaith marcio HTML safonol.
Mae’r cod a ysgrifennwyd yn JSX yn eithaf penodol. Mae hefyd yn bwysig nad oes rhaid i’r porwr gwe ddeall yr iaith system hon – trosglwyddir y cod React.JS i JS, y mae unrhyw borwr yn ei ganfod heb broblemau. I wneud hyn, mae’r hyn sy’n cael ei greu yn y llyfrgell yn cael ei drosglwyddo trwy gasglwyr arbenigol (un o’r rhai mwyaf poblogaidd heddiw yw Babel js), sy’n trosi codau mewn ieithoedd rhaglennu llai adnabyddus yn gynrychioliadau JavaScript.
Ar y dechrau gall ymddangos bod y system o ddefnydd yn hynod afresymegol, ond ar ôl ychydig rydych chi’n dod i arfer ag ef ac rydych chi’n sylweddoli pam mae’r mecanwaith wedi’i ddylunio yn y ffordd honno. Mae gan lyfrgell JavaScript nifer o fanteision cryf:

• mae iaith rhaglennu’r system yn haws ei hadnabod na’r JavaScript adnabyddus, ac o ganlyniad, bydd yn cymryd sawl gwaith llai o amser i gefnogi’r cod a dileu gwallau arno (bydd cyflymder ysgrifennu codau a rhaglenni newydd yn cynyddu yn unol â hynny);
• mae system gyfleus ac ymarferol o elfennau cyfansoddol wedi’i chynnwys yma – rhannau ailadroddus o’r cod sy’n cael eu defnyddio ar wahanol gyfnodau ysgrifennu ac mewn gwahanol raglenni, ac sydd hefyd yn newid yn dibynnu ar y cyd-destun;
• mae pob elfen gyfansoddol yn israddol i’w chyflwr yn unig , felly mae’n haws cywiro diffygion yn y cod os canfyddir gwall yn sydyn yn ei waith yn ymarferol; mae eiliadau anghywir yn arnofio i’r wyneb: bydd elfen sy’n gweithredu’n iawn yn parhau i weithio’n sefydlog yn y modd hwn, oni bai, wrth gwrs, bod y cyflwr anghywir yn cael ei ddefnyddio mewn perthynas ag ef.

Felly, gallwn ddod i’r casgliad bod llyfrgell React.JS yn caniatáu ichi arbed amser yn sylweddol, gwneud y cod yn fwy penodol, trefnu’r dilyniant yn y drefn gywir, a defnyddio blociau mawr eto. Mae’r manteision hyn yn ei gwneud hi’n bosibl lleihau cost y broses o greu rhyngwynebau defnyddwyr, yn ogystal â chyflymu amser y broses hon. Gyda’r sgiliau i ddefnyddio’r iaith raglennu JS a HTML, mae dysgu defnyddio’r system JSX yn hawdd – dim ond ychydig ddyddiau i’w meistroli.

Nodyn! Mae’n rhesymegol defnyddio’r llyfrgell wrth weithio gyda phrosiectau mawr, pan fo angen ysgrifennu nifer fawr o dudalennau deinamig. Nid oes angen cymhlethdodau o’r fath ar safle busnes bach.

Cwrs sylfaenol Ymateb JS o A i Y: https://youtu.be/GNrdg3PzpJQ

Adnabyddiaeth i ddechreuwyr: cysyniadau sylfaenol

Helo Byd!

Wrth fynd i dudalen gyntaf y llyfrgell, bydd y defnyddiwr yn gweld pennawd croeso fel enghraifft fach – “Helo fyd!”.

Hanfodion iaith system JSX

Mae JSX yn iaith raglennu system, sy’n estyniad o’r JavaScript adnabyddus. Mae’n cynnwys cyfuniad o ddwy iaith – rhaglennu JA a’r iaith marcio HTML safonol. Mae datblygwyr yn ei ddefnyddio i addasu’r cysyniad i ddangos React yn union sut y dylai’r rhyngwyneb defnyddiwr edrych. JSX sy’n creu “rhannau” y llyfrgell.

Beth yw JSX?

Mae llyfrgell React yn cadw at y rhesymeg bod hanfod rendrad yn uniongyrchol gysylltiedig â rhesymeg y rhyngwyneb defnyddiwr: sut mae digwyddiadau’n cael eu prosesu, sut mae cyflwr yn newid mewn cyfnod penodol, a sut mae gwybodaeth yn cael ei pharatoi i’w chyflwyno. Gellir defnyddio’r llyfrgell JS heb ei hiaith system, ond mae nifer fawr o ddatblygwyr yn ei chael yn werthfawr oherwydd ei heglurder a’i diriaethu wrth weithio gyda rhyngwyneb defnyddiwr a gynhyrchir o god JavaScript. Yn ogystal, mae’r estyniad yn ei gwneud hi’n haws i React gynhyrchu hysbysiadau moment a gwall annilys.

Ffurfio ymadroddion yn yr iaith system

Mae JSX yn caniatáu ichi ddefnyddio unrhyw ymadroddion JavaScript sydd wedi’u hysgrifennu’n dda y tu mewn i fresys cyrliog mewn proses.

Mae JSX hefyd yn fynegiad Unwaith y bydd y cod ffynhonnell wedi’i bytegod, mae unrhyw fynegiad JSX yn troi’n alwad swyddogaeth JS safonol sy’n targedu’r categori JavaScript. O hyn, gellir deall y gellir defnyddio estyniad system yr iaith raglennu swyddogol y tu mewn i’r llawlyfr os ac am gyfnodau.

JSX yw Gwrthrychau Gelwir y gwrthrychau a gynrychiolir gan yr estyniad yn elfennau Adwaith. Maent yn egluro’r canlyniad y mae’r datblygwr am ei weld ar yr arddangosfa. Mae’r llyfrgell yn adnabod y gwrthrychau hyn ac yn eu defnyddio yn y broses o gynhyrchu a chynnal y Model Gwrthrych Dogfennau.

Rendro manylion

Manylion yw’r blociau adeiladu bach niferus sy’n rhan o raglenni React.
Manylion yw’r llun y mae’r datblygwr am ei weld yn y diwedd ar y monitor. O gymharu ag elfennau Model Gwrthrych Dogfennau, mae elfennau llyfrgell yn syml ac nid ydynt yn defnyddio llawer o adnoddau. Elfennau yw cyfansoddion cydrannau.

Cydrannau a Phropiau

Mae cydrannau yn ei gwneud hi’n bosibl rhannu’r UI yn rhannau annibynnol, sy’n haws gweithio arnynt ar wahân. Gellir eu cyfuno a’u defnyddio sawl gwaith. Ar y cyfan, mae ymarferoldeb y cydrannau yn debyg i ymarferoldeb iaith raglennu JavaScript ei hun. Maent yn cymryd gwybodaeth mewnbwn, a elwir yn bropiau, ac yn dychwelyd elfennau React sy’n nodi’r model datblygu y mae’r datblygwr am ei weld ar y monitor.

Amrywiaethau o gydrannau: swyddogaethol a dosbarth

Mae’n haws cyfeirio at gydran llyfrgell fel swyddogaeth.
Gellir cynrychioli cydrannau hefyd mewn fformat dosbarth ES6.

Diddorol! Mae llyfrgell React yn diffinio’r ddau fath hyn o gydran fel rhai tebyg.

propiau

Mae props yn wrthrychau na ellir eu cyfnewid sy’n ddarllenadwy yn unig. Felly, ni ddylai cydran ysgrifennu dim at ei phropiau, ni waeth i ba fath y mae’n perthyn.

Cyflwr a chylch bywyd

Yn gyntaf, gadewch i ni ddarganfod sut i gymhwyso’r wladwriaeth yn iawn yn y gwaith. Mae tri pheth pwysig i’w wybod am gyflwr cydran:

1. Peidiwch â newid y cyflwr yn uniongyrchol, defnyddiwch y dull setState. Cofiwch mai’r unig faes lle gallwch chi newid y cyflwr yn uniongyrchol yw’r adeiladwr.
2. Mae’n bosibl na fydd diweddariadau cyflwr yn gyson.
3. Un cyfeiriad sydd i lif gwybodaeth. Wrth adeiladu cydrannau, nid oes yr un ohonynt yn gwybod a yw’r wladwriaeth wedi’i neilltuo i gydran arall. Nid oes ots sut y ffurfiwyd hon neu’r elfen swyddogaethol annibynnol honno – gan ddefnyddio offeryn swyddogaethol neu ddosbarthu. Gelwir hyn yn llif data “i lawr yr afon”. Mae gwladwriaeth bob amser yn cael ei ddiffinio ar gyfer rhyw elfen, a dim ond rhannau sydd wedi’u lleoli “is” yn y drefn hierarchaidd y gall cysylltiadau strwythurol y wladwriaeth hon effeithio arnynt.

Yn nodweddiadol, cyfeirir at y wladwriaeth fel “lleol”, “mewnol”, neu gudd. Dim ond i’r elfen swyddogaethol ei hun y mae’n weladwy ac yn anweledig i rannau eraill o React. Mewn rhaglenni llyfrgell, mae p’un a yw elfen swyddogaethol annibynnol wedi’i chynysgaeddu â chyflwr penodol ai peidio yn ddatblygiad mewnol o’r rhan honno, a all newid dros amser. Mae hefyd yn ddiddorol y gallwch chi gyfuno cydrannau gyda’r wladwriaeth a hebddo yn y gwaith.

Dadansoddiad digwyddiad

Mae’r broses o ddosrannu digwyddiadau mewn cydrannau React yn debyg i ddigwyddiadau trin mewn elfennau model gwrthrych dogfen. Fodd bynnag, mae yna nifer o nodweddion sy’n eu gwahaniaethu oddi wrth ei gilydd:

1. Mae digwyddiadau yn y llyfrgell JavaScript yn cael eu henwi mewn arddull wahanol i’r un safonol.
2. Gan ddefnyddio Iaith Rhaglennu Estynedig y System, mae’r datblygwr yn pasio is-reolwaith fel triniwr digwyddiad yn lle llinyn.

Rendro elfennau yn amodol

Mae llyfrgell JavaScript yn ei gwneud hi’n bosibl torri’r rhesymeg o ddatblygu elfennau yn gydrannau annibynnol. Gellir eu harddangos i’w harddangos yn gyffredinol neu eu cuddio, yn dibynnu ar ba gyflwr sydd ganddynt ar hyn o bryd. Mae rendrad amodol o elfennau yn gweithio ar yr un egwyddor â mynegiadau amodol yn seiliedig ar iaith raglennu JavaScript. Weithiau mae’n digwydd bod y llyfrgell angen esboniad o sut mae’r cyflwr yn effeithio ar guddio neu rendro rhai elfennau. Yma mae’n fwy rhesymegol defnyddio cynorthwyydd JS amodol neu ymadroddion tebyg i if.

Newid Cydrannau

Gellir ychwanegu elfennau llyfrgell adweithio at newidynnau. Mae hwn yn ddatrysiad ymarferol pan fydd rhywfaint o gyflwr yn nodi a ddylid tynnu rhan o’r gydran, neu nid yw’n gwneud synnwyr, tra bod gweddill y rhan yn parhau heb ei newid.

Rhestrau ac Allweddi

Mae’r adran hon yn cynnwys sawl cydran:

1. Lluniadu elfennau lluosog . Gall y defnyddiwr ffurfio set o elfennau a’i ymgorffori yn iaith raglennu’r system gan ddefnyddio braces cyrliog.
2. Rhestr elfennol o elfennau . Yn aml, mae defnyddwyr a datblygwyr yn addasu rhestrau yn uniongyrchol o fewn cydran.

Allweddi

Mae allwedd yn llyfrgell React JavaScript yn dynodi offeryn arbenigol y mae’n rhaid ei nodi wrth gynhyrchu rhestr o gydrannau. Mae allweddi yn helpu’r llyfrgell JavaScript i nodi pa eitemau sydd wedi’u haddasu, eu hychwanegu neu eu dileu. Mae’n bwysig eu marcio fel bod React yn gallu cydberthyn cydrannau’r data strwythurol ar ôl i gyfnod penodol o amser fynd heibio.

Ffurflenni

Yn llyfrgell JS, mae elfennau iaith marcio safonol yn gweithio ychydig yn wahanol i gydrannau model gwrthrych y ddogfen, oherwydd mae gan elfennau ffurf gyflwr cudd i ddechrau.

Eitemau a Reolir

Mewn iaith farcio safonedig, mae ffurfiau fel mewnbwn , dewis , textarea yn dueddol o hunanreoli eu cyflwr a’i ddiweddaru pan fydd y datblygwr yn mewnbynnu gwybodaeth newydd. Mae cyflwr React.js bob amser yn diffinio gwerth meysydd mewnbwn mewn elfen gyfansoddi wedi’i rheoli. Er bod hyn yn dangos bod yn rhaid i’r defnyddiwr ysgrifennu ychydig yn fwy na’r cod gwreiddiol a roddwyd, mae bellach yn bosibl trosglwyddo’r gwerth hwn i rannau eraill o’r rhyngwyneb defnyddiwr.

Cynnydd y wladwriaeth

Mae codi cyflwr yn dempled safonol y dylai pob datblygwr fod yn ymwybodol ohono a gallu ei gymhwyso yn y broses waith. Bydd ei ddefnyddio yn dileu patrymau rheoli cyflwr cymhleth a diwerth fel arfer.

Pam mae mor angenrheidiol i reoli cynnydd y wladwriaeth?

Mae codi’r cyflwr i lefel cydrannau’r gorffennol ar gyfer y rhannau hynny sydd ei angen yn angenrheidiol fel y gall pob elfen gymryd rhan yn y wladwriaeth. Bydd lefel sefydlog o gyflwr yn ei gwneud hi’n haws ei ddosbarthu ymhlith yr holl gydrannau sy’n dibynnu arno.

Cyfansoddiad yn erbyn Etifeddiaeth

Mae React.js yn cynnwys model cyfansoddiad cryf, felly argymhellir defnyddio’r broses o adeiladu cyfanwaith o rannau yn lle etifeddiaeth i ailddefnyddio cod a ysgrifennwyd yn flaenorol rhwng elfennau. Felly, mae propiau a’r gallu i greu un cyfansoddiad cyfan o gydrannau, yn rhoi’r hyblygrwydd sydd ei angen ar y datblygwr i greu cragen ac ymddygiad yr elfen mewn ffordd benodol a diogel.

Atgoffa! Gall rhannau cydrannol gymryd propiau anghysylltiedig, gan gynnwys rhannau elfennol sy’n ffurfio llyfrgelloedd neu swyddogaethau.

Os bydd angen i chi ddefnyddio swyddogaeth ddi-edrych ar gyfer gweithio gyda chydrannau am yr eildro neu’r trydydd tro, tynnwch ef allan i fodiwl JS ar wahân. Symudwch ef i mewn i gydran a defnyddiwch y swyddogaeth a gynhyrchir heb ehangu ymhellach. Adwaith neu Vue neu Angular, beth i’w ddewis: https://youtu.be/Nm8GpLCAgwk

Egwyddorion React.js

Mae holl athroniaeth y llyfrgell JavaScript wedi’i chuddio yn y canllaw React. Mae’n ymddangos bod hyn yn hir ac nad yw mor bwysig, fodd bynnag, mae llawer o ddefnyddwyr yn honni bod popeth wedi dod i’w le ar ôl darllen. Mae’r ddogfennaeth yn eithaf hen, ond yn dal i fod o werth a pherthnasedd mawr –
https://ru.reactjs.org/docs/thinking-in-react.html . Tiwtorial React js https://ru.reactjs.org/tutorial/tutorial.html

Ymarferoldeb llyfrgell React.js

Gan ddefnyddio’r llyfrgell JavaScript, mae’r defnyddiwr yn cael y cyfle i dalu ei holl sylw yn uniongyrchol i’r broses datblygu UI a chydrannau’r cais, yn lleiaf oll yn cael ei dynnu sylw gan ffurfio a diffygion posibl y cod ysgrifenedig. Mae’r llyfrgell yn caniatáu ichi ddatblygu rhaglenni’n gyflymach, yn ei gwneud hi’n haws ffurfweddu a golygu’r cydrannau a phroses y prosiect cyfan. Felly, mae React.js yn cynnwys elfennau sy’n gyfrifol am gyfathrebu yn y rhwydwaith byd-eang, UI, rheolaeth cyflwr rhaglenni a’r gallu i ddatrys materion cymhleth eraill. Mae gan y llyfrgell y nodweddion swyddogaethol canlynol hefyd:

1. Ymarferoldeb . Mae React.js ar gael mewn fformat miniog. Nid oes angen i’r pecyn cryno hwn gael ei ffurfweddu’n glir. Mae eisoes yn cynnwys nodwedd rhannu cod sy’n lleihau’r amser y mae’n ei gymryd i agor fersiwn porwr y wefan, gan fod yr opsiwn hwn yn atal cydrannau rhag rendro ar yr un pryd.
2. Ecosystem wedi’i bwmpio a chydymffurfiaeth . Mae nifer fawr o offer ar gael yn y llyfrgell, wedi’u cefnogi gan wefannau eraill, sy’n caniatáu i’r defnyddiwr ddatblygu rhaglenni cymhleth newydd at unrhyw ddiben.
3. Ymarferoldeb llawn . Prif fantais y llyfrgell JavaScript yw bod pob fersiwn newydd o’r platfform yn cwrdd â gofynion yr hen rai, felly gallwch chi ddefnyddio’r hen fersiwn a’r fersiwn wedi’i diweddaru, mae pob un ohonynt yn cael eu cefnogi ac yn berthnasol hyd heddiw. Nid yw fersiynau a ryddhawyd yn flaenorol yn dod yn ddarfodedig ar ôl y diweddariadau diweddaraf.

Defnydd ymarferol

Ar brif dudalen y llyfrgell, yn y cyfarwyddiadau i ddefnyddwyr, mae sawl enghraifft enghreifftiol o ddefnyddio React yn ymarferol. Gallwch chi eu cywiro â llaw a cheisio eu rhedeg. Hyd yn oed os ydych chi’n ddefnyddiwr newydd ac nad ydych chi’n deall hanfod a rhesymeg y llyfrgell, addaswch y cod at eich dant a gweld y canlyniad.

Cymhwyso React yn ymarferol wrth ysgrifennu robotiaid masnachu yn JavaScript

Mae’n bwysig sylweddoli nad yw datblygwr yn rhaglennu JS, ond yn ysgrifennu sgriptiau (scripts). felly, gan ddefnyddio’r llyfrgell, gall datblygwr ysgrifennu cod ar gyfer robot masnachu dilynol a ddefnyddir at ddibenion masnachu, a hefyd yn parhau i ddylunio ei ymddangosiad yn seiliedig ar y llwyfan hwn. Mewn gwirionedd, mae robot masnachu ar gyfer masnachu hefyd yn gymhwysiad, y mae nifer fawr ohonynt yn cael eu datblygu gan ddefnyddio React.js. Fodd bynnag, bydd yn rhaid i rai swyddogaethau a rhan fewnol y bot gael eu gwneud o hyd ar wefannau eraill sy’n darparu offer sy’n addas ar gyfer hyn.

GitHub ac React.js

Mae GitHub yn blatfform sy’n cynnal pob fersiwn o brosiectau. Mae’r defnyddiwr yn cysylltu hosting, yn mynd trwy’r weithdrefn gofrestru ar wefan swyddogol GitHub, ac yna’n creu ystorfa ar-lein lle mae’n trosglwyddo’r holl ffeiliau o Git.
Git yw’r gwasanaeth rheoli fersiwn prosiect mwyaf poblogaidd a pherthnasol heddiw, ac mae GitHub yn ystorfa cod anghysbell.

Cyfeirnod! Dim ond y defnyddwyr hynny sydd wedi derbyn y ddolen briodol gyda chaniatâd sydd â mynediad i olygu a lawrlwytho ffeiliau.

Dogfennaeth

Mae’r holl diwtorialau a’r deunyddiau diweddaraf ynglŷn â’r llyfrgell JavaScript yn gyfredol gyda’r diweddariad diweddaraf. Mae datblygwyr hefyd yn llunio ac yn postio hen fersiynau o’r ddogfennaeth i’w darllen yn gyffredinol, wedi’u postio ar dudalen ar wahân o’r llyfrgell. Felly, bydd yn haws i ddechreuwyr feistroli sgiliau rheoli safle: deunydd hen a newydd – mae popeth yma, mae mynediad am ddim i bawb.

Nodyn! Peidiwch ag anghofio darllen y llawlyfrau. O leiaf cymerwch olwg – eisoes bydd y rhan fwyaf o’r hyn sy’n ymddangos yn annealladwy yn dod i’w le.

Mae llyfrgell React yn blatfform poblogaidd a pherthnasol heddiw. Mae ei hyblygrwydd yn galluogi datblygwyr i wneud prosiectau o ansawdd gwell ac mewn llai o amser. Yn ogystal, mae gwybod y platfform a meddu ar y sgiliau i’w ddefnyddio yn gwneud mwy o alw am arbenigwr yn y farchnad lafur.