PricingLoginStart free
React Native Academy logo
JavaScriptMobilNivåer A1 → B222 språk

React Native Academy

Bygg plattformuavhengige iOS- og Android-apper med React Native og Expo. Gå fra den første komponenten til animasjoner, native API-er, push-varsler og innsending til App Store. En læringssti fra CoddyKit med 30 korte kurs og 120 interaktive leksjoner, med en AI-veileder tilgjengelig døgnet rundt.

Kurs
30
Leksjoner
120
Interaktive trinn
1,560
Gratis å komme i gang
Kurs 1
Kursinnhold

30 kurs i denne læringsstien

Alle kursene i læringsstien React Native Academy, i læringsrekkefølge. Det første er gratis.

1

A14 leksjonerGratis

Få React Native-utviklingsmiljøet Deres i gang med Expo. De installerer de nødvendige verktøyene, oppretter Deres første prosjekt og kjører det på en ekte enhet eller simulator. Ved kursets slutt for…

  1. 1Installere Node, Expo CLI og simulatorer
  2. 2Opprette ditt første Expo-prosjekt
  3. 3Kjøre på enhet og emulator
  4. +1 flere
Start læringen gratis
2

A14 leksjonerPRO

Lær de grunnleggende byggeklossene i alle React Native-skjermer. De arbeider med komponentene View, Text og Image for å lage oppsett og vise innhold på mobile enheter. Kurset gir Dem praktisk trening…

  1. 1View-komponenten som beholder
  2. 2Vise tekst og utforme skrifter
  3. 3Vise bilder fra lokale og eksterne kilder
  4. +1 flere
Start læringen gratisLås opp med PRO
3

A14 leksjonerPRO

Behersk stylingsystemet i React Native, som er basert på CSS-inspirerte egenskaper brukt via JavaScript-objekter og StyleSheet. De bruker Flexbox til å bygge responsive oppsett som tilpasser seg ulik…

  1. 1StyleSheet.create og innebygde stiler
  2. 2Flexbox-retning, JustifyContent og AlignItems
  3. 3flex, flexGrow og responsiv størrelsestilpasning
  4. +1 flere
Start læringen gratisLås opp med PRO
4

A14 leksjonerPRO

Forstå hvordan data flyter gjennom React Native-komponenter ved hjelp av props og state. De lærer å sende data ned til underordnede komponenter via props og håndtere verdier som endres i en komponent…

  1. 1Sende data med props
  2. 2Håndtere komponenttilstand med useState
  3. 3Løfte tilstanden opp
  4. +1 flere
Start læringen gratisLås opp med PRO
5

A14 leksjonerPRO

Lær å fange opp og reagere på brukerinteraksjoner på mobilskjermer. De arbeider med TextInput for tastaturinndata, TouchableOpacity og Pressable for trykk, samt komponentene Switch og Picker for av/p…

  1. 1Grunnleggende om TextInput og tastaturtyper
  2. 2Trykkbehandlere med TouchableOpacity og Pressable
  3. 3Brytere, Switch og avmerkingsbokser
  4. +1 flere
Start læringen gratisLås opp med PRO
6

A24 leksjonerPRO

Legg til navigasjon mellom flere skjermer i React Native-appene Deres ved hjelp av bransjestandardbiblioteket React Navigation. De setter opp en stack navigator, sender data mellom skjermer og bygger…

  1. 1Installere og konfigurere React Navigation
  2. 2Navigere mellom skjermer og sende parametere
  3. 3Navigering med faner nederst
  4. +1 flere
Start læringen gratisLås opp med PRO
7

A24 leksjonerPRO

Vis store datamengder effektivt med FlatList og SectionList. De lærer hvordan disse komponentene virtualiserer gjengivelsen for å opprettholde jevn rulling, selv med tusenvis av elementer, og hvordan…

  1. 1FlatList-data, renderItem og keyExtractor
  2. 2Trekk for å oppdatere og last inn mer
  3. 3SectionList med overskrifter
  4. +1 flere
