React Native Mobile Development

React Native Intro

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.

App Architecture

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.

Components

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.

React Native API's

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.

Redux

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.

Platform Specifics

Tenslotte wordt aandacht besteed aan een aantal platform specifieke zaken zoals native componenten die speciaal gericht zijn op iOS of Android.

Doelgroep Cursus React Native Mobile Development

De cursus React Native Mobile Development is bedoeld voor developers die willen leren hoe ze cross-platform mobiele apps kunnen ontwikkelen met React Native.

Voorkennis Cursus React Native Mobile Development

Programmeerervaring in JavaScript is vereist en voorafgaande kennis van het React Framework en de ontwikkeling van mobiele apps is bevorderlijk voor de begripsvorming.

Uitvoering Training React Native Mobile Development

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

Certificering React Native Mobile Development

De deelnemers ontvangen een officieel certificaat React Native Mobile Development na succesvolle afronding van de cursus.

Modules

Module 1 : Intro React Native

• 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

Module 2 : App Architecture

• Virtual DOM
• Render Bridges
• JSX
• React Components
• State and Props
• Render Life Cycle
• Immutability
• Container Components
• Flexbox Support
• Inputs
• Router Flux
• Styling

Module 3 : Components

• View and ListView
• ScrollView
• WebView
• Buttons
• Modal
• ActivityIndicator
• Picker and Switch
• Status Bar
• Slider
• Image
• Text Alert
• AsyncStorage

Module 4 : API's

• AccessibilityInfo
• Alert and AlertIOS
• AppState
• BackHandler
• ClipBoard
• Geolocation and Dimensions
• InteractionManager
• Keyboard
• LayoutAnimation
• NetInfo
• PixelRatio
• ToastAndroid
• Vibration

Module 5 : Redux

• 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

Module 6 : Platform Specifics

• Native Components
• iOS Simulator
• iOS-Specific Components
• ActionSheetIOS
• DatePickerIOS
• SegmentedControlIOS
• Android-Specific Components
• Android Emulator
• eject Command
• USB Debugging
• DatePicker Android
• TimePickerAndroid
• ViewPagerAndroid