PricingLoginStart free
React Native Academy logo
JavaScriptMobielNiveaus A1 → B222 talen

React Native Academy

Bouw iOS- en Android-apps voor meerdere platforms met React Native en Expo. Van je eerste component tot animaties, native API's, pushmeldingen en indienen bij de App Store. Een CoddyKit-leertraject met 30 korte cursussen en 120 interactieve lessen, met een AI-tutor die 24/7 voor je klaarstaat.

Cursussen
30
Lessen
120
Interactieve stappen
1,560
Gratis beginnen
Cursus 1
Lesprogramma

30 cursussen in dit leertraject

Elke cursus in het leertraject React Native Academy, in de juiste leer volgorde. De eerste is gratis.

1

A14 lessenGratis

Breng uw React Native-ontwikkelomgeving met Expo in gereedheid. U installeert de benodigde tools, maakt uw eerste project en voert het uit op een echt apparaat of in een simulator. Aan het einde van…

  1. 1Node, Expo CLI en simulators installeren
  2. 2Uw eerste Expo-project maken
  3. 3Uitvoeren op apparaat en emulator
  4. +1 meer
Gratis beginnen met leren
2

A14 lessenPRO

Leer de fundamentele bouwstenen van elk React Native-scherm. U werkt met de componenten View, Text en Image om layouts op te bouwen en inhoud op mobiele apparaten weer te geven. In deze cursus oefent…

  1. 1De View-component als container
  2. 2Tekst weergeven en lettertypen opmaken
  3. 3Afbeeldingen uit lokale en externe bronnen weergeven
  4. +1 meer
Gratis beginnen met lerenOntgrendelen met PRO
3

A14 lessenPRO

Beheers het stylingsysteem van React Native, dat is gebaseerd op CSS-geïnspireerde eigenschappen die via JavaScript-objecten en StyleSheet worden toegepast. U gebruikt Flexbox om responsieve layouts…

  1. 1StyleSheet.create en inline stijlen
  2. 2Flexbox-richting, JustifyContent en AlignItems
  3. 3flex, flexGrow en responsieve afmetingen
  4. +1 meer
Gratis beginnen met lerenOntgrendelen met PRO
4

A14 lessenPRO

Begrijp hoe gegevens via props en state door React Native-componenten stromen. U leert gegevens via props door te geven aan childcomponenten en veranderende waarden binnen een component te beheren me…

  1. 1Gegevens doorgeven met props
  2. 2Componentstatus beheren met useState
  3. 3Status omhoog tillen
  4. +1 meer
Gratis beginnen met lerenOntgrendelen met PRO
5

A14 lessenPRO

Leer gebruikersinteracties op mobiele schermen vastleggen en erop reageren. U werkt met TextInput voor invoer via het toetsenbord, TouchableOpacity en Pressable voor tikken en de componenten Switch e…

  1. 1De basis van TextInput en toetsenbordtypen
  2. 2Tap-handlers met TouchableOpacity en Pressable
  3. 3Schakelaars, switches en selectievakjes
  4. +1 meer
Gratis beginnen met lerenOntgrendelen met PRO
6

A24 lessenPRO

Voeg navigatie met meerdere schermen toe aan uw React Native-apps met de industriestandaardbibliotheek React Navigation. U stelt een stack navigator in, geeft gegevens door tussen schermen en bouwt e…

  1. 1React Navigation installeren en configureren
  2. 2Navigeren tussen schermen en params doorgeven
  3. 3Bottom-tabnavigator
  4. +1 meer
Gratis beginnen met lerenOntgrendelen met PRO
7

A24 lessenPRO

Geef grote gegevensverzamelingen efficiënt weer met FlatList en SectionList. U leert hoe deze componenten de rendering virtualiseren om soepel scrollen te behouden, zelfs met duizenden items, en hoe…

  1. 1FlatList-data, renderItem en keyExtractor
  2. 2Pull-to-refresh en meer laden
  3. 3SectionList met headers
  4. +1 meer
Gratis beginnen met lerenOntgrendelen met PRO
8

A24 lessenPRO