Start læringen gratisLås opp med PRO
8

A24 leksjonerPRO

Gå videre fra useState og useEffect, og behersk hele utvalget av React hooks som er tilgjengelig i React Native. De lærer om useCallback, useMemo, useRef og useReducer, og når hver hook er riktig ver…

  1. 1useRef for DOM-noder og mutable verdier
  2. 2useReducer for kompleks tilstandslogikk
  3. 3useCallback og useMemo for bedre ytelse
  4. +1 flere
Start læringen gratisLås opp med PRO
9

A24 leksjonerPRO

Del global state på tvers av appen uten prop drilling ved hjelp av React sin innebygde Context API. De oppretter en temakontekst og en kontekst for brukerautentisering, og lærer å kombinere flere kon…

  1. 1Opprette og tilby en kontekst
  2. 2Bruke kontekst med useContext
  3. 3En temakontekst med bryter for mørk modus
  4. +1 flere
Start læringen gratisLås opp med PRO
10

A24 leksjonerPRO

Koble React Native-appen Deres til ekte API-er. De bruker useEffect til å utløse nettverksforespørsler ved montering, Axios til å forenkle HTTP-kall, og lærer å håndtere lastetilstander, feil og svar…

  1. 1useEffect-hooken og avhengighetstabeller
  2. 2Gjøre GET-forespørsler med Axios
  3. 3Håndtere laste- og feiltilstander
  4. +1 flere
Start læringen gratisLås opp med PRO
11

B14 leksjonerPRO

Håndter kompleks applikasjonsstate på en forutsigbar måte med Redux Toolkit, den offisielt anbefalte måten å bruke Redux på i dag. De oppretter slices, sender actions, bruker selectors og kobler Redu…

  1. 1Sette opp Redux-store og Provider
  2. 2Opprette slices med createSlice
  3. 3Lese tilstand med useSelector
  4. +1 flere
Start læringen gratisLås opp med PRO
12

B14 leksjonerPRO

Oppdag Zustand, en minimal og rask løsning for tilstandsbehandling som krever langt mindre standardkode enn Redux. De vil opprette stores, legge til actions og integrere Zustand med React Native-komp…

  1. 1Opprette en Zustand-store
  2. 2Lese og oppdatere store-tilstand i komponenter
  3. 3Bevare Zustand-tilstand med AsyncStorage
  4. +1 flere
Start læringen gratisLås opp med PRO
13

B14 leksjonerPRO

Lagre brukerdata og appinnstillinger lokalt på enheten, slik at de bevares når appen startes på nytt. De vil bruke AsyncStorage til nøkkel-verdi-lagring, bygge et innstillingsskjermbilde som lagrer p…

  1. 1Lese og skrive med AsyncStorage
  2. 2Lagre og analysere JSON-objekter
  3. 3Bygge en innstillingsskjerm med lagring
  4. +1 flere
Start læringen gratisLås opp med PRO
14

B14 leksjonerPRO

Ta i bruk innebygde maskinvare- og operativsystemfunksjoner som gjør mobilapper unike. De vil integrere kameraet, lese GPS-koordinater og planlegge lokale varsler ved hjelp av API-ene i Expos managed…

  1. 1Kameratilgang med expo-camera
  2. 2Lese GPS-posisjon med expo-location
  3. 3Planlegge lokale varsler
  4. +1 flere
Start læringen gratisLås opp med PRO
15

B14 leksjonerPRO

Bygg robuste og effektive skjemaer i React Native med react-hook-form. De vil registrere inndatafelt, bruke valideringsregler, vise feilmeldinger for hvert felt og integrere tredjeparts UI-komponente…

  1. 1Sette opp react-hook-form med Controller
  2. 2Valideringsregler og feilmeldinger
  3. 3Skjemaer i flere trinn med skjematilstand
  4. +1 flere
Start læringen gratisLås opp med PRO
16

