, de invoering van het kader van de reactie,,,,,,,,,, 33, aandelen, 58,,,,,,, de delen van het netwerk, maandag wat in tuts + koers zal dalen tot slechts drie dollar.Niet' niet missen.,, in de wereld van vandaag. Het kader van de toepassing van het ontwerp van de verschillen, is een van de belangrijkste factoren.Als je populair is kader, zoals emberjs, AngularJS, de ruggengraat, knock - out, enz. Weet je zeker dat het vinden van hun produktie, de verschillende manieren van denken, natuurlijk, de term.Dit is de basis van de directe resultaten van ontwerp.Maar, in principe, doen ze allemaal één ding, dat is een dom op een manier die je niet rechtstreeks met de: //europa.eu.int /comm /.,, persoonlijk ben ik van mening dat een kader wordt interessant, die voorziet in een abstracte, zodat de verschillende manieren van denken.In dit verband te reageren, is in het kader van de nieuwe Facebook mensen dwingt je om opnieuw na te denken over hoe je (tot op zekere hoogte) ontbinding van de bu en interactieve toepassingen.Tot 0.4.1 (in de versie van dit schrijven), reactie die een heel simpel, maar het gebouw is van programma 's en leuke cocktail, een doeltreffend model. In dit artikel zullen we verkennen de bouwstenen van de reactie en de aanvaarding van de manier van denken, lijkt een beetje contra - intuïtief.Maar de dokter zei: ", omdat de reactie van hem vijf minuten, en dan zal je zien dat deze methode zal meer natuurlijke reactie.,, de motivatie, de beperking van de in het verhaal van Facebook, waar voor een tijdje.Is tot een stabiele, open de ontwikkelaar besloten om het na een paar maanden.Interessant is ook door de reactie van de website, instagram in het kader van de macht, dicht bij dom., abstract probleem enigszins anders te reageren.Dit is te begrijpen hoe de verschillende, laten we snel verbergen in het kader van technologie, die ik eerder heb genoemd, en een overzicht op hoog niveau, is het kader van de toepassing van MVC (model - oog - controleur) is van fundamenteel belang voor de ontwikkeling van het model van de bu, niet alleen op het Internet, maar in de voorkant van toepassing programma 's op een platform.In het geval van een web van toepassing, dom is een mening van de fysieke kenmerken.Uit de tekst zelf is dom: //europa.eu.int /comm /model, is van een ander dossier, het genereren van blokken of pre - opstellen van statistieken betreffende het template van de functie van het script.Het is een entiteit die tekst model te leven als een dom was.Het is een gebeurtenis die verantwoordelijk zijn voor de controle en de boom als een deel van zijn levenscyclus.,,, voor, van mening dat het nuttig is, het blijkt dat sommige gegevens nodig en mogelijk, waardoor gebruikers.Data is door een bron van gegevens (databanken, netwerken en diensten, die de lokale winkel, enz.).Het kader voor een bindende gegevens van mening, op deze manier, wijzigingen in de gegevens automatisch rekening te houden met de mening van de veranderingen.Dit automatisch proces is, een bindende gegevens, API /technologie maakt het mogelijk, de naadloze, MVC triade. Door de verantwoordelijke voor de verwerking voltooid is,,, die zich in het standpunt van het model en de,,,, en presentatie van gegevens (, het model, het oog, en in geval van gebruikers,), zou kunnen leiden tot een,, het model van de veranderingen,,,,,,,, in het kader van de mening van de automatische verwerking van gegevens en het behoud van het model heen en weer tussen de interne gebeurtenissen cyclus.Deze gebeurtenissen zijn moet luisteren naar sommige gebruikers van gegevens in de externe gebeurtenissen, zoals de gebeurtenissen, de trekker, en vast te stellen of er een wijziging van de vorige cyclus.Als er iets verandert, op de ene of de andere kant (oog of model), in het kader van deze twee terug te brengen om ervoor te zorgen dat de door de synchronisatie.,, en de reactie van de drie standpunten delen, hij op en in een entiteit dat de vergadering.- handhaving van een onveranderlijk eigenschap pakket genaamd, attributen, en een, staat tussen de gebruikers van de staat.De productie van mening, onderdelen, is zeer interessant, zijn de redenen om de reactie stond in vergelijking met de rest van het kader.Als het niet om de fysieke dom rechtstreeks van de model - document /scripts /functie, een van de onderdelen, die midden in de DOM, is station: //europa.eu.int /comm /echt dom.Een extra stap om dit te vertalen in echte: //europa.eu.int /comm /Midden - dom, dom, als de generatie, deel is een gebeurtenis van de gegevens in de bindende, attributen, en staat.Dom idee, als het midden, het klinkt een beetje vreemd, maar niet te veel zorgen.Heb je dat een dergelijke strategie die de taal (ook bekend als virtuele machine) door de interpretatie van de taal.Onze eigen javascript loopt, de eerste die een vertegenwoordiging van de voormalige uit eigen code.Op basis van de taal van de virtuele machine zoals Java, C #, ruby, Python, wacht, dat is echt goed, zal door deze strategie die uiteindelijk voor het creëren van een tussentijdse: //europa.eu.int /comm /dom - dom.Het midden is een dom figuur javascript object, niet direct de destructie.Er is een vertaling van de maatregelen, het creëren van een echt dom.Dit is de fundamentele technologie, zodat een snelle reactie doet dom.Diepte, in reactie op een betere foto 's maken hoe reactie van al het werk, laten we duiken dieper; begon, vergadering.Vergadering van de belangrijkste bouwstenen zijn reactie.Je kan door het samenstellen van een component boom voor de gecombineerde toepassing van de gebruikersinterface.Elk van de afdelingen van het IPA, (), voor de uitvoering van de in het scheppen van de DOM.De telefoon, de reactie. Rendercomponent (), op de vergadering en de oprichting van een recursief boom wortels van de resultaten van de tussentijdse vergadering van dom.In het midden van de DOM en vervolgens omgezet in werkelijke: //europa.eu.int /comm /dom.,,,,,, omdat de schepping van Midden - dom is een onderdeel van de reactie die een gemakkelijke, XML - uitbreiding javascript, bel jsx, de bouw van onderdelen van een groep van XML - boom is.Dat maakt het gemakkelijker om de oorzaken van verbeeldingskracht en dom.Jsx ook een vereenvoudiging van procedures in verband met de gebeurtenissen van XML - eigenschappen en kenmerken.Als gevolg van jsx is een uitbreiding van de taal, een instrument (het commando en de laatste generatie javascript browser).Een jsx XML - rechtstreeks gekoppeld aan een vergadering.Het vermelden waard is, is dat de reactie van de jsx werkt onafhankelijk en jsx taal maakt het makkelijk gecreëerd tussen de DOM.De kern van het kader, de instrumenten, de reactie te downloaden van de website.Bovendien, voor jsx → is omgezet, kan je de jsxtransformer browser of met de commando - instrument, bekend als de reactie van instrumenten (gemonteerd door middel van NPM).Je moet Node.js gedownload.De commando - instrumenten om de opstelling van jsx documenten en om te voorkomen dat je in de vertaling in de browser.Dit is je jsx te groot aantal documenten of aanbeveling, een eenvoudige onderdelen, oké, we hebben al veel gezien van de theorie, op dit moment, denk ik dat je echt wil zien van de code.Laten we naar onze eerste voorbeeld:,, /* * * * * * * * * * * * * * react.dom @ jsx /var eenvoudig = reactie. Createclass ({getinitialstate:function () {terugkeer (0);}, Tel: handlemousedown:function () (signalering ("en ik zei:" + de rekwisieten. Nieuws); dit setstate ({Tel.: this.state.count + 1});}, waardoor de: functie () {terugkeer < di% GT% < div = "klik" onmousedown = {}. Handlemousedown > laat een boodschap voor me.< /div > < div = "nieuws" > over de berichten over categorie = < "graaf" > - dit staat. Tel} < Kruis > tijd (s) < /div > < /div >}}); de reactie. Rendercomponent (< eenvoudige informatie = "behoud van eenvoudige" />, documenten);,, maar eenvoudig, de code en die veel reactie Oppervlakte:,,, we creëren een eenvoudige onderdelen gebruiken, react.createclass, door de uitvoering van enkele van de belangrijkste functie van het object.Het meest belangrijke is, (), tot een tussentijdse en dom. Dom, we gebruiken hier jsx en vergezeld gaan van de definitie van mousedown gebeurtenis.{}, grammatica is nuttig javascript uitdrukking eigendom (, onmousedown = {}. Handleclick knooppunten (,,) en de categorie = < "graaf" > - dit staat. Tel} < Kruis >,).Het gebruik van {} grammaticale - gebeurtenis automatisch bindt aan de component.Dus, de functie van de gebeurtenis in dit voorbeeld, verwijst naar de vergadering.Op de eerste rij aantekeningen, /* * * * * * * * * * * * * * react.dom @ jsx /, is een aanwijzing voor de jsx transformers vertaling is.En als dit niet zou gebeuren zonder commentaar route, vertaling,.,,, kunnen we de commando - instrument (, jsx,) in de patroon te zien en automatisch van de jsx, is bereid te veranderen.De bron in /src, MAP en de produktie van door of voor de bouw van de,,, jsx naar bouw /src /js,, hier is die documenten:,, /* * * * * * * * * * * * * * react.dom @ jsx /var eenvoudig = reactie. Createclass ({Naam: "eenvoudige", getinitialstate:function () {terugkeer (0);}, Tel: handlemousedown:function () (signalering ("en ik zei:" + de rekwisieten. Nieuws); dit. Setstate ({Tel: this.state.count + 1});}, waardoor de: functie) (terug te keren naar de reactie. Dom. DIV (nietig, die reactie. - {naam: "(klasse. De afstandsbediening, druk op de knop": dit. Handlemousedown}, "geef me een boodschap.")Reactie. Dom. DIV ({klasse: "het nieuws"), "communicatie" reactie. Dom. Breedte ({naam}: "graaf", dit staat. Tellen), "de tijd (s)");}}); de reactie. Rendercomponent (eenvoudige boodschap: "({houden eenvoudige"}), documenten);,, aandacht, < div />,, < span /% GT% (grafiek voorbeelden, react.dom.div en reageren. Dom. Span,,,,, nu gaan we terug naar onze code van het monster.Naar binnen, handlemousedown, gebruiken we, this.props, lezen, laat een bericht achter, dat is door middel van eigendom.We voorzien in de code, een boodschap, van de in de laatste zin noemen, reageren. Rendercomponent (), we creëren, < eenvoudig /> van onderdelen.Het doel is this.props, winkels, is door de vergadering van de gegevens.Het is van mening dat is hetzelfde, alleen nog de vergadering op hoog niveau kunnen worden gewijzigd en de vergadering boom doorgegeven.,, naar binnen, handlemousedown, hebben we ook een aantal gebruikers van de staat, het setstate () aantal berichten blijkt dat in het tijdperk van de follow - up.Je zal merken dat wij gebruik, this.state in (). De methode.En elke keer dat je belt, setstate (), en ook een reactie, (), zodat de synchronisatie van de DOM.Ook de reactie. Rendercomponent () (), setstate, is een andere manier om de verplichte op de synthese van gebeurtenissen,.,,, in het midden van de DOM blootstelling van de gebeurtenissen, zoals de muis, en ook als een indirecte laag is echt dom.Deze gebeurtenis is zo heet, de synthese van gebeurtenissen.De reactie van de delegaties door gebeurtenissen, dit is een bekende technieken, en de hoogte van de gebeurtenissen alleen in de DOM op het niveau van de wortel.Dus alleen een echte gebeurtenis in de DOM.Bovendien zijn de gebeurtenissen van deze synthese, biedt ook een consistent niveau van verborgen browser en de elementen van de verschillen tussen de DOM en midden.,, de synthese van de combinatie van gebeurtenissen die gaf je een standaard en coherente manier te definiëren van interfaces in de verschillende browser en apparatuur, componenten levenscyclus.,,, in reactie Op een kader van onderdelen de levenscyclus van bepaalde landen, die een machine heeft in drie verschillende landen.,,,,, onderdeel van het wordt geïnstalleerd,.Na een vergadering die het resultaat van de installatie die boom (DOM).Deze boom is omgezet en in de container - echt dom.Dit is een rechtstreeks gevolg van de telefoon, rendercomponent (reactie).,,., van een installatie, elementen in een status update.Als je verandert van een vergadering worden bijgewerkt, staat het gebruik van, setstate (), of het veranderen van het gebruik van rekwisieten, setprops ().Dit heeft geleid tot de bel, (), brengt dit de harmonisatie van gegevens en de DOM (, attributen, +,,).In de volgende actualisering van de berekening van een reactie op die tussen de groep en de nieuwe generatie van boom tot boom boom van de bijkomende.Dit is een hoogte van de maatregelen (en optimalisering van het vlaggenschip van de manipulatie van de minimale werkelijke functie), ten slotte, dom. De staat is, lossen,.Als je een expliciete oproep, reageren. Unmountandreleasereactrootnode () of automatisch als een onderdeel is van een kind, is niet langer een oproep tot ().Je hoeft dit niet te doen dat meestal de reactie van het juiste te doen, nu, is het een grote nalatigheid, als de reactie je niet verteld wanneer het verkeer, de installatie en het lossen van een status update.Gelukkig is dat niet het geval is, met de haak, je kan je voor het verkrijgen van de levenscyclus, kennisgeving van wijzigingen.De naam spreekt voor zich:,,, getinitialstate (): voorbereiding van de vergadering, de oorspronkelijke staat, componentwillmount (,,,,,,,,, componentwillreceiveprops () () componentdidmount,,,, shouldcomponentupdate (): nuttig als je wilt controle moeten slaan die.,,,,,,, componentwillupdate () (),,,,,,, componentwillunmount componentdidupdate () (),,,,,, componentwill *, voor de verandering componentdid * * * * * * * dat de staat, na een methode wordt genoemd, de naam lijken te hebben in het kader van De MAC en 108, cacao de kenmerken van de in de diverse onderdelen van de aanwijzing, boom, gegevens altijd zullen vallen.De vader is een onderdeel van de vergadering moet een onderdeel van de vader, de overdracht van gegevens aan de kinderen.Dit is de eigenaar van de,,.Aan de andere kant van de gebeurtenissen (muis en het toetsenbord, Touch) zal altijd... Een vergadering van alle aan de wortels van de vergadering, tenzij de verwerking in.,,,,,, als je een dom (midden),,, je kan ook een verwijzing naar de aard van de aangewezen, sub - onderdeel.En dan kan je gebruiken, zie vingers en eigendom.De volgende beschrijving van de code.,, waardoor de instellingen: functie) (///////ref terug < di% GT% < span ref= "in de tegenaanval" = "graaf" > - dit staat. Tel} < Kruis > < /- >; ///////handlemousedown:function () {} gebruiken console. Log (de scheidsrechter. Tegen te gaan. Innerhtml);},,, als onderdeel van een deel van de metagegevens, kan je die eerste staat (,) getinitialstate (,), zien we dat de methode in de levenscyclus.Je kan ook de oprichting van rekwisieten, getdefaultprops () standaard en de oprichting van een validatie van regels die het gebruik van rekwisieten, proptypes,.De dokter gaf een overzicht van de verschillende soorten goed gecontroleerd (type te controleren, waarbij, enz.) worden uitgevoerd. Ook een reactie, en ter ondersteuning van het concept van de gemengde, winning, hergebruik van onderdelen kan worden in het gedrag van verschillende componenten.Je kunt met gemengd gebruik, gemengde vergadering, een vergadering van de eigendom.Nu, laten we de echte, en de totstandbrenging van een meer omvattende component, het gebruik van deze functies.,, het antwoord, de oprichting van een vorm van de uitgave, in dit geval, zullen we de oprichting van een redacteur, de aanvaarding van een eenvoudige DSL (op het gebied van de oprichting van een bepaalde taal) vormen.Als je de input van de output, zie je je leven terug.,, DSL - de mogelijkheid te scheppen om je drie rechthoekige vorm: elliptisch, en de tekst.Elke vorm die in een afzonderlijke lijn aangewezen, en een aantal kenmerken van de modellen.Het signaal is heel eenvoudig, lenen van een CSS.A - lijn te zijn, we gebruiken een regex dat Alexander,,, var shapeRegex = /(rect