
React Native Developer Training
Beheers React Native van omgevingsconfiguratie tot App Store-submissie in één uitgebreide cursus. Je bouwt echte, cross-platform mobiele apps voor iOS en Android met dezelfde JavaScript-vaardigheden die je al kent. Elk hoofdstuk behandelt productieklare patronen die professionele mobiele ontwikkelaars dagelijks gebruiken.
Wat je gaat leren:
Je leert hoe je een professionele React Native-ontwikkelomgeving opzet en volledig functionele mobiele apps bouwt voor zowel iOS als Android. De cursus behandelt kerncomponenten, Flexbox-lay-outs, navigatiestromen en state management met hooks en globale statebibliotheken. Je integreert echte REST API's, gebruikt apparaatfuncties zoals camera en geolocatie en implementeert veilige tokenopslag. Je schrijft ook unit- en end-to-endtests, optimaliseert de app-prestaties en configureert CI/CD-pijplijnen. Na afloop heb je de vaardigheden om productieklare React Native-apps te bouwen, testen en uit te leveren.
Hoe je praktisch studeert React Native Developer Training
Hoe je oefent React Native Developer Training
Voor bedrijven die hun team willen trainen
Bij Dedika voor bedrijven bevat de cursus oefeningen en voorbeelden die zijn afgestemd op jouw organisatie en precies zoals jouw bedrijf het nodig heeft.
Cursusinhoud
8 Hoofdstukken • 40 LessenDuur tussen 4 en 360 uren (jij beslist)
Hoofdstuk 1VerbergenVerberg detailsBekijk detailsReact Native-grondbeginselen en -installatie
React Native-grondbeginselen en -installatie
Les 1 • Ontwikkeltools en basisprincipes van debuggen
Introduceert de React Native-debugger, Flipper en het in-app ontwikkelaarsmenu. Geeft studenten directe feedbacktools waar ze de hele cursus op zullen vertrouwen.
Les 2 • Wat is React Native
Behandelt de rol van React Native in cross-platform mobiele ontwikkeling en hoe het verschilt van React voor het web. Legt de conceptuele basis voor alle volgende hoofdstukken.
Les 3 • Je eerste project maken
Gebruikt de React Native CLI en Expo om een nieuwe app te scaffolden en de gegenereerde bestandsstructuur te verkennen. Verbindt tooling-kennis met hands-on projectcreatie.
Les 4 • Ontwikkelomgeving instellen
Installeert en configureert alle benodigde tools voor iOS- en Android-ontwikkeling. Zorgt ervoor dat elke student een reproduceerbare, werkende lokale omgeving heeft.
Les 5 • Apps uitvoeren op apparaten en emulators
Start de app op Android-emulators, iOS-simulators en fysieke apparaten. Valideert de volledige ontwikkelcyclus voordat er aangepaste code wordt geschreven.
Hoofdstuk 2VerbergenVerberg detailsBekijk detailsKerncomponenten en JSX-syntaxis
Kerncomponenten en JSX-syntaxis
Les 1 • Tekst-, View- en Image-componenten
Behandelt de drie meest fundamentele React Native-componenten en hun essentiële props. Studenten bouwen statische layouts met tekst, containers en afbeeldingen.
Les 2 • Invoer- en formuliercomponenten
Behandelt TextInput, Switch en Picker voor het vastleggen van gebruikersinvoer. Legt de componentenkennis vast die nodig is voordat state management wordt geïntroduceerd.
Les 3 • JSX-grondbeginselen in React Native
Legt JSX-syntaxis, het inbedden van expressies en hoe JSX compileert naar native UI-aanroepen uit. Biedt de syntactische basis voor alle komende componentenwerk.
Les 4 • Touchable- en Pressable-componenten
Introduceert aanraakafhandelende componenten en hun feedbackgedrag. Verbindt statische layouts met interactieve elementen die studenten in elke app zullen gebruiken.
Les 5 • Lijst- en scrollcomponenten
Leert ScrollView, FlatList en SectionList voor het renderen van gegevensverzamelingen. Bereidt studenten voor om dynamische datasets efficiënt weer te geven.
Hoofdstuk 3VerbergenVerberg detailsBekijk detailsStijlen en layouts met Flexbox
Stijlen en layouts met Flexbox
Les 1 • StyleSheet API en inline stijlen
Vergelijkt StyleSheet.create met inline stijlobjecten en legt prestatie-implicaties uit. Legt consistente stylingpatronen vast die gedurende de hele cursus worden gebruikt.
Les 2 • Flexbox-layoutmodel
Legt uit hoe het Flexbox-model van React Native verschilt van CSS en hoe je de asuitlijning beheert. Studenten verwerven de kernlayoutvaardigheid die in elk scherm wordt gebruikt.
Les 3 • Theming en herbruikbare stijlpatronen
Introduceert thema-objecten, stijlconstanten en component-level stijl inkapseling. Bereidt studenten voor om consistente ontwerpsystemen te onderhouden in grote apps.
Les 4 • Ruimte, randen en schaduwen
Past margin-, padding-, border- en shadow-eigenschappen toe om de visuele hiërarchie te verfijnen. Verbindt layoutkennis met een gepolijst, productiekwaliteit componentuiterlijk.
Les 5 • Afmetingen, eenheden en responsief ontwerp
Behandelt dichtheidsonafhankelijke pixels, de Dimensions API en useWindowDimensions. Maakt layouts mogelijk die correct reageren op verschillende apparaatformaten.
Hoofdstuk 4VerbergenVerberg detailsBekijk detailsState, Props en componentarchitectuur
State, Props en componentarchitectuur
Les 1 • useState voor lokale state
Introduceert de useState-hook voor het beheren van component-level state en het triggeren van herrenderingen. Stelt studenten in staat interactieve, stateful UI-elementen te bouwen.
Les 2 • useEffect en bijwerkingen
Behandelt useEffect voor data-ophalen, abonnementen en opruimen bij ontkoppeling. Verbindt componentlevenscyclusconcepten met praktische asynchrone bewerkingen.
Les 3 • Componentpatronen en beste praktijken
Behandelt container- versus presentatiecomponenten, memoization en het vermijden van onnodige herrenderingen. Bereidt studenten voor op het schrijven van performante, onderhoudbare componentenbomen.
Les 4 • Props en componentcommunicatie
Legt uit hoe props gegevens en callbacks doorgeven tussen bovenliggende en onderliggende componenten. Legt het unidirectionele gegevensstroompatroon vast dat centraal staat in React Native-apps.
Les 5 • Aangepaste hooks voor herbruikbare logica
Leert hoe je stateful logica kunt extraheren in aangepaste hooks voor hergebruik in componenten. Brengt studenten van basis hooks naar schaalbare code-organisatie.
Hoofdstuk 5VerbergenVerberg detailsBekijk detailsNavigatie en schermbeheer
Navigatie en schermbeheer
Les 1 • Stack Navigator voor schermstromen
Bouwt push-and-pop-schermstromen met de native stack navigator. Behandelt het meest voorkomende navigatiepatroon in mobiele apps.
Les 2 • Tab- en Drawer Navigators
Voegt bottom tab- en side drawer-navigators toe voor top-level appsecties. Stelt studenten in staat de primaire navigatieschillen te bouwen die in de meeste apps worden gebruikt.
Les 3 • Authenticatiestromen en beveiligde routes
Implementeert conditionele navigatie op basis van authenticatiestatus met behulp van navigator-switching. Bereidt studenten voor op het bouwen van veilige, rolbewuste app-navigatie.
Les 4 • React Navigation instellen en concepten
Installeert React Navigation en legt het navigator-, screen- en routemodel uit. Biedt de conceptuele kaart die studenten nodig hebben voordat ze een navigatiestroom bouwen.
Les 5 • Gegevens doorgeven tussen schermen
Behandelt route-params, navigatiestatus en contextgebaseerd delen van gegevens over schermen. Zorgt ervoor dat studenten gegevens door complexe navigatiehiërarchieën kunnen verplaatsen.
Hoofdstuk 6VerbergenVerberg detailsBekijk detailsNetwerken, API's en gegevensbeheer
Netwerken, API's en gegevensbeheer
Les 1 • Fetch API en asynchrone patronen
Gebruikt de ingebouwde Fetch API met async/await om HTTP-verzoeken te doen vanuit React Native. Legt het asynchrone data-ophaalpatroon vast dat in alle volgende secties wordt gebruikt.
Les 2 • React Query voor serverstatus
Gebruikt React Query om servergegevens automatisch te cachen, opnieuw op te halen en te synchroniseren. Vermindert boilerplate en verbetert de data-versheid in de app.
Les 3 • Axios voor HTTP-verzoeken
Introduceert Axios voor schonere verzoeksyntaxis, interceptors en base-URL-configuratie. Brengt studenten naar de HTTP-client die het meest wordt gebruikt in productie React Native-apps.
Les 4 • Lokale opslag met AsyncStorage
Bewaart sleutel-waardengegevens lokaal met AsyncStorage voor offline-first functies. Bereidt studenten voor om tokens, voorkeuren en gecachte responses op het apparaat op te slaan.
Les 5 • Laad-, fout- en lege statussen
Ontwerpt UI-statussen voor lopende, mislukte en lege gegevensscenario's. Verbindt API-integratie met een complete, gebruiksvriendelijke data-ophaalervaring.
Hoofdstuk 7VerbergenVerberg detailsBekijk detailsApparaatfuncties en native API's
Apparaatfuncties en native API's
Les 1 • Camera en afbeeldingskiezer
Maakt foto's en selecteert afbeeldingen uit de galerij met react-native-image-picker. Stelt studenten in staat media-rijke functies te bouwen die gebruikelijk zijn in sociale en utility-apps.
Les 2 • Machtigingsbeheer
Vraagt en controleert runtime-machtigingen voor gevoelige apparaatfuncties op iOS en Android. Legt het machtigingspatroon vast dat vereist is voordat er toegang wordt verkregen tot een native API.
Les 3 • Geografische locatie en kaarten
Haalt apparaatlocatie op en geeft interactieve kaarten weer met react-native-maps. Verbindt locatiegegevens met visuele kaartervaringen die studenten in echte apps kunnen implementeren.
Les 4 • Pushmeldingen
Configureert lokale en externe pushmeldingen met Expo Notifications of Firebase. Leert de volledige notificatielevenscyclus van planning tot gebruikersinteractie.
Les 5 • Apparaatsensoren en haptiek
Leest accelerometer- en gyroscoopgegevens en activeert haptische feedbackpatronen. Voegt tactiele en bewegingsbewuste interacties toe aan door studenten gebouwde apps.
Hoofdstuk 8VerbergenVerberg detailsBekijk detailsPrestaties, testen en implementatie
Prestaties, testen en implementatie
Les 1 • Unit- en integratietesten
Schrijft component- en hooktests met Jest en React Native Testing Library. Legt een testbasis vast die regressies opvangt vóór implementatie.
Les 2 • Bouwen en uitbrengen naar app-winkels
Genereert ondertekende release-builds voor Android en iOS en dient ze in bij hun respectievelijke winkels. Voltooit de volledige ontwikkelings-naar-productielevenscyclus voor studenten.
Les 3 • Prestatieprofilering en -optimalisatie
Gebruikt Flipper en de Performance Monitor om JS-thread- en render-knelpunten te identificeren. Rust studenten uit om de meest voorkomende React Native-prestatieproblemen te diagnosticeren en op te lossen.
Les 4 • End-to-end testen met Detox
Automatiseert volledige gebruikersstromen op simulators en apparaten met Detox. Valideert kritieke paden zoals inloggen en afrekenen vóór elke release.
Les 5 • Animaties met Animated API
Bouwt soepele, native-gestuurde animaties met de Animated API en Reanimated. Verbetert de waargenomen prestatie en gebruikersplezier in door studenten gebouwde interfaces.
Jouw geldig certificaat van voltooiing
Deze cursus is voor jou:
Webontwikkelaars: klaar om hun JavaScript-vaardigheden uit te breiden naar mobiele apps.
Freelancers die iOS- en Android-ontwikkeling willen aanbieden aan bestaande klanten.
Informaticastudenten: die praktische mobiele ervaring willen buiten de klas.
Backend-ingenieurs: nieuwsgierig naar het bouwen van de front-facing mobiele kant van producten.
Carrièreswitchers: overstappen naar mobiele ontwikkeling vanuit niet-gerelateerde techrollen.
Indie-makers: vastbesloten om hun eigen app-idee uit te brengen zonder een mobiel team in te huren.
Wat onze studenten zeggen
Jullie lessen zijn perfect. Ik heb het jaarpakket aangeschaft en heb eindelijk de mogelijkheid om verschillende onderwerpen die mij interesseren te volgen zonder van platform te hoeven wisselen... bedankt voor alles wat jullie doen, ik heb jullie al aan anderen aanbevolen...

Ik vind het fijn hoe de lessen direct ter zake zijn en hoe ik tussen hoofdstukken kan wisselen en content kan overslaan die ik niet nodig heb.

Ik vind de content en de manier van presenteren en transcriptie van video's geweldig, wat het proces versnelt!

Het platform is snel en eenvoudig te gebruiken. De diversiteit aan content en de aanvullende video's helpen enorm bij het leren.

Belangrijkste opleidingen
FAQ
Wie is Dedika?
Is het certificaat geldig in Nederland?
Zijn de cursussen gratis?
Wat is de studielast van de cursus?
Hoe zien de cursussen eruit?
Hoe werken de cursussen?
Wat is de duur van de cursussen?
Wat zijn de kosten of prijzen van de cursussen?
Wat is een EAD- of online cursus en hoe werkt het?
PDF-cursus




















