Vikipeedia

React (JavaScripti raamistik): erinevus redaktsioonide vahel

Sirvi ajalugu interaktiivselt
← Vanem muudatusUuem muudatus →
Eemaldatud sisu Lisatud sisu
VisuaalneVikitekst
P pisitoimetamine
Ilmar255 (arutelu | kaastöö)
275 muudatust
Resümee puudub
1. rida:
'''React''' (ka '''React.js''' või '''ReactJS''') on [[Arvutiteadus|arvutiteaduses]] [[JavaScripti RaamistikJavaScript|JavaScripti raamistik]]<ref name="aI9mI" /> [[User interfacesKasutajaliides|kasutajaliideste]] loomiseks.
 
Seda haldavad [[Facebook]], [[Instagram]], üksikarendajate kogukond ja korporatsioonid.<ref name="e7v9s" /><ref name="LPs6n" /><ref name="jY6Xy" />
8. rida:
Reacti looja on Facebooki tarkvaraarendaja Jordan Walke. Idee sai alguse raamistikust [[XHP]], mis on [[HTML]]-komponentide raamistik [[PHP]]-le.<ref name="fUHbe" /> See võeti esmakordselt kasutusele Facebooki ajajoonel 2011. aastal ja hiljem tehti seda ka veebilehel Instagram.com 2012. aastal.<ref name="9YvG2" /> Lähtekood avaldati JSConfi USA konverentsil 2013. aasta mais.
 
[[Kasutaja:Thenouan/React (JavaScripti raamistik)#React Native|React Native]], mis võimaldab [[Android (operating systemoperatsioonisüsteem)|Androidi]], [[iOS|iOS-i]], ja [[Universal Windows Platform|UWP]] rakenduste arendamist Reactiga, avaldati Facebooki React.js Confi konverentsil 2015. aasta veebruaris ja lähtekood avaldati 2015. aasta märtsis.
 
18. aprillil 2017 avaldas Facebook [[React Fiber]]i, Reacti raamistiku uue algoritmi [[User interface|kasutajaliideste]] loomiseks.<ref name="3sOrg" /> React Fiber on alus edaspidistele täiustustele ja uute funktsioonide arendamisele.<ref name="r5WrS" />
 
== Kasutamine ==
Järgnev on algeline näide, kuidas kasutada ReactReacti htmlHTML koodis, kasutades JSX-i ja [[ECMAScript#6th Edition - ECMAScript 2015|ECMAScript 2015]] JavaScripti süntaksit.
<syntaxhighlight lang="html">
<div id="myReactApp"></div>
49. rida:
 
=== Ühesuunaline andmete liikumine ===
Reacti suurim potentsiaal on muutumatute parameetrite kasutamine komponentide vahel. Komponent ei tohi otseselt muuta ühtegi omadust, mis sellele anti. Selle asemel tuleb alamkomponendile anda kaasa funktsioon, mis muudab seda omadust ülemkomponendis. Teisisõnu omadused liiguvad komponentide suhtes ülevalt alla, aga andmetemuutused liiguvad funktsiooni kutsetena alt üles. Seda mehhanismi tuntakse nimega Flux.<ref name="evRil" /><ref name="8D5f3" /> Mitmeid Fluxi implementatsioone on loodud selle avaldamisest saati, kuid populaarseimaks on välja kujunenud [[Redux (JavaScriptJavaScripti libraryraamistik)|Redux]].<ref name="vBxra" />
 
=== Virtuaalne DOM ===
110. rida:
 
; Tingimuslikud avaldised
 
[[Conditional (computer programming)Tingimuslause|If-else avaldisi]] ei saa kasutada JSX-i sees, aga tingimuslikke avaldisi saab kasutada sellegipoolest kolmekomponendiliste väljenditena.
Allolev näide renderdab <code>{ i === 1 ? 'true' : 'false' }</code> sõnena <code>'true'</code>, sest <code>i</code> on võrdne arvuga 1.
<syntaxhighlight lang="js">
Pärit leheküljelt "https://et.wikipedia.org/wiki/React_(JavaScripti_raamistik)"