1
RIA-componenten
- De basis. HTML, CSS, JavaScript. Het DOM.
- Klassieke ontwerppatronen voor toepassingen. Beperkingen van JavaScript-toepassingen.
- JavaScript-raamwerk ecosysteem.
- Beginselen voor gegevensbinding: dirty-checking, observeerbaar, virtual-dom.
- ReactJS, positionering en filosofie.
- JSX, presentatie. Transpilers" implementatie.
- Ontwikkelomgeving. IDE en plug-ins.
Praktisch werk
De ontwikkelomgeving opzetten. Inleiding tot JSX. De structuur van de applicatie definiëren.
2
Ontwikkelen met ReactJS
- Aanpak: MVC en Virtual Dom, een keuze voor prestaties.
- Gebruik JavaScript of JSX.
- JSX in detail begrijpen. Valkuilen die u moet vermijden.
- Belangrijkste API-methoden.
- Weergavecomponenten maken. Levenscyclus.
- Initialisatie van eigenschappen.
- "Renderfunctie: beheer van de status van componenten.
Praktisch werk
Definitie en productie van componenten volgens specificaties.
3
Interactiviteit van onderdelen
- Evenementbeheer. "Autobinding en delegatie.
- Ontwerppatroon: strategie voor stateful componenten.
- Componeren in sets.
- "Componentgegevensstroom: eigenaar, kinderen en dynamische creatie.
- Herbruikbare componenten: controle en overdracht van eigenschappen.
- Besturing van formulieronderdelen.
- DOM-manipulatie.
Praktisch werk
Een gestructureerde set UI-componenten maken.
4
Eén-pagina-applicatie met ReactJS en Flux of Redux
- Flux/Redux: presentatie. Gegevensverspreiding.
- Vergelijking van architecturen.
- Weergaven en controllers maken in Flux.
- Rol van de "Dispacther" in Flux voor aandelen.
- Stores", een logische toestandmanager in Flux.
- Definitie van functioneel programmeren.
- Aanpak met Redux. De "Reducer".
- Uitbreiding voor ReactJS: "hot-loader".
Praktisch werk
Integratie van een SPA.
5
Isomorfe toepassing
- Principe en voordelen van isomorfe ontwikkeling.
- Server-side JavaScript ecosysteem.
- Inleiding tot NodeJS.
- NodeJs configureren voor ReactJS.
- Routes organiseren.
Praktisch werk
Servervoorbeeld van een toepassing.
6
Inleiding tot React Native
- Positionering, verschillen met Cordova.
- Van React naar native iOS-componenten, een project om in de gaten te houden.
Demonstratie
Toepassing met React Native.