React Native: Learn & Practice

Code Play

Innehåller annonser

Om appen

Lär dig React Native genom korta förklaringar, praktiska kodexempel och små utmaningar. Utforska 148 lektioner i 10 moduler, öppna ett exempel i kodningsmiljön och ändra det för att förstå hur gränssnittet fungerar.

En tydlig väg från grunderna till övning
Börja med text, vyer, variabler, komponenter, bilder och stilar. Fortsätt till Flexbox-layouter, formulär, textinmatning, knappar, pekfunktioner, rullning och listor. Senare moduler introducerar hooks, återanvändbara komponenter, tillståndshantering, prestandakoncept, responsiva layouter och övningsprojekt.

Läs idén innan du redigerar
Varje lektion sammanför ett mål, en översikt i ett enkelt språk, viktiga idéer, kod, praktiska tips, en liten utmaning och frågor för självgranskning. Se exemplet tillsammans med dess förklaring och öppna sedan den redigerbara versionen när du är redo att experimentera. Nybörjar-, mellannivå- och övningsetiketter hjälper dig att förstå var varje ämne finns i kursen.

Prova dina egna ändringar
Använd den inbyggda JavaScript- och JSX-redigeraren för att justera text, värden, stilar och komponentbeteende. Syntaxmarkering och radnummer gör exemplen lättare att följa. Ångra och gör om hjälper dig att utforska ändringar, medan Återställ kod återställer startexemplet. Tryck på Kör appen för att öppna förhandsgranskningen i appen och återgå sedan till redigering för ett nytt försök.

Utforska användbara mönster
Studera kontrollerade inmatningar, formulärvalidering, lösenordssynlighet, teckenräknare, listfiltrering, valbara objekt och tomma tillstånd. Öva med räknare, timers, en liveklocka, en temperaturomvandlare, en drickskalkylator, kort, ett dragspel, enkla flikar och en mini-att-göra-lista. Dessa är inlärningsexempel som låter dig undersöka hur små delar av ett gränssnitt passar ihop.

Hitta lektionen du behöver
Sök efter lektionstitlar eller begränsa biblioteket efter modul. Växla mellan alla lektioner, pågående lektioner, sparade favoriter och slutförda lektioner. Använd Föregående och Nästa-kontrollerna eller svep mellan lektioner. När du öppnar en lektion från ett filtrerat bibliotek följer navigeringen det valet så att du kan hålla dig till de ämnen du valt.

Håll koll på ditt lärande
Bokmärk lektioner för granskning och markera dem som slutförda när du är redo. Hemskärmen visar kursförlopp, slutförda och sparade antal samt en studiesvit. Återuppta den senaste lektionen eller fortsätt till nästa oavslutade ämne. Framsteg och bokmärken lagras lokalt på din enhet.

Återgå till dina experiment
När du kör ett exempel sparas dess kod som ett lokalt utkast för den lektionen. Öppna lekplatsen igen för att återställa utkastet eller återställ den för att återgå till den ursprungliga koden. Detta gör det enklare att återgå till en idé efter en paus utan att byta ut startmaterialet.

Välj ett bekvämt utseende
Välj ljusläge, mörkt läge eller systemtema för lärgränssnittet. Läs ett koncept, granska dess kod, gör en fokuserad ändring och använd utmaningen för att öva på att tillämpa det.

Utformad för studenter, nybörjare med intresse för kodning och utvecklare som granskar mobila gränssnittskoncept. Exempel körs i en webbaserad förhandsvisning; plattformsspecifika API:er och beteende kan skilja sig från en native-app. Appen innehåller reklam. Oberoende utbildningsapp; inte ansluten till eller godkänd av React Native-projektet.