Kies uw taal
React Native Developer Training
Meer dan 2 miljoen studenten wereldwijd

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.

Dedika voor bedrijven

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.

Klik hier

Cursusinhoud

8 Hoofdstukken • 40 LessenDuur tussen 4 en 360 uren (jij beslist)

Hoofdstuk 1Bekijk details

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 2Bekijk details

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 3Bekijk details

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 4Bekijk details

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 5Bekijk details

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 6Bekijk details

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 7Bekijk details

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 8Bekijk details

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.

Certificering

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...
Giulio Carlo
Giulio CarloStudent Digitale Marketing
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.
Mariana Ferres
Mariana FerresStudent Fotografie
Ik vind de content en de manier van presenteren en transcriptie van video's geweldig, wat het proces versnelt!
Luciana Alvarenga
Luciana AlvarengaStudent Nageldesign
Het platform is snel en eenvoudig te gebruiken. De diversiteit aan content en de aanvullende video's helpen enorm bij het leren.
André Felipe
André FelipeStudent Prompt Engineering

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