React
Beschrijving
Het React Framework is door Facebook voorgesteld in tegenstelling tot de traditionele modellen. Hij geeft de voorkeur aan eenvoud en prestaties. De gebruikte technologieën zijn ReactJS, JSK en Flux.
De opleiding is gericht op de volgende vaardigheden
- - Ontwikkelen met ReactJS
- - Een SPA ontwerpen met ReactJS en Flux
- - Inzicht in de JSX JavaScript subset
- - Optimalisering van de prestaties van RIA's
Wat zijn de doelstellingen van de opleiding?
Iedereen die software wil ontwikkelen met het React Framework.
Wat moet je weten om de cursus te volgen?
Gevorderde kennis van Javascript of Typescript.
Opleidingsprogramma
Herinnering aan de componenten van RIA's
- De grondbeginselen. HTML, CSS, JavaScript. De DOM
- Klassieke applicatie ontwerp patronen. Beperkingen van JavaScript-toepassingen
- Ecosysteem van JavaScript-raamwerken
- Data-binding principes: dirty-checking, observeerbaar, virtual-dom
- ReactJS, positionering en filosofie
- JSX, presentatie. Uitvoering van "Transpilers
- Ontwikkelingsomgeving. IDE en plug-ins
Ontwikkelen met ReactJS
- Aanpak: MVC en Virtuele Dom, een keuze van de prestaties
- Gebruik van JavaScript of JSX
- JSX in detail begrijpen. Te vermijden valkuilen
- Belangrijkste methoden van de API
- Aanmaken van view componenten. Levenscyclus
- Eigenschap initialisatie
- Render functie: beheer van component toestanden
Interactiviteit van onderdelen
- Eventmanagement. "autobinding en delegatie
- Ontwerppatroon: strategie voor stateful componenten
- Samenstellen door sets
- Componentgegevensstroom: eigenaar, kinderen en dynamisch aanmaken
- Herbruikbare componenten: controle en eigendomsoverdracht
- Formuliercomponenten regelen
- DOM manipulatie
Applicatie voor één pagina met ReactJS en Flux of Redux
- Flux/Redux: presentatie. Voortplanting van gegevens
- Vergelijking van architecturen
- Aanmaken van views en controllers in Flux
- Rol van de "Dispacther" in Flux voor acties
- De "Stores", logische status manager in Flux
- Definitie van functioneel programmeren
- Aanpak met Redux. De "Verminderaar
- Uitbreiding voor ReactJS : "hot-loader
Isomorfe toepassing
- Principe en voordelen van isomorfische ontwikkeling
- Server-side JavaScript ecosysteem
- Inleiding tot NodeJS
- NodeJs configuratie voor ReactJS
- Organiseren van routes
Inleiding tot React Native
- Positionering, verschillen met Cordova
- Van React naar native iOS-componenten, een project om te volgen