Ga verder dan useState en useEffect en beheers de volledige set React-hooks die beschikbaar is in React Native. U begrijpt useCallback, useMemo, useRef en useReducer en leert wanneer elke hook het ju…

  1. 1useRef voor DOM-nodes en veranderlijke waarden
  2. 2useReducer voor complexe statuslogica
  3. 3useCallback en useMemo voor betere prestaties
  4. +1 meer
Gratis beginnen met lerenOntgrendelen met PRO
9

A24 lessenPRO

Deel globale state in uw app zonder prop drilling met de ingebouwde Context API van React. U maakt een theme context en een user authentication context en leert meerdere contexten te combineren zonde…

  1. 1Een context maken en beschikbaar stellen
  2. 2Context gebruiken met useContext
  3. 3Een ThemeContext met een darkmode-schakelaar
  4. +1 meer
Gratis beginnen met lerenOntgrendelen met PRO
10

A24 lessenPRO

Verbind uw React Native-app met echte API's. U gebruikt useEffect om bij het mounten network requests te starten, Axios om HTTP-aanroepen te vereenvoudigen en leert loading states, fouten en responsg…

  1. 1De useEffect-hook en dependency-arrays
  2. 2GET-requests uitvoeren met Axios
  3. 3Laad- en foutstatussen verwerken
  4. +1 meer
Gratis beginnen met lerenOntgrendelen met PRO
11

B14 lessenPRO

Beheer complexe applicatiestate voorspelbaar met Redux Toolkit, de officiële aanbevolen manier om Redux tegenwoordig te gebruiken. U maakt slices, dispatcht actions, gebruikt selectors en koppelt de…

  1. 1De Redux-store en Provider instellen
  2. 2Slices maken met createSlice
  3. 3Status lezen met useSelector
  4. +1 meer
Gratis beginnen met lerenOntgrendelen met PRO
12

B14 lessenPRO

Ontdek Zustand, een minimalistische en snelle oplossing voor statebeheer waarvoor u veel minder boilerplate nodig hebt dan bij Redux. U maakt stores, voegt actions toe en integreert Zustand in uw Rea…

  1. 1Een Zustand-store maken
  2. 2Storestatus in componenten lezen en bijwerken
  3. 3Zustand-status persistent maken met AsyncStorage
  4. +1 meer
Gratis beginnen met lerenOntgrendelen met PRO
13

B14 lessenPRO

Sla gebruikersgegevens en app-instellingen lokaal op het apparaat op, zodat ze behouden blijven na het opnieuw starten van de app. U gebruikt AsyncStorage voor key-value-opslag, bouwt een instellinge…

  1. 1Lezen en schrijven met AsyncStorage
  2. 2JSON-objecten opslaan en parsen
  3. 3Een persistent instellingenscherm bouwen
  4. +1 meer
Gratis beginnen met lerenOntgrendelen met PRO
14

B14 lessenPRO

Krijg toegang tot native hardware- en besturingssysteemfuncties die mobiele apps uniek maken. U integreert de camera, leest GPS-coördinaten uit en plant lokale meldingen met de API's van Expo's manag…

  1. 1Cameratoegang met expo-camera
  2. 2GPS-locatie lezen met expo-location
  3. 3Lokale meldingen plannen
  4. +1 meer
Gratis beginnen met lerenOntgrendelen met PRO
15

B14 lessenPRO

Bouw robuuste, performante formulieren in React Native met react-hook-form. U registreert invoervelden, past validatieregels toe, toont foutmeldingen per veld en integreert UI-componenten van derden…

  1. 1react-hook-form instellen met Controller
  2. 2Validatieregels en foutmeldingen
  3. 3Formulieren met meerdere stappen en formulierstatus
  4. +1 meer
Gratis beginnen met lerenOntgrendelen met PRO
16

B14 lessenPRO

Breng uw React Native-UI tot leven met vloeiende, native aangestuurde animaties via de ingebouwde Animated API. U leert animaties met timing, springs en sequences en past ze toe op transformaties van…

  1. 1Animated.Value en Animated.View
  2. 2Spring- en decay-animaties
  3. 3Meerdere eigenschappen parallel en sequentieel animeren
  4. +1 meer
