React Native: Learn & Practice

Code Play

Inneholder annonser

Om denne appen

Lær React Native gjennom korte forklaringer, praktiske kodeeksempler og små utfordringer. Utforsk 148 leksjoner i 10 moduler, åpne et eksempel i kodelekeplassen og endre det for å forstå hvordan grensesnittet fungerer.

En tydelig vei fra grunnleggende til praksis
Start med tekst, visninger, variabler, komponenter, bilder og stiler. Fortsett med Flexbox-oppsett, skjemaer, tekstinndata, knapper, berøringsinteraksjoner, rulling og lister. Senere moduler introduserer kroker, gjenbrukbare komponenter, tilstandsadministrasjon, ytelseskonsepter, responsive oppsett og øvingsprosjekter.

Les ideen før redigering
Hver leksjon samler et mål, en oversikt i et enkelt språk, viktige ideer, kode, praktiske tips, en liten utfordring og spørsmål for selvgjennomgang. Se eksemplet sammen med forklaringen, og åpne deretter den redigerbare versjonen når du er klar til å eksperimentere. Nybegynner-, mellomnivå- og øvingsetiketter hjelper deg å forstå hvor hvert emne befinner seg i kurset.

Prøv dine egne endringer
Bruk den innebygde JavaScript- og JSX-editoren til å justere tekst, verdier, stiler og komponentoppførsel. Syntaksutheving og linjenummer gjør eksemplene enklere å følge. Angre og gjenta hjelper deg med å utforske endringer, mens Tilbakestill kode gjenoppretter starteksemplet. Trykk på Kjør app for å åpne forhåndsvisningen i appen, og gå deretter tilbake til redigering for et nytt forsøk.

Utforsk nyttige mønstre
Studer kontrollerte inndata, skjemavalidering, passordsynlighet, tegntellere, listefiltrering, valgbare elementer og tomme tilstander. Øv med tellere, tidtakere, en live-klokke, en temperaturkonverterer, en tipskalkulator, kort, et trekkspill, enkle faner og en mini-gjøremålsliste. Dette er læringseksempler som lar deg undersøke hvordan små deler av et grensesnitt passer sammen.

Finn leksjonen du trenger
Søk etter leksjonstitler eller avgrens biblioteket etter modul. Bytt mellom alle leksjoner, pågående leksjoner, lagrede favoritter og fullførte leksjoner. Bruk Forrige- og Neste-kontrollene eller sveip mellom leksjoner. Når du åpner en leksjon fra et filtrert bibliotek, følger navigasjonen det valget, slik at du kan holde deg til emnene du valgte.

Hold oversikt over læringen din
Bokmerk leksjoner for gjennomgang og merk dem som fullførte når du er klar. Hjemmeskjermen viser kursfremdrift, fullførte og lagrede antall og en studieserie. Gjenoppta den siste leksjonen eller fortsett til neste uferdige emne. Fremdrift og bokmerker lagres lokalt på enheten din.

Gå tilbake til eksperimentene dine
Når du kjører et eksempel, lagres koden som et lokalt utkast for den leksjonen. Åpne lekeplassen på nytt for å gjenopprette utkastet, eller tilbakestill den for å gå tilbake til den opprinnelige koden. Dette gjør det enklere å gå tilbake til en idé etter en pause uten å erstatte startmaterialet.

Velg et komfortabelt utseende
Velg lys modus, mørk modus eller systemtemaet for læringsgrensesnittet. Les et konsept, inspiser koden, gjør én fokusert endring, og bruk utfordringen til å øve på å bruke det.

Utviklet for studenter, nybegynnere med interesse for koding og utviklere som gjennomgår mobile grensesnittkonsepter. Eksempler kjøres i en nettbasert forhåndsvisning; plattformspesifikke API-er og oppførsel kan avvike fra en native app. Appen inneholder reklame. Uavhengig utdanningsapp; ikke tilknyttet eller godkjent av React Native-prosjektet.