React Native Mobile Development

Cursus React Native Mobile Development Intro

De cursus React Native Mobile Development biedt een uitgebreide introductie tot de basisarchitectuur van React Native. Hierbij wordt de nadruk gelegd op de set React Native-componenten waarmee mobiele apps voor zowel iOS als Android met een native look and feel kunnen worden ontwikkeld. Dit maakt het een essentiële cursus voor iedereen die zich wil verdiepen in mobiele applicatieontwikkeling.

App Architectuur

Vervolgens komt de structuur van React Native-apps aan bod, inclusief de gegevensuitwisseling met props en state. De virtual DOM, JSX en de render lifecycle worden hierbij uitgebreid besproken, waardoor deelnemers een stevig fundament krijgen in hoe React Native werkt.

Componenten in React Native

In deze cursus worden de verschillende componenten in React Native behandeld, zoals ListView, ScrollView, Picker, Slider en Switch. Daarnaast wordt er stilgestaan bij ActivityIndicators en AsyncStorage, die cruciaal zijn voor het creëren van dynamische gebruikersinterfaces.

Cursus React Native Mobile Development API's

Een belangrijk onderdeel van het cursusprogramma is de behandeling van API's voor apparaatinteractie, zoals AppState, BackHandler, ClipBoard, Geolocation en Dimensions. Ook de InteractionManager, Keyboard en LayoutAnimation komen aan bod. Sommige API's zijn specifiek voor Android of iOS, en deze worden ook grondig behandeld, zodat deelnemers weten hoe ze deze kunnen toepassen in hun apps.

State Management met Redux

In de cursus React Native Mobile Development is er ook aandacht voor state management in een app met behulp van Redux. Met Redux wordt de state op een centrale locatie, de Redux store, opgeslagen. De componenten worden op de hoogte gebracht van veranderingen via action dispatching, wat zorgt voor een gestructureerde en efficiënte manier van werken.

Platform Specifieke Zaken

Tenslotte wordt er aandacht besteed aan platform specifieke zaken binnen React Native, zoals native componenten die specifiek gericht zijn op iOS of Android. Dit zorgt ervoor dat deelnemers begrijpen hoe ze hun apps kunnen optimaliseren voor verschillende platforms.
Voor meer informatie over mobiele ontwikkeling met andere technologieën, bekijk ook onze cursus Ionic Mobile Development. Voor meer details over React Native zelf, bezoek de officiële React Native website.

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