Gratis beginnen met lerenOntgrendelen met PRO
17

B14 lessenPRO

Bouw vloeiende interacties die door gestures worden aangestuurd met React Native Reanimated 3 en React Native Gesture Handler. U verwerkt swipe-, pinch- en pan-gestures en animeert de UI daarop met w…

  1. 1Reanimated en shared values installeren
  2. 2Worklets en code uitvoeren op de UI-thread
  3. 3Pan- en swipebewegingen met Gesture Handler
  4. +1 meer
Gratis beginnen met lerenOntgrendelen met PRO
18

B14 lessenPRO

Zorg ervoor dat gebruikers uw app rechtstreeks kunnen openen vanuit een URL in een browser, e-mail of andere app. U configureert aangepaste URL-schema's en universal links voor iOS en Android en verw…

  1. 1Aangepaste URL-schema's configureren
  2. 2Linking API en URL-parsing
  3. 3Deep-linkconfiguratie voor React Navigation
  4. +1 meer
Gratis beginnen met lerenOntgrendelen met PRO
19

B14 lessenPRO

Stuur pushmeldingen naar de apparaten van uw gebruikers om hen opnieuw te betrekken, zelfs wanneer de app gesloten is. U registreert apparaten voor pushtokens, verstuurt meldingen via de pushservice…

  1. 1Toestemming aanvragen en een push-token ophalen
  2. 2Meldingen verzenden via de Expo Push API
  3. 3Meldingen op de voorgrond en achtergrond verwerken
  4. +1 meer
Gratis beginnen met lerenOntgrendelen met PRO
20

B14 lessenPRO

Bouw apps die betrouwbaar blijven werken zonder internetverbinding met TanStack React Query. U cachet servergegevens op het apparaat, synchroniseert mutaties zodra de verbinding terug is en biedt geb…

  1. 1QueryClient, QueryClientProvider en useQuery
  2. 2Mutaties met useMutation en cache-invalidatie
  3. 3De querycache bewaren met AsyncStorage
  4. +1 meer
Gratis beginnen met lerenOntgrendelen met PRO
21

B24 lessenPRO

Integreer Supabase als volledige backend voor uw React Native-app, met authenticatie, databasequery's en realtime subscriptions. U bouwt geauthenticeerde schermen met een Postgres-database zonder ser…

  1. 1Supabase-client instellen in React Native
  2. 2E-mail- en OAuth-authenticatie
  3. 3De database bevragen met de Supabase-client
  4. +1 meer
Gratis beginnen met lerenOntgrendelen met PRO
22

B24 lessenPRO

Voeg Firebase Authentication en Cloud Firestore toe aan een React Native-app met de React Native Firebase-bibliotheek. U authenticeert gebruikers, slaat documenten op en bevraagt ze, en luistert naar…

  1. 1React Native Firebase met uw project verbinden
  2. 2E-mail- en telefoonauthenticatie met Firebase
  3. 3Firestore-documenten lezen en schrijven
  4. +1 meer
Gratis beginnen met lerenOntgrendelen met PRO
23

B24 lessenPRO

Analyseer en verhelp de meest voorkomende performanceknelpunten in React Native-apps. U profileert met Flipper en React DevTools, elimineert onnodige renders, optimaliseert het scrollen door lijsten…

  1. 1Profileren met Flipper en React DevTools
  2. 2Memoization met React.memo, useCallback en useMemo
  3. 3FlatList-prestaties afstemmen
  4. +1 meer
Gratis beginnen met lerenOntgrendelen met PRO
24

B24 lessenPRO

Schrijf betrouwbare unit- en componenttests voor uw React Native-code met Jest en React Native Testing Library. U test componenten geïsoleerd, mockt native modules en bouwt een testsuite die regressi…

  1. 1Jest instellen in een React Native-project
  2. 2Componenten renderen met React Native Testing Library
  3. 3Gebeurtenissen uitvoeren en gebruikersinteractie testen
  4. +1 meer
Gratis beginnen met lerenOntgrendelen met PRO
25

B24 lessenPRO

