- Leren door doen
- Trainers met praktijkervaring
- Klassikale trainingen
- Gedetailleerd cursusmateriaal
- Duidelijke inhoudsbeschrijving
- Maatwerk inhoud mogelijk
- Trainingen die doorgaan
- Kleine groepen
In de cursus React Native Mobile Development leren deelnemers mobiele applicaties te bouwen voor zowel Android als iOS devices met alleen JavaScript. Met React Native wordt development tijd bespaart omdat dezelfde code zowel gebruikt worden voor de app op Android als voor de app op iOS. React Native is gebaseerd op het door Facebook ontwikkelde ReactJS Framework. React Native en ReactJS zijn gebaseerd op dezelfde principes maar verschillen in hoe het User Interface wordt opgebouwd.
De cursus React Native Mobile Development gaat van start met een bespreking van de basis architectuur van React Native. Aandacht wordt besteed aan de set React Native componenten waarmee mobile apps voor zowel iOS als Android met een native look and feel kunnen worden gemaakt.
Vervolgens wordt ingegaan op de structuur van Reactive Native apps en data uitwisseling met props en state. De virtual DOM, JSX en de render life cycle komen hierbij ter sprake.
Dan passeren de diverse componenten in React Native de revue zoals ListView, ScrollView, Picker, Slider en Switch. En eveneens wordt stil gestaan bij ActivityIndicators en AsyncStorage.
Onderdeel van het cursus programma is ook de behandeling API's voor device interactie zoals AppState, BackHandler, ClipBoard, Geolocation en Dimensions, InteractionManager, Keyboard en LayoutAnimation. Sommige API's zijn specifiek voor Android of iOS en ook deze worden behandeld.
Dan is het tijd voor een bespreking van state management in een App middels Redux. Met Redux wordt de state op een centrale locatie, de Redux store, opgeslagen en worden de componenten via action dispatching van veranderingen op de hoogte gebracht.
Tenslotte wordt aandacht besteed aan een aantal platform specifieke zaken zoals native componenten die speciaal gericht zijn op iOS of Android.
De cursus React Native Mobile Development is bedoeld voor developers die willen leren hoe ze cross-platform mobiele apps kunnen ontwikkelen met React Native.
Programmeerervaring in JavaScript is vereist en voorafgaande kennis van het React Framework en de ontwikkeling van mobiele apps is bevorderlijk voor de begripsvorming.
De stof wordt behandeld aan de hand van presentaties. Demo's worden gebruikt om de theorie te verduidelijken. Theorie en oefeningen worden tijdens de cursus afgewisseld. Het cursusmateriaal is in het Engels. De lestijden zijn van 9.30 uur tot 16.30 uur
De deelnemers ontvangen een officieel certificaat React Native Mobile Development na succesvolle afronding van de cursus.
Module 1 : Intro React Native |
Module 2 : App Architecture |
Module 3 : Components |
What is React Native? Native Components Platform Support On top of React JavaScript Glue Cross Platform Installing React Native NodeJS Setup Installing Yarn Install JDK Creating Projects React Native CLI |
Virtual DOM Render Bridges JSX React Components State and Props Render Life Cycle Immutability Container Components Flexbox Support Inputs Router Flux Styling |
View and ListView ScrollView WebView Buttons Modal ActivityIndicator Picker and Switch Status Bar Slider Image Text Alert AsyncStorage |
Module 4 : API's |
Module 5 : Redux |
Module 6 : Platform Specifics |
AccessibilityInfo Alert and AlertIOS AppState BackHandler ClipBoard Geolocation and Dimensions InteractionManager Keyboard LayoutAnimation NetInfo PixelRatio ToastAndroid Vibration |
React with Redux Three Principles Single Source of Truth Read Only State Action Dispatching Pure Functions Initial State Redux Store Reducers Dispatching Data Flow Unidirectional Async Flow |
Native Components iOS Simulator iOS-Specific Components ActionSheetIOS DatePickerIOS SegmentedControlIOS Android-Specific Components Android Emulator eject Command USB Debugging DatePicker Android TimePickerAndroid ViewPagerAndroid |