B14 leksjonerPRO

Gi React Native-grensesnittet liv med jevne, native-drevne animasjoner ved hjelp av det innebygde Animated-API-et. De vil lære om tidsstyrte, fjærbaserte og sekvensielle animasjoner og bruke dem på g…

  1. 1Animated.Value og Animated.View
  2. 2Spring- og decay-animasjoner
  3. 3Animere flere egenskaper parallelt og i sekvens
  4. +1 flere
Start læringen gratisLås opp med PRO
17

B14 leksjonerPRO

Bygg smidige, bevegelsesstyrte interaksjoner med React Native Reanimated 3 og React Native Gesture Handler. De vil håndtere sveipe-, knipe- og dra-bevegelser og animere grensesnittet som respons med…

  1. 1Installere Reanimated og delte verdier
  2. 2Worklets og kjøring av kode på UI-tråden
  3. 3Panorerings- og sveipebevegelser med Gesture Handler
  4. +1 flere
Start læringen gratisLås opp med PRO
18

B14 leksjonerPRO

La brukere åpne appen direkte fra en URL i en nettleser, e-post eller en annen app. De vil konfigurere egendefinerte URL-skjemaer og universelle lenker for både iOS og Android, og håndtere den innkom…

  1. 1Konfigurere egendefinerte URL-skjemaer
  2. 2Linking-API-et og URL-parsing
  3. 3Konfigurere deep linking i React Navigation
  4. +1 flere
Start læringen gratisLås opp med PRO
19

B14 leksjonerPRO

Send push-varsler til brukernes enheter for å få dem tilbake til appen, selv når den er lukket. De vil registrere enheter for push-tokens, sende varsler via Expos push-tjeneste og håndtere trykk slik…

  1. 1Be om tillatelse og hent et push-token
  2. 2Sende varsler via Expo Push API
  3. 3Håndtere varsler i forgrunnen og bakgrunnen
  4. +1 flere
Start læringen gratisLås opp med PRO
20

B14 leksjonerPRO

Bygg apper som fungerer pålitelig selv uten internettforbindelse ved hjelp av TanStack React Query. De vil mellomlagre serverdata på enheten, synkronisere mutasjoner når forbindelsen kommer tilbake o…

  1. 1QueryClient, QueryClientProvider og useQuery
  2. 2Mutasjoner med useMutation og ugyldiggjøring av hurtigbuffer
  3. 3Bevare spørringshurtigbufferet med AsyncStorage
  4. +1 flere
Start læringen gratisLås opp med PRO
21

B24 leksjonerPRO

Integrer Supabase som en komplett backend for React Native-appen, med autentisering, databasespørringer og sanntidsabonnementer. De vil bygge autentiserte skjermbilder basert på en Postgres-database…

  1. 1Sette opp Supabase-klienten i React Native
  2. 2E-post- og OAuth-autentisering
  3. 3Spørre i databasen med Supabase-klienten
  4. +1 flere
Start læringen gratisLås opp med PRO
22

B24 leksjonerPRO

Legg til Firebase Authentication og Cloud Firestore i en React Native-app ved hjelp av React Native Firebase-biblioteket. De vil autentisere brukere, lagre og spørre etter dokumenter og lytte etter s…

  1. 1Koble React Native Firebase til prosjektet
  2. 2E-post- og telefonautentisering med Firebase
  3. 3Lese og skrive Firestore-dokumenter
  4. +1 flere
Start læringen gratisLås opp med PRO
23

B24 leksjonerPRO

Finn og løs de vanligste ytelsesflaskehalsene i React Native-apper. De vil profilere med Flipper og React DevTools, fjerne unødvendige gjengivelser, optimalisere rulling i lister og redusere størrels…

  1. 1Profilering med Flipper og React DevTools
  2. 2Memoisering med React.memo, useCallback og useMemo
  3. 3Ytelsesjustering av FlatList
  4. +1 flere
Start læringen gratisLås opp med PRO
24

