React Native: Learn & Practice

Code Play

Indeholder annoncer

Om denne app

Lær React Native gennem korte forklaringer, praktiske kodeeksempler og små udfordringer. Udforsk 148 lektioner i 10 moduler, åbn et eksempel i kodelegepladsen, og rediger det for at forstå, hvordan brugerfladen fungerer.

En klar vej fra det grundlæggende til praksis
Start med tekst, visninger, variabler, komponenter, billeder og stilarter. Fortsæt med Flexbox-layouts, formularer, tekstinput, knapper, berøringsinteraktioner, rulning og lister. Senere moduler introducerer hooks, genanvendelige komponenter, tilstandsstyring, performancekoncepter, responsive layouts og øvelsesprojekter.

Læs ideen før redigering
Hver lektion samler et mål, en oversigt i et letforståeligt sprog, nøgleideer, kode, praktiske tips, en lille udfordring og spørgsmål til selvrevision. Se eksemplet sammen med dets forklaring, og åbn derefter den redigerbare version, når du er klar til at eksperimentere. Begynder-, mellem- og øvelsesetiketter hjælper dig med at forstå, hvor hvert emne er placeret i kurset.

Prøv dine egne ændringer
Brug den indbyggede JavaScript- og JSX-editor til at justere tekst, værdier, stilarter og komponentadfærd. Syntaksfremhævning og linjenumre gør eksemplerne lettere at følge. Fortryd og fortryd hjælper dig med at udforske ændringer, mens Nulstil kode gendanner starteksemplet. Tryk på Kør app for at åbne forhåndsvisningen i appen, og vend derefter tilbage til redigering for et nyt forsøg.

Udforsk nyttige mønstre
Studér kontrollerede input, formularvalidering, adgangskodesynlighed, tegntællere, listefiltrering, valgbare elementer og tomme tilstande. Øv dig med tællere, timere, et live-ur, en temperaturkonverter, en drikkepengeberegner, kort, et harmonika, enkle faner og en mini-to-do-liste. Disse er læringseksempler, der giver dig mulighed for at undersøge, hvordan små dele af en grænseflade passer sammen.

Find den lektion, du har brug for
Søg efter lektionstitler, eller indsnævre biblioteket efter modul. Skift mellem alle lektioner, igangværende lektioner, gemte favoritter og afsluttede lektioner. Brug Forrige og Næste-kontrollerne, eller swipe mellem lektioner. Når du åbner en lektion fra et filtreret bibliotek, følger navigationen det valg, så du kan blive ved de emner, du har valgt.

Hold styr på din læring
Bogmærk lektioner til gennemgang, og marker dem som fuldførte, når du er klar. Startskærmen viser kursusstatus, antal afsluttede og gemte og en studieserie. Genoptag den sidste lektion, eller fortsæt til det næste ufærdige emne. Fremskridt og bogmærker gemmes lokalt på din enhed.

Tilbage til dine eksperimenter
Når du kører et eksempel, gemmes koden som et lokalt udkast til den pågældende lektion. Genåbn legepladsen for at gendanne udkastet, eller nulstil den for at vende tilbage til den oprindelige kode. Dette gør det nemmere at gennemgå en idé efter en pause uden at udskifte startmaterialet.

Vælg et behageligt udseende
Vælg lys tilstand, mørk tilstand eller systemtemaet til læringsgrænsefladen. Læs et koncept, inspicer dets kode, foretag én fokuseret ændring, og brug udfordringen til at øve dig i at anvende det.

Designet til studerende, begyndere med interesse for kodning og udviklere, der gennemgår mobile grænsefladekoncepter. Eksempler kører i en webbaseret forhåndsvisning; platformspecifikke API'er og adfærd kan afvige fra en native app. Appen indeholder reklamer. Uafhængig uddannelsesapp; ikke tilknyttet eller godkendt af React Native-projektet.