- 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 van SpiralTrain 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 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.
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.
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.
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.
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.
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.
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 |
Deze bedrijven en instanties waren u al voor:
Deze bedrijven waren u voor:
