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

React Native Academy

Bygg plattformsoberoende appar för iOS och Android med React Native och Expo. Från den första komponenten till animationer, inbyggda API:er, pushnotiser och publicering i App Store. En lärstig från CoddyKit med 30 korta kurser och 120 interaktiva lektioner, med en AI-handledare till hands dygnet runt.

Kurser
30
Lektioner
120
Interaktiva steg
1,560
Gratis att börja
Kurs 1
Kursplan

30 kurser i den här lärvägen

Alla kurser i lärvägen React Native Academy, i rätt ordning. Den första är gratis.

1

A14 lektionerGratis

Kom igång med din utvecklingsmiljö för React Native med Expo. Du installerar nödvändiga verktyg, skapar ditt första projekt och kör det på en riktig enhet eller simulator. När kursen är klar förstår…

  1. 1Installera Node, Expo CLI och simulatorer
  2. 2Skapa ert första Expo-projekt
  3. 3Köra på enhet och emulator
  4. +1 till
Börja lära dig gratis
2

A14 lektionerPRO

Lär dig de grundläggande byggstenarna i varje React Native-skärm. Du arbetar med komponenterna View, Text och Image för att skapa layouter och visa innehåll på mobila enheter. Kursen ger dig praktisk…

  1. 1View-komponenten som behållare
  2. 2Visa text och formatera teckensnitt
  3. 3Visa bilder från lokala och externa källor
  4. +1 till
Börja lära dig gratisLås upp med PRO
3

A14 lektionerPRO

Behärska det stylingsystem som används i React Native och som bygger på CSS-inspirerade egenskaper tillämpade via JavaScript-objekt och StyleSheet. Du använder Flexbox för att bygga responsiva layout…

  1. 1StyleSheet.create och inline-stilar
  2. 2Flexbox-riktning, JustifyContent och AlignItems
  3. 3flex, flexGrow och responsiv storlek
  4. +1 till
Börja lära dig gratisLås upp med PRO
4

A14 lektionerPRO

Förstå hur data flödar genom React Native-komponenter med hjälp av props och state. Du lär dig skicka data till underordnade komponenter via props och hantera värden som ändras i en komponent med use…

  1. 1Skicka data med props
  2. 2Hantera komponenttillstånd med useState
  3. 3Lyfta upp tillstånd
  4. +1 till
Börja lära dig gratisLås upp med PRO
5

A14 lektionerPRO

Lär dig fånga upp och reagera på användarinteraktioner på mobilskärmar. Du arbetar med TextInput för tangentbordsinmatning, TouchableOpacity och Pressable för tryckningar samt komponenterna Switch oc…

  1. 1Grunderna i TextInput och tangentbordstyper
  2. 2Tryckhantering med TouchableOpacity och Pressable
  3. 3Växlare, switchar och kryssrutor
  4. +1 till
Börja lära dig gratisLås upp med PRO
6

A24 lektionerPRO

Lägg till navigering mellan flera skärmar i dina React Native-appar med branschstandardbiblioteket React Navigation. Du konfigurerar en stack navigator, skickar data mellan skärmar och bygger en flik…

  1. 1Installera och konfigurera React Navigation
  2. 2Navigera mellan skärmar och skicka parametrar
  3. 3Navigator med flikar längst ned
  4. +1 till
Börja lära dig gratisLås upp med PRO
7

A24 lektionerPRO

Visa stora datamängder effektivt med FlatList och SectionList. Du lär dig hur dessa komponenter virtualiserar rendering för att bibehålla smidig rullning även med tusentals objekt och hur du bygger v…

  1. 1FlatList-data, renderItem och keyExtractor
  2. 2Dra för att uppdatera och läsa in mer
  3. 3SectionList med rubriker
  4. +1 till
Börja lära dig gratisLås upp med PRO
8

A24 lektionerPRO

Gå bortom useState och useEffect och behärska hela uppsättningen React Hooks som finns i React Native. Du förstår useCallback, useMemo, useRef och useReducer och lär dig när varje hook är rätt verkty…

  1. 1useRef för DOM-noder och föränderliga värden
  2. 2useReducer för komplex tillståndslogik
  3. 3useCallback och useMemo för bättre prestanda
  4. +1 till
Börja lära dig gratisLås upp med PRO
9

A24 lektionerPRO

Dela global state i hela appen utan prop drilling med Reacts inbyggda Context API. Du skapar en temakontext och en kontext för användarautentisering och lär dig kombinera flera kontexter utan prestan…

  1. 1Skapa och tillhandahålla en kontext
  2. 2Använda kontext med useContext
  3. 3En temakontext med växlare för mörkt läge
  4. +1 till
Börja lära dig gratisLås upp med PRO
10

A24 lektionerPRO

Anslut din React Native-app till riktiga API:er. Du använder useEffect för att utlösa nätverksanrop när komponenten monteras, Axios för att förenkla HTTP-anrop och lär dig hantera laddningstillstånd,…

  1. 1useEffect-hooken och beroendearrayer
  2. 2Göra GET-begäranden med Axios
  3. 3Hantera laddnings- och feltillstånd
  4. +1 till
Börja lära dig gratisLås upp med PRO
11

B14 lektionerPRO

Hantera komplext applikationstillstånd på ett förutsägbart sätt med Redux Toolkit, det officiellt rekommenderade sättet att använda Redux i dag. Du skapar slices, skickar actions, använder selectors…

  1. 1Konfigurera Redux Store och Provider
  2. 2Skapa slices med createSlice
  3. 3Läsa tillstånd med useSelector
  4. +1 till
Börja lära dig gratisLås upp med PRO
12

B14 lektionerPRO

Upptäck Zustand, en minimal och snabb lösning för tillståndshantering som kräver betydligt mindre boilerplate än Redux. Ni skapar stores, lägger till actions och integrerar Zustand med era React Nati…

  1. 1Skapa en Zustand Store
  2. 2Läsa och uppdatera Store-tillstånd i komponenter
  3. 3Beständiggöra Zustand-tillstånd med AsyncStorage
  4. +1 till
Börja lära dig gratisLås upp med PRO
13

B14 lektionerPRO

Spara användardata och appinställningar lokalt på enheten så att de finns kvar när appen startas om. Ni använder AsyncStorage för nyckel-värde-lagring, bygger en inställningsskärm som sparar inställn…

  1. 1Läsa och skriva med AsyncStorage
  2. 2Lagra och tolka JSON-objekt
  3. 3Bygga en beständig inställningsskärm
  4. +1 till
Börja lära dig gratisLås upp med PRO
14

B14 lektionerPRO

Få åtkomst till inbyggd hårdvara och operativsystemsfunktioner som gör mobilappar unika. Ni integrerar kameran, läser GPS-koordinater och schemalägger lokala notiser med Expo's API:er för managed wor…

  1. 1Kameraåtkomst med expo-camera
  2. 2Läsa GPS-position med expo-location
  3. 3Schemalägga lokala aviseringar
  4. +1 till
Börja lära dig gratisLås upp med PRO
15

B14 lektionerPRO

Bygg robusta och högpresterande formulär i React Native med react-hook-form. Ni registrerar inmatningsfält, tillämpar valideringsregler, visar felmeddelanden för enskilda fält och integrerar gränssni…

  1. 1Konfigurera react-hook-form med Controller
  2. 2Valideringsregler och felmeddelanden
  3. 3Flerstegsformulär med formulärtillstånd
  4. +1 till
Börja lära dig gratisLås upp med PRO
16

B14 lektionerPRO

Ge ert React Native-gränssnitt liv med mjuka, native-drivna animationer med det inbyggda Animated API:et. Ni lär er animationer med timing, spring och sekvenser och tillämpar dem på transformeringar…

  1. 1Animated.Value och Animated.View
  2. 2Spring- och decay-animationer
  3. 3Animera flera egenskaper parallellt och i sekvens
  4. +1 till
Börja lära dig gratisLås upp med PRO
17

B14 lektionerPRO

Bygg följsamma, geststyrda interaktioner med React Native Reanimated 3 och React Native Gesture Handler. Ni hanterar svep-, nyp- och panoreringsgester och animerar gränssnittet som svar med worklets…

  1. 1Installera Reanimated och delade värden
  2. 2Worklets och kodkörning på UI-tråden
  3. 3Pan- och svepgester med Gesture Handler
  4. +1 till
Börja lära dig gratisLås upp med PRO
18

B14 lektionerPRO

Gör det möjligt för användare att öppna er app direkt från en URL i en webbläsare, ett e-postmeddelande eller en annan app. Ni konfigurerar anpassade URL-scheman och universal links för både iOS och…

  1. 1Konfigurera anpassade URL-scheman
  2. 2Linking API och URL-tolkning
  3. 3Konfigurera deep linking i React Navigation
  4. +1 till
Börja lära dig gratisLås upp med PRO
19

B14 lektionerPRO

Skicka pushnotiser till användarnas enheter för att återengagera dem även när appen är stängd. Ni registrerar enheter för pushtokens, skickar notiser via Expo's push-tjänst och hanterar tryckningar s…

  1. 1Begära behörighet och hämta en push-token
  2. 2Skicka notiser via Expo Push API
  3. 3Hantera notiser i förgrunden och bakgrunden
  4. +1 till
Börja lära dig gratisLås upp med PRO
20

B14 lektionerPRO

Bygg appar som fungerar tillförlitligt även utan internetanslutning med TanStack React Query. Ni cachelagrar data från servern på enheten, synkroniserar mutationer när anslutningen återkommer och ger…

  1. 1QueryClient, QueryClientProvider och useQuery
  2. 2Mutationer med useMutation och cacheinvalidering
  3. 3Beständiggöra frågecachen med AsyncStorage
  4. +1 till
Börja lära dig gratisLås upp med PRO
21

B24 lektionerPRO

Integrera Supabase som en komplett backend för er React Native-app, inklusive autentisering, databasfrågor och realtidsprenumerationer. Ni bygger autentiserade skärmar med stöd av en Postgres-databas…

  1. 1Konfigurera Supabase-klienten i React Native
  2. 2E-post- och OAuth-autentisering
  3. 3Fråga databasen med Supabase-klienten
  4. +1 till
Börja lära dig gratisLås upp med PRO
22

B24 lektionerPRO

Lägg till Firebase Authentication och Cloud Firestore i en React Native-app med biblioteket React Native Firebase. Ni autentiserar användare, lagrar och frågar efter dokument och lyssnar efter ändrin…

  1. 1Anslut React Native Firebase till projektet
  2. 2E-post- och telefonautentisering med Firebase
  3. 3Läsa och skriva Firestore-dokument
  4. +1 till
Börja lära dig gratisLås upp med PRO
23

B24 lektionerPRO

Diagnostisera och åtgärda de vanligaste prestandaproblemen i React Native-appar. Ni profilerar med Flipper och React DevTools, eliminerar onödiga renderingar, optimerar listscrollning och minskar sto…

  1. 1Profilera med Flipper och React DevTools
  2. 2Memoisering med React.memo, useCallback och useMemo
  3. 3Prestandaoptimering av FlatList
  4. +1 till
Börja lära dig gratisLås upp med PRO
24

B24 lektionerPRO

Skriv tillförlitliga enhets- och komponenttester för er React Native-kod med Jest och React Native Testing Library. Ni testar komponenter isolerat, simulerar native-moduler och bygger en testsvit som…

  1. 1Konfigurera Jest i ett React Native-projekt
  2. 2Rendera komponenter med React Native Testing Library
  3. 3Utlösa händelser och testa användarinteraktion
  4. +1 till
Börja lära dig gratisLås upp med PRO
25

B24 lektionerPRO

Skriv end-to-end-tester som automatiserar verkliga användarflöden på en enhet eller simulator med Maestro. Ni spelar in flöden, verifierar UI-element och integrerar Maestro-tester i er CI-pipeline fö…

  1. 1Installera Maestro och kör ert första flöde
  2. 2Påståenden och väntan på element
  3. 3Testa användarresor över flera skärmar
  4. +1 till
Börja lära dig gratisLås upp med PRO
26

B24 lektionerPRO

Utöka React Native bortom de inbyggda API:erna genom att skriva native-kod i Swift eller Kotlin och exponera den för JavaScript. Ni lär er både det äldre mönstret för native-moduler och den nya arkit…

  1. 1Skriva en äldre nativ modul i Kotlin
  2. 2Skriva en äldre nativ modul i Swift
  3. 3Turbo Native Modules med JSI
  4. +1 till
Börja lära dig gratisLås upp med PRO
27

B24 lektionerPRO

Automatisera konfigurationen av native-projekt för appar med Expo managed workflow genom att skriva konfigurationspluginer. Ni ändrar AndroidManifest.xml, Info.plist och byggskript från en konfigurat…

  1. 1Vad är config plugins och när används de
  2. 2Skriva ert första config plugin
  3. 3Ändra AndroidManifest och Info.plist
  4. +1 till
Börja lära dig gratisLås upp med PRO
28

B24 lektionerPRO

Ta er React Native-app genom hela granskningsprocessen för iOS App Store. Ni konfigurerar signeringscertifikat och provisioningprofiler, förbereder metadata för App Store och skickar in en build via…

  1. 1Konfigurera Apple Developer-konto och certifikat
  2. 2Konfigurera signering med EAS Build
  3. 3Förbereda metadata för App Store i App Store Connect
  4. +1 till
Börja lära dig gratisLås upp med PRO
29

B24 lektionerPRO

Publicera er React Native-app i Google Play Store från början till slut. Ni genererar en signerad AAB-fil, konfigurerar en butikslistning i Play Console med alla obligatoriska resurser och navigerar…

  1. 1Skapa en keystore och signera AAB-filen
  2. 2Konfigurera butikssidan i Play Console
  3. 3Innehållsklassificering, policyer och integritet
  4. +1 till
Börja lära dig gratisLås upp med PRO
30

B24 lektionerPRO

Tillämpa allt från spåret för att från grunden bygga en komplett och produktionsklar React Native-applikation. Ni planerar arkitekturen, implementerar autentisering, ett datadrivet flöde, enhetsfunkt…

  1. 1Planera arkitektur och teknikstack
  2. 2Autentiseringsflöde och skyddade rutter
  3. 3Kärnfunktion: dataflöde med offline-stöd
  4. +1 till
Börja lära dig gratisLås upp med PRO
CoddyKit PRO

Lås upp alla 30 kurser i den här lärvägen och alla andra lärvägar

AI-handledare, certifieringsprov och certifikat. Fungerar på webben, iOS och Android.

Se alla abonnemang
Årsvis$29.90 / årCirka $2.49 i månadenBetala en gångLivstid$69.99 en gångInga förnyelser. PRO för alltid.
Kursöversikt

Mobilutveckling med React Native

Bygg plattformsoberoende appar för iOS och Android med React Native och Expo. Från den första komponenten till animationer, inbyggda API:er, pushnotiser och publicering i App Store. Det här spåret omfattar 30 progressiva minikurser från nybörjarnivå (A1) till avancerad nivå (B2), med korta, fokuserade lektioner och snabba kunskapstest som hjälper er att befästa varje koncept.

Det här får ni lära er

Ni börjar med grunderna och bygger vidare med ämnen på medel- och avancerad nivå, där varje kurs bygger på den föregående. Varje lektion är praktiskt inriktad, med verkliga exempel och en AI-handledare som finns till hands när ni behöver hjälp.

Så fungerar det

Varje kurs är uppdelad i fyra fokuserade lektioner. Genomför några lektioner om dagen så behärskar ni hela spåret på veckor i stället för månader.

Verktyg

Öva med AI – läs inte bara

Ta lärandet till nästa nivå med AI-drivna verktyg och funktioner

AI-chattChatta med AI-handledarenStäll en superfrågaFå svar på expertnivåPROSkapa lektionAI-driven lektionsskaparePROPåbörja certifieringsprovetFå ditt certifikatPROStarta utmaningTesta dina kunskaper

Så lär du dig

  1. 01

    Interaktiva lektioner

    Praktiska kodövningar med feedback i realtid

  2. 02

    AI-handledare

    Få omedelbar hjälp av vår AI när du kör fast

  3. 03

    Inbyggd kodredigerare

    Skriv och kör kod direkt i webbläsaren

  4. 04

    Certifikat

    Få ett certifikat när du slutför kursen

Fortsätt utforska

Relaterade lärvägar

SwiftUI Academy logoSwiftUI AcademyBuild beautiful native iOS apps with SwiftUI, Apple's modern declarative UI framework. Fr…Flutter Mobile Development logoMobilutveckling 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 och OpenID Connect på djupetMaster 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

Vanliga frågor

Är kursen i React Native Academy gratis?

Ja. Ni kan börja kursen i React Native Academy gratis och genomföra de interaktiva lektionerna utan kostnad. Med en valfri PRO-prenumeration får Ni tillgång till avancerade AI-verktyg och ett certifikat som kan delas.

Behöver jag tidigare erfarenhet för att lära mig JavaScript?

Nej. Kursen börjar med grunderna och går stegvis vidare till mer avancerade ämnen, så Ni kan börja även utan tidigare erfarenhet av JavaScript.

Hur lär jag mig JavaScript på CoddyKit?

Ni lär Er genom att göra. Korta interaktiva lektioner kombinerar tydliga förklaringar med praktiska kodövningar som körs i realtid, och en AI-handledare som är tillgänglig dygnet runt ger personlig hjälp när Ni kör fast.

Får jag ett certifikat när jag har slutfört React Native Academy?

Ja. PRO-användare kan göra ett prov och få ett delbart intyg på att de har slutfört kursen i React Native Academy, med en verifierbar kod.

Kan jag lära mig JavaScript i mobilen?

Ja. CoddyKit finns på webben och som inbyggda iOS- och Android-appar, så Ni kan lära Er JavaScript på valfri enhet och synkronisera Era framsteg mellan dem.

Vad kostar CoddyKit PRO?

Den första kursen i React Native Academy är gratis. CoddyKit PRO låser upp alla kurser: $5.90 per vecka, $7.90 per månad, $29.90 per år eller $69.99 en gång för livstidsåtkomst utan förnyelser.

Hur lång tid tar det att slutföra React Native Academy?

React Native Academy har 30 kurser och 120 lektioner. De flesta lektioner tar cirka 5–10 minuter, så hela lärvägen motsvarar ungefär 14 timmars praktisk övning i egen takt.

Börja med React Native Academy nu

Anslut Er till tusentals deltagare som lär sig programmering med AI-drivna lektioner.

Börja lära dig gratisBläddra bland alla kurser