Schrijf end-to-endtests die echte gebruikersflows op een apparaat of simulator automatiseren met Maestro. U legt flows vast, controleert UI-elementen en integreert Maestro-tests in uw CI-pipeline om…

  1. 1Maestro installeren en uw eerste flow uitvoeren
  2. 2Assertions en wachten op elementen
  3. 3Gebruikersreizen met meerdere schermen testen
  4. +1 meer
Gratis beginnen met lerenOntgrendelen met PRO
26

B24 lessenPRO

Breid React Native uit voorbij de ingebouwde API's door native code in Swift of Kotlin te schrijven en deze aan JavaScript bloot te stellen. U leert zowel het legacy-patroon voor native modules als d…

  1. 1Een legacy native module schrijven in Kotlin
  2. 2Een legacy native module schrijven in Swift
  3. 3Turbo Native Modules met JSI
  4. +1 meer
Gratis beginnen met lerenOntgrendelen met PRO
27

B24 lessenPRO

Automatiseer de configuratie van native projecten voor Expo-apps met een managed workflow door configplugins te schrijven. U wijzigt AndroidManifest.xml, Info.plist en buildscripts vanuit een configp…

  1. 1Wat zijn Config Plugins en wanneer gebruikt u ze
  2. 2Uw eerste Config Plugin schrijven
  3. 3AndroidManifest en Info.plist aanpassen
  4. +1 meer
Gratis beginnen met lerenOntgrendelen met PRO
28

B24 lessenPRO

Begeleid uw React Native-app door het volledige beoordelingsproces van de iOS App Store. U configureert signing-certificaten en provisioningprofielen, bereidt App Store-metadata voor en dient een bui…

  1. 1Apple Developer-account en certificaten instellen
  2. 2Ondertekening configureren met EAS Build
  3. 3App Store-metadata voorbereiden in App Store Connect
  4. +1 meer
Gratis beginnen met lerenOntgrendelen met PRO
29

B24 lessenPRO

Publiceer uw React Native-app van begin tot eind in de Google Play Store. U genereert een ondertekende AAB, configureert een vermelding in de Play Console met alle vereiste assets en doorloopt het pr…

  1. 1Een keystore maken en de AAB ondertekenen
  2. 2De Play Console-vermelding instellen
  3. 3Inhoudsbeoordelingen, beleid en privacy
  4. +1 meer
Gratis beginnen met lerenOntgrendelen met PRO
30

B24 lessenPRO

Pas alles uit deze track toe om vanaf nul een complete, productierijpe React Native-applicatie te bouwen. U plant de architectuur, implementeert authenticatie, een datafeed, apparaatfuncties en anima…

  1. 1Architectuur en technologiestack plannen
  2. 2Authenticatieflow en beveiligde routes
  3. 3Kernfunctie: datafeed met offline-ondersteuning
  4. +1 meer
Gratis beginnen met lerenOntgrendelen met PRO
CoddyKit PRO

Ontgrendel alle 30 cursussen in dit leertraject en in elk ander leertraject

AI-begeleider, certificeringsexamen en certificaat. Werkt op het web, iOS en Android.

Alle abonnementen bekijken
Jaarlijks$29.90 per jaarOngeveer $2.49 per maandEenmalig betalenLevenslang$69.99 eenmaligGeen verlengingen. PRO voor altijd.
Cursusoverzicht

Mobiele ontwikkeling met React Native

Bouw iOS- en Android-apps voor meerdere platforms met React Native en Expo. Van je eerste component tot animaties, native API's, pushmeldingen en indienen bij de App Store. Dit leertraject omvat 30 oplopende minicursussen, van absolute beginner (A1) tot gevorderd (B2), met korte, gerichte lessen en snelle quizzen om elk concept goed te verankeren.

Wat je leert

Je begint met de basis en werkt toe naar onderwerpen op gemiddeld en gevorderd niveau, waarbij elke cursus voortbouwt op de vorige. Elke les is praktisch, met echte voorbeelden en een AI-begeleider die beschikbaar is wanneer je hulp nodig hebt.

Hoe het werkt

