Inleiding

• Native ontwikkeling, heterogeniteit en fragmentatie

• De belangrijkste cross-platform tools

• Positionering van React Native ten opzichte van bestaande oplossingen

React Native

• Herinnering aan ES6/S201x. Begrip stacker

• React en de JSX JavaScript superset

• React Native: basisprincipes, algemene werking

• React Native installeren en configureren

• Tools voor ontwikkelen en debuggen

Architectuur van toepassingen

• Een component configureren: state & props

• React Native en MVC

• Het Flux-patroon, een alternatief voor MVC

• De komst van Redux: store, reducer, actions

Je interface bouwen

• De basiscomponenten (View, Text en Image) en hun levenscycli

• Touch-events, de ListView en de ScrollView

• De lay-out van de toepassing organiseren

• Lay-out met Flexbox

• Componenten stylen

• De verschillende oplossingen om tussen pagina's te navigeren

• Geavanceerde componenten

• Componenten uit de community gebruiken

• Animaties en overgangen toevoegen

Formulieren en gegevensbeheer

• De belangrijkste formuliercomponenten

• Invoer valideren en fouten beheren

• Redux-formulier en alternatieven

• Gegevens ophalen: xmlhttprequest en fetch

• Lokale opslag

• Offline beheer

Interactie met de terminal

• De belangrijkste React Native API's

• Cordova/PhoneGap plugins gebruiken

• Een native module ontwikkelen

Geavanceerd gebruik

• Best practices en veelgemaakte fouten

• Unit en functioneel testen

• De applicatie publiceren

• Over the air updates

• Frameworks en aanvullende tools

Praktische oefeningen

• React Native installeren en configureren voor een project

• De Debugger gebruiken voor voorgestelde code

• Een eerste toepassing ontwikkelen in React Native

• Een formulier ontwikkelen en gegevens valideren

• De API's van React Native gebruiken

• Een toepassing testen en implementeren