B24 leksjonerPRO

Skriv pålitelige enhets- og komponenttester for React Native-koden med Jest og React Native Testing Library. De vil teste komponenter isolert, simulere native-moduler og bygge en testpakke som oppdag…

  1. 1Sette opp Jest i et React Native-prosjekt
  2. 2Gjengi komponenter med React Native Testing Library
  3. 3Utløse hendelser og teste brukerinteraksjon
  4. +1 flere
Start læringen gratisLås opp med PRO
25

B24 leksjonerPRO

Skriv ende-til-ende-tester som automatiserer ekte brukerflyter på en enhet eller simulator med Maestro. De vil registrere flyter, kontrollere UI-elementer og integrere Maestro-tester i CI-pipelinen f…

  1. 1Installere Maestro og kjøre den første flyten
  2. 2Påstander og venting på elementer
  3. 3Teste brukerreiser over flere skjermer
  4. +1 flere
Start læringen gratisLås opp med PRO
26

B24 leksjonerPRO

Utvid React Native utover de innebygde API-ene ved å skrive native-kode i Swift eller Kotlin og eksponere den for JavaScript. De vil lære både det eldre mønsteret for native-moduler og den nye arkite…

  1. 1Skrive en eldre native modul i Kotlin
  2. 2Skrive en eldre native modul i Swift
  3. 3Turbo Native Modules med JSI
  4. +1 flere
Start læringen gratisLås opp med PRO
27

B24 leksjonerPRO

Automatiser konfigurasjonen av native-prosjekter for Expo-apper med managed workflow ved å skrive konfigurasjonsplugins. De vil endre AndroidManifest.xml, Info.plist og byggskript fra en konfigurasjo…

  1. 1Hva er config plugins, og når brukes de
  2. 2Skrive den første config-pluginen
  3. 3Endre AndroidManifest og Info.plist
  4. +1 flere
Start læringen gratisLås opp med PRO
28

B24 leksjonerPRO

Ta React Native-appen gjennom hele godkjenningsprosessen for iOS App Store. De vil konfigurere signeringssertifikater og provisioning-profiler, klargjøre metadata for App Store og sende inn en build…

  1. 1Sette opp Apple Developer-konto og sertifikater
  2. 2Konfigurere signering med EAS Build
  3. 3Klargjøre metadata for App Store i App Store Connect
  4. +1 flere
Start læringen gratisLås opp med PRO
29

B24 leksjonerPRO

Publiser React Native-appen i Google Play Store fra start til slutt. De vil generere en signert AAB, konfigurere en oppføring i Play Console med alle nødvendige ressurser og gjennomføre en trinnvis u…

  1. 1Opprette en keystore og signere AAB-en
  2. 2Sette opp oppføringen i Play Console
  3. 3Innholdsvurderinger, policyer og personvern
  4. +1 flere
Start læringen gratisLås opp med PRO
30

B24 leksjonerPRO

Bruk alt fra læringsløpet til å bygge en komplett, produksjonsklar React Native-applikasjon fra grunnen av. De vil planlegge arkitekturen, implementere autentisering, en datadrevet feed, enhetsfunksj…

  1. 1Planlegge arkitektur og teknologistakk
  2. 2Autentiseringsflyt og beskyttede ruter
  3. 3Kjernefunksjon: Datafeed med støtte for frakoblet modus
  4. +1 flere
Start læringen gratisLås opp med PRO
CoddyKit PRO

Lås opp alle 30 kursene i denne læringsstien og alle andre læringsstier

AI-veileder, sertifiseringseksamen og sertifikat. Fungerer på web, iOS og Android.

Se alle abonnementene
Årlig$29.90 / årOmtrent $2.49 per månedBetal én gangLivstid$69.99 én gangIngen fornyelser. PRO for alltid.
Kursoversikt

Mobilutvikling med React Native

Bygg plattformuavhengige iOS- og Android-apper med React Native og Expo. Gå fra den første komponenten til animasjoner, native API-er, push-varsler og innsending til App Store. Dette læringsløpet består av 30 progressive minikurs, fra helt nybegynner (A1) til viderekommen (B2), med korte, fokuserte leksjoner og raske quizer som hjelper Dem å feste hvert konsept.

Dette vil De lære

De begynner med grunnleggende konsepter og bygger Dem gradvis opp gjennom emner på mellomnivå og viderekomment nivå, der hvert kurs bygger på det forrige. Hver leksjon er praktisk, med eksempler fra virkeligheten og en AI-veileder tilgjengelig når De trenger hjelp.

Slik fungerer det

Hvert kurs er delt inn i fire fokuserte leksjoner. Gjennomfør noen leksjoner om dagen, så behersker De hele læringsløpet på noen uker, ikke måneder.

Verktøy

Øv med AI, ikke bare les

Få mer ut av læringen med AI-drevne verktøy og funksjoner

AI-chatChat med AI-veilederenStill et superspørsmålFå svar på ekspertnivåPROOpprett leksjonAI-drevet leksjonsbyggerPROStart sertifiseringseksamenFå sertifikatet dittPROStart utfordringTest ferdighetene dine

Slik lærer du

  1. 01

    Interaktive leksjoner

    Praktiske kodeøvelser med tilbakemelding i sanntid

  2. 02

    AI-veileder

    Få øyeblikkelig hjelp fra AI-en vår når du står fast

  3. 03

    Innebygd kodeeditor

    Skriv og kjør kode direkte i nettleseren

  4. 04

    Sertifikat

    Få et sertifikat når du fullfører kurset

Fortsett å utforske

Relaterte læringsstier

SwiftUI Academy logoSwiftUI AcademyBuild beautiful native iOS apps with SwiftUI, Apple's modern declarative UI framework. Fr…Flutter Mobile Development logoMobilutvikling med 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 og OpenID Connect i dybdenMaster 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

Ofte stilte spørsmål

Er kurset i React Native Academy gratis?

Ja. Du kan starte på kurset i React Native Academy gratis og fullføre de interaktive leksjonene uten kostnad. Et valgfritt PRO-abonnement låser opp avanserte AI-verktøy og et delbart sertifikat.

Trenger jeg tidligere erfaring for å lære JavaScript?

Nei. Kurset begynner med det grunnleggende og går gradvis videre til mer avanserte emner, slik at du kan starte selv uten tidligere erfaring med JavaScript.

Hvordan lærer jeg JavaScript på CoddyKit?

Du lærer gjennom praksis. Korte, interaktive leksjoner kombinerer en tydelig forklaring med en praktisk kodeøvelse som kjører i sanntid, og en AI-veileder som er tilgjengelig døgnet rundt, gir deg personlig hjelp når du står fast.

Får jeg et sertifikat når jeg fullfører React Native Academy?

Ja. PRO-brukere kan ta en eksamen og få et delbart fullføringssertifikat med en verifiserbar kode for kurset i React Native Academy.

Kan jeg lære JavaScript på telefonen?

Ja. CoddyKit er tilgjengelig på nettet og som native iOS- og Android-apper, slik at du kan lære JavaScript på alle enheter, mens fremdriften synkroniseres mellom dem.

Hvor mye koster CoddyKit PRO?

Det første kurset i React Native Academy er gratis. CoddyKit PRO gir tilgang til alle kurs: $5.90 per uke, $7.90 per måned, $29.90 per år eller $69.99 én gang for tilgang på livstid uten fornyelser.

Hvor lang tid tar det å fullføre React Native Academy?

React Native Academy består av 30 kurs og 120 leksjoner. De fleste leksjonene tar omtrent 5–10 minutter, så hele læringsstien tar rundt 14 timer med praktisk øving i eget tempo.

Start på React Native Academy nå

Bli med tusenvis av elever som lærer programmering med AI-drevne leksjoner.

Start læringen gratisSe alle kurs