Elke cursus is verdeeld in vier gerichte lessen. Volg elke dag een paar lessen en je beheerst het volledige leertraject in weken, niet in maanden.

Hulpmiddelen

Oefen met AI in plaats van alleen te lezen

Geef je leerproces een boost met AI-hulpmiddelen en -functies

AI-chatChat met een AI-docentStel een supervraagKrijg antwoorden op expertniveauPROLes makenAI-gestuurde lessenbouwerPROStart het certificeringsexamenBehaal je certificaatPROStart de uitdagingTest je vaardigheden

Zo leer je

  1. 01

    Interactieve lessen

    Praktische codeeroefeningen met realtime feedback

  2. 02

    AI-docent

    Krijg direct hulp van onze AI als je vastloopt

  3. 03

    Ingebouwde editor

    Schrijf en voer code direct uit in je browser

  4. 04

    Certificaat

    Behaal een certificaat wanneer je de cursus afrondt

Verder ontdekken

Gerelateerde leertrajecten

SwiftUI Academy logoSwiftUI AcademyBuild beautiful native iOS apps with SwiftUI, Apple's modern declarative UI framework. Fr…Flutter Mobile Development logoMobiele ontwikkeling met FlutterMaster cross-platform mobile development with Flutter, building beautiful and high-perfor…Kotlin Multiplatform Academy logoKotlin Multiplatform AcademyShare Kotlin code across Android, iOS, and beyond with Kotlin Multiplatform. From expect/…OAuth2 & OpenID Connect Deep Dive logoOAuth2 en OpenID Connect diepgaand bekekenMaster modern authentication and authorization by diving deep into OAuth2 and OpenID Conn…TypeScript Academy logoTypeScript AcademyEnhance your JavaScript projects with TypeScript through lessons at TypeScript Academy.Jetpack Compose Academy logoJetpack Compose AcademyBuild modern Android UIs with Jetpack Compose, Google's declarative toolkit in Kotlin. Fr…
FAQ

Veelgestelde vragen

Is de React Native Academy-cursus gratis?

Ja. Je kunt gratis aan de React Native Academy-cursus beginnen en de interactieve lessen kosteloos doorlopen. Met een optioneel PRO-abonnement krijg je toegang tot geavanceerde AI-tools en een deelbaar certificaat.

Heb ik voorafgaande ervaring nodig om JavaScript te leren?

Nee. De cursus begint bij de basis en behandelt geleidelijk steeds geavanceerdere onderwerpen. Je kunt dus ook zonder eerdere ervaring met JavaScript beginnen.

Hoe leer ik JavaScript op CoddyKit?

Je leert door te doen. Korte interactieve lessen combineren een duidelijke uitleg met een praktische codeeroefening die in realtime wordt uitgevoerd. Een AI-begeleider is 24/7 beschikbaar voor persoonlijke hulp wanneer je vastloopt.

Krijg ik een certificaat als ik React Native Academy afrond?

Ja. PRO-leerlingen kunnen een examen afleggen en een deelbaar certificaat van voltooiing behalen, met een verifieerbare code voor de React Native Academy-cursus.

Kan ik JavaScript op mijn telefoon leren?

Ja. CoddyKit is beschikbaar op het web en als native iOS- en Android-app, zodat je JavaScript op elk apparaat kunt leren en je voortgang op al je apparaten wordt gesynchroniseerd.

Wat kost CoddyKit PRO?

De eerste cursus van React Native Academy is gratis. Met CoddyKit PRO ontgrendel je elke cursus: $5.90 per week, $7.90 per maand, $29.90 per jaar of eenmalig $69.99 voor levenslange toegang zonder verlengingen.

Hoe lang duurt het om React Native Academy te voltooien?

React Native Academy bevat 30 cursussen en 120 lessen. De meeste lessen duren ongeveer 5–10 minuten, dus het hele leertraject kost ongeveer 14 uur aan praktische oefeningen, in je eigen tempo.

Begin nu met React Native Academy

Sluit je aan bij duizenden leerlingen die met AI-ondersteunde lessen leren programmeren.

Gratis beginnen met lerenBekijk alle cursussen