PricingLoginStart free
React Native Academy logo
JavaScriptMobilNiveauer A1 → B222 sprog

React Native Academy

Byg apps til iOS og Android på tværs af platforme med React Native og Expo. Gå fra din første komponent til animationer, native API'er, pushnotifikationer og indsendelse til App Store. Et læringsforløb på CoddyKit med 30 korte kurser og 120 interaktive lektioner – med en AI-vejleder ved din side døgnet rundt.

Kurser
30
Lektioner
120
Interaktive trin
1,560
Gratis at komme i gang
Kursus 1
Kursusindhold

30 kurser på denne sti

Alle kurser på React Native Academy-stien i læringsrækkefølge. Det første kursus er gratis.

1

A14 lektionerGratis

Gør Deres React Native-udviklingsmiljø klar med Expo. De installerer de nødvendige værktøjer, opretter Deres første projekt og kører det på en rigtig enhed eller simulator. Ved kursets afslutning for…

  1. 1Installation af Node, Expo CLI og simulatorer
  2. 2Oprettelse af Deres første Expo-projekt
  3. 3Kørsel på enhed og emulator
  4. +1 flere
Start gratis
2

A14 lektionerPRO

Lær de grundlæggende byggesten i alle React Native-skærme. De arbejder med komponenterne View, Text og Image for at konstruere layouts og vise indhold på mobilen. Kurset giver Dem praktisk erfaring m…

  1. 1View-komponenten som container
  2. 2Visning af tekst og typografiske egenskaber
  3. 3Visning af billeder fra lokale og eksterne kilder
  4. +1 flere
Start gratisLås op med PRO
3

A14 lektionerPRO

Behersk det styling-system, React Native bruger, som er baseret på CSS-inspirerede egenskaber anvendt via JavaScript-objekter og StyleSheet. De bruger Flexbox til at bygge responsive layouts, der til…

  1. 1StyleSheet.create og inline-typografier
  2. 2Flexbox-retning, justifyContent og alignItems
  3. 3flex, flexGrow og responsiv størrelsestilpasning
  4. +1 flere
Start gratisLås op med PRO
4

A14 lektionerPRO

Forstå, hvordan data flyder gennem React Native-komponenter ved hjælp af props og state. De lærer at sende data ned til child-komponenter via props og håndtere værdier, der ændrer sig, inde i en komp…

  1. 1Videregivelse af data med props
  2. 2Håndtering af komponenttilstand med useState
  3. 3Flytning af state op
  4. +1 flere
Start gratisLås op med PRO
5

A14 lektionerPRO

Lær at registrere og reagere på brugerinteraktioner på mobilskærme. De arbejder med TextInput til tastaturinput, TouchableOpacity og Pressable til tryk samt Switch- og Picker-komponenterne til til/fr…

  1. 1Grundlæggende TextInput og tastaturtyper
  2. 2Trykhåndtering med TouchableOpacity og Pressable
  3. 3Til/fra-knapper, switches og afkrydsningsfelter
  4. +1 flere
Start gratisLås op med PRO
6

A24 lektionerPRO

Tilføj navigation mellem flere skærme i Deres React Native-apps med det branchestandardiserede bibliotek React Navigation. De opsætter en stack navigator, sender data mellem skærme og bygger en tab b…

  1. 1Installation og konfiguration af React Navigation
  2. 2Navigation mellem skærmbilleder og videregivelse af parametre
  3. 3Navigator med faner i bunden
  4. +1 flere
Start gratisLås op med PRO
7

A24 lektionerPRO

Vis store datamængder effektivt med FlatList og SectionList. De lærer, hvordan disse komponenter virtualiserer rendering for at bevare en jævn scroll-oplevelse selv med tusindvis af elementer, og hvo…

  1. 1FlatList-data, renderItem og keyExtractor
  2. 2Træk for at opdatere og indlæs mere
  3. 3SectionList med overskrifter
  4. +1 flere
Start gratisLås op med PRO
8

A24 lektionerPRO

Gå videre end useState og useEffect, og behersk det fulde sæt af React hooks, der er tilgængeligt i React Native. De forstår useCallback, useMemo, useRef og useReducer og lærer, hvornår hver hook er…

  1. 1useRef til DOM-noder og ændringsbare værdier
  2. 2useReducer til kompleks statelogik
  3. 3useCallback og useMemo til ydeevne
  4. +1 flere
Start gratisLås op med PRO
9

A24 lektionerPRO

Del global state på tværs af Deres app uden prop drilling ved hjælp af Reacts indbyggede Context API. De opretter en theme context og en user authentication context og lærer at kombinere flere contex…

  1. 1Oprettelse og levering af en context
  2. 2Brug af context med useContext
  3. 3En ThemeContext med mørk tilstand
  4. +1 flere
Start gratisLås op med PRO
10

A24 lektionerPRO

Forbind Deres React Native-app med rigtige API'er. De bruger useEffect til at udløse netværksforespørgsler ved mount, Axios til at forenkle HTTP-kald og lærer at håndtere loading states, fejl og resp…

  1. 1useEffect-hooket og afhængighedsarrays
  2. 2GET-requests med Axios
  3. 3Håndtering af indlæsnings- og fejltilstande
  4. +1 flere
Start gratisLås op med PRO
11

B14 lektionerPRO

Håndtér kompleks applikations-state på en forudsigelig måde med Redux Toolkit, den officielt anbefalede måde at bruge Redux på i dag. De opretter slices, dispatcher actions, bruger selectors og forbi…

  1. 1Opsætning af Redux-store og Provider
  2. 2Oprettelse af slices med createSlice
  3. 3Læsning af state med useSelector
  4. +1 flere
Start gratisLås op med PRO
12

B14 lektionerPRO

Opdag Zustand, en minimalistisk og hurtig løsning til tilstandshåndtering, som kræver langt mindre boilerplate end Redux. De opretter stores, tilføjer actions og integrerer Zustand med Deres React Na…

  1. 1Oprettelse af en Zustand-store
  2. 2Læsning og opdatering af store-state i komponenter
  3. 3Persistens af Zustand-state med AsyncStorage
  4. +1 flere
Start gratisLås op med PRO
13

B14 lektionerPRO

Gem brugerdata og appindstillinger lokalt på enheden, så de bevares, når appen genstartes. De bruger AsyncStorage til key-value-lagring, bygger en indstillingsskærm, der gemmer præferencer, og lærer…

  1. 1Læsning og skrivning med AsyncStorage
  2. 2Lagring og parsing af JSON-objekter
  3. 3Opbygning af et persistent indstillingsskærmbillede
  4. +1 flere
Start gratisLås op med PRO
14

B14 lektionerPRO

Få adgang til native hardware- og operativsystemfunktioner, der gør mobile apps unikke. De integrerer kameraet, læser GPS-koordinater og planlægger lokale notifikationer ved hjælp af Expo's API'er ti…

  1. 1Kameraadgang med expo-camera
  2. 2Aflæsning af GPS-position med expo-location
  3. 3Planlægning af lokale notifikationer
  4. +1 flere
Start gratisLås op med PRO
15

B14 lektionerPRO

Byg robuste og effektive formularer i React Native med react-hook-form. De registrerer inputfelter, anvender valideringsregler, viser fejlmeddelelser på feltniveau og integrerer tredjeparts-UI-kompon…

  1. 1Opsætning af react-hook-form med Controller
  2. 2Valideringsregler og fejlmeddelelser
  3. 3Formularer i flere trin med formularstate
  4. +1 flere
Start gratisLås op med PRO
16

B14 lektionerPRO

Giv Deres React Native-UI liv med jævne, native-drevne animationer ved hjælp af den indbyggede Animated API. De lærer timing-, spring- og sekvensanimationer samt at anvende dem på opacity-, positions…

  1. 1Animated.Value og Animated.View
  2. 2Spring- og decay-animationer
  3. 3Parallelle animationer og animationer i sekvens
  4. +1 flere
Start gratisLås op med PRO
17

B14 lektionerPRO

Byg flydende, gesture-styrede interaktioner med React Native Reanimated 3 og React Native Gesture Handler. De håndterer swipe-, pinch- og pan-bevægelser og animerer brugerfladen som reaktion ved hjæl…

  1. 1Installation af Reanimated og shared values
  2. 2Worklets og kørsel af kode på UI-tråden
  3. 3Pan- og swipe-bevægelser med Gesture Handler
  4. +1 flere
Start gratisLås op med PRO
18

B14 lektionerPRO

Giv brugerne mulighed for at åbne Deres app direkte fra en URL i en browser, en e-mail eller en anden app. De konfigurerer brugerdefinerede URL-skemaer og universelle links til både iOS og Android og…

  1. 1Konfiguration af brugerdefinerede URL-skemaer
  2. 2Linking-API og URL-parsing
  3. 3Konfiguration af deep links i React Navigation
  4. +1 flere
Start gratisLås op med PRO
19

B14 lektionerPRO

Send push-notifikationer til brugernes enheder for at engagere dem igen, selv når appen er lukket. De registrerer enheder til push-tokens, sender notifikationer via Expo's push-tjeneste og håndterer…

  1. 1Anmodning om tilladelse og hentning af et push-token
  2. 2Afsendelse af notifikationer via Expo Push API
  3. 3Håndtering af notifikationer i forgrunden og baggrunden
  4. +1 flere
Start gratisLås op med PRO
20

B14 lektionerPRO

Byg apps, der fungerer pålideligt selv uden internetforbindelse, med TanStack React Query. De cacher serverdata på enheden, synkroniserer mutationer, når forbindelsen vender tilbage, og giver brugern…

  1. 1QueryClient, QueryClientProvider og useQuery
  2. 2Mutationer med useMutation og cache-invalidering
  3. 3Persistens af query-cachen med AsyncStorage
  4. +1 flere
Start gratisLås op med PRO
21

B24 lektionerPRO

Integrer Supabase som en komplet backend til Deres React Native-app med autentificering, databaseforespørgsler og abonnementer på realtidsdata. De bygger autentificerede skærme baseret på en Postgres…

  1. 1Opsætning af Supabase-klienten i React Native
  2. 2E-mail- og OAuth-godkendelse
  3. 3Forespørgsler til databasen med Supabase-klienten
  4. +1 flere
Start gratisLås op med PRO
22

B24 lektionerPRO

Føj Firebase Authentication og Cloud Firestore til en React Native-app ved hjælp af biblioteket React Native Firebase. De autentificerer brugere, gemmer og forespørger dokumenter og lytter efter ændr…

  1. 1Forbindelse af React Native Firebase til Deres projekt
  2. 2E-mail- og telefongodkendelse med Firebase
  3. 3Læsning og skrivning af Firestore-dokumenter
  4. +1 flere
Start gratisLås op med PRO
23

B24 lektionerPRO

Diagnosticér og løs de mest almindelige flaskehalse for ydeevnen i React Native-apps. De profilerer med Flipper og React DevTools, fjerner unødvendige renders, optimerer scrollning i lister og reduce…

  1. 1Profilering med Flipper og React DevTools
  2. 2Memoization med React.memo, useCallback og useMemo
  3. 3Ydeevneoptimering af FlatList
  4. +1 flere
Start gratisLås op med PRO
24

B24 lektionerPRO

Skriv pålidelige unit- og komponenttests til Deres React Native-kode med Jest og React Native Testing Library. De tester komponenter isoleret, laver mocks af native-moduler og opbygger en testpakke,…

  1. 1Opsætning af Jest i et React Native-projekt
  2. 2Gengivelse af komponenter med React Native Testing Library
  3. 3Udløsning af hændelser og test af brugerinteraktion
  4. +1 flere
Start gratisLås op med PRO
25

B24 lektionerPRO

Skriv end-to-end-tests, der automatiserer virkelige brugerflows på en enhed eller simulator med Maestro. De optager flows, laver assertions på UI-elementer og integrerer Maestro-tests i Deres CI-pipe…

  1. 1Installation af Maestro og kørsel af det første flow
  2. 2Assertions og ventning på elementer
  3. 3Test af brugerrejser på flere skærme
  4. +1 flere
Start gratisLås op med PRO
26

B24 lektionerPRO

Udvid React Native ud over de indbyggede API'er ved at skrive native-kode i Swift eller Kotlin og eksponere den for JavaScript. De lærer både det ældre mønster for native-moduler og den nye arkitektu…

  1. 1Skrivning af et ældre native modul i Kotlin
  2. 2Skrivning af et ældre native modul i Swift
  3. 3Turbo Native Modules med JSI
  4. +1 flere
Start gratisLås op med PRO
27

B24 lektionerPRO

Automatisér konfigurationen af native-projekter til apps med Expo managed workflow ved at skrive config plugins. De ændrer AndroidManifest.xml, Info.plist og build-scripts fra et config plugin uden n…

  1. 1Hvad er config plugins, og hvornår bruges de
  2. 2Skriv Deres første config plugin
  3. 3Ændring af AndroidManifest og Info.plist
  4. +1 flere
Start gratisLås op med PRO
28

B24 lektionerPRO

Før Deres React Native-app gennem hele godkendelsesprocessen i iOS App Store. De konfigurerer signeringscertifikater og provisioning-profiler, forbereder metadata til App Store og indsender et build…

  1. 1Opsætning af Apple Developer-konto og certifikater
  2. 2Konfiguration af signering med EAS Build
  3. 3Forberedelse af App Store-metadata i App Store Connect
  4. +1 flere
Start gratisLås op med PRO
29

B24 lektionerPRO

Udgiv Deres React Native-app i Google Play Store fra start til slut. De genererer en signeret AAB, konfigurerer en appside i Play Console med alle nødvendige aktiver og gennemfører processen for grad…

  1. 1Oprettelse af en keystore og signering af AAB
  2. 2Opsætning af Play Console-registreringen
  3. 3Indholdsvurderinger, politikker og privatliv
  4. +1 flere
Start gratisLås op med PRO
30

B24 lektionerPRO

Anvend alt fra læringsforløbet til at bygge en komplet, produktionsklar React Native-applikation fra bunden. De planlægger arkitekturen, implementerer autentificering, et datadrevet feed, enhedsfunkt…

  1. 1Planlægning af arkitektur og teknologistak
  2. 2Godkendelsesflow og beskyttede ruter
  3. 3Kernefunktion: Datafeed med offlineunderstøttelse
  4. +1 flere
Start gratisLås op med PRO
CoddyKit PRO

Lås op for alle 30 kurser på denne sti og alle kurser på alle andre stier

AI-vejleder, certificeringseksamen og certifikat. Fungerer på web, iOS og Android.

Se alle abonnementer
Årligt$29.90 / årCa. $2.49 om månedenBetal én gangLivstid$69.99 én gangIngen fornyelser. PRO for altid.
Kursusoversigt

Mobiludvikling med React Native

Byg apps til iOS og Android på tværs af platforme med React Native og Expo. Gå fra din første komponent til animationer, native API'er, pushnotifikationer og indsendelse til App Store. Dette læringsspor dækker 30 progressive minikurser fra helt nybegynder (A1) til avanceret (B2) med korte, fokuserede lektioner og hurtige quizzer, der hjælper dig med at fastholde hvert koncept.

Det lærer du

Du begynder med det grundlæggende og bygger videre gennem emner på mellemtrin og avanceret niveau, hvor hvert kursus bygger videre på det forrige. Alle lektioner er praktiske med virkelige eksempler og en AI-underviser, når du har brug for hjælp.

Sådan fungerer det

Hvert kursus er opdelt i fire fokuserede lektioner. Gennemfør et par lektioner om dagen, så mestrer du hele læringssporet på uger i stedet for måneder.

Værktøjer

Øv dig med AI – læs ikke bare

Få mere ud af din læring med AI-drevne værktøjer og funktioner

AI-chatChat med en AI-underviserStil et superspørgsmålFå svar på ekspertniveauPROOpret lektionAI-drevet værktøj til at oprette lektionerPROStart certificeringseksamenFå dit certifikatPROStart udfordringAfprøv dine færdigheder

Sådan lærer du

  1. 01

    Interaktive lektioner

    Praktiske kodeøvelser med feedback i realtid

  2. 02

    AI-underviser

    Få øjeblikkelig hjælp fra vores AI, når du sidder fast

  3. 03

    Indbygget editor

    Skriv og kør kode direkte i din browser

  4. 04

    Certifikat

    Få et certifikat, når du gennemfører kurset

Udforsk videre

Relaterede læringsstier

SwiftUI Academy logoSwiftUI AcademyBuild beautiful native iOS apps with SwiftUI, Apple's modern declarative UI framework. Fr…Flutter Mobile Development logoMobiludvikling 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…
Ofte stillede spørgsmål

Ofte stillede spørgsmål

Er React Native Academy-kurset gratis?

Ja. Du kan begynde på React Native Academy-kurset gratis og gennemføre de interaktive lektioner uden omkostninger. Et valgfrit PRO-abonnement giver adgang til avancerede AI-værktøjer og et certifikat, der kan deles.

Skal jeg have erfaring på forhånd for at lære JavaScript?

Nej. Kurset begynder med det grundlæggende og bevæger sig gradvist videre til mere avancerede emner, så du kan starte uden tidligere erfaring med JavaScript.

Hvordan lærer jeg JavaScript på CoddyKit?

Du lærer ved at øve dig. Korte interaktive lektioner kombinerer en tydelig forklaring med en praktisk kodeøvelse, der kører i realtid, og en AI-vejleder, der er tilgængelig døgnet rundt, hjælper dig personligt, når du sidder fast.

Får jeg et certifikat, når jeg gennemfører React Native Academy?

Ja. PRO-brugere kan tage en eksamen og få et certifikat for gennemførelse af React Native Academy-kurset, som kan deles og indeholder en verificerbar kode.

Kan jeg lære JavaScript på min telefon?

Ja. CoddyKit er tilgængeligt på nettet og som indbyggede iOS- og Android-apps, så du kan lære JavaScript på enhver enhed, og dine fremskridt synkroniseres på tværs af dem.

Hvad koster CoddyKit PRO?

Det første kursus på React Native Academy-stien er gratis. CoddyKit PRO giver adgang til alle kurser: $5.90 om ugen, $7.90 om måneden, $29.90 om året eller $69.99 én gang for livstidsadgang uden fornyelser.

Hvor lang tid tager det at gennemføre React Native Academy?

React Native Academy har 30 kurser og 120 lektioner. De fleste lektioner tager cirka 5–10 minutter, så hele stien kræver omkring 14 timers praktisk øvelse i dit eget tempo.

Start på React Native Academy nu

Slut dig til tusindvis af kursister, der mestrer programmering med AI-drevne lektioner.

Start gratisSe alle kurser