React Native: Learn & Practice

Code Play

Bevat advertenties

Over deze app

Leer React Native aan de hand van korte uitleg, praktische codevoorbeelden en kleine uitdagingen. Ontdek 148 lessen in 10 modules, open een voorbeeld in de code-playground en pas het aan om te begrijpen hoe de interface werkt.

Een duidelijke route van basis naar praktijk
Begin met tekst, views, variabelen, componenten, afbeeldingen en stijlen. Ga verder met Flexbox-layouts, formulieren, tekstinvoer, knoppen, touch-interacties, scrollen en lijsten. Latere modules introduceren hooks, herbruikbare componenten, state management, prestatieconcepten, responsieve layouts en oefenprojecten.

Lees het idee voordat je gaat bewerken
Elke les combineert een leerdoel, een overzicht in begrijpelijke taal, belangrijke ideeën, code, praktische tips, een kleine uitdaging en vragen voor zelfevaluatie. Bekijk het voorbeeld met de bijbehorende uitleg en open de bewerkbare versie wanneer je klaar bent om te experimenteren. Labels voor beginners, gevorderden en praktijk helpen je te begrijpen waar elk onderwerp zich in de cursus bevindt.

Probeer je eigen wijzigingen
Gebruik de ingebouwde JavaScript- en JSX-editor om tekst, waarden, stijlen en componentgedrag aan te passen. Syntaxmarkering en regelnummers maken voorbeelden gemakkelijker te volgen. Met Ongedaan maken en Herhalen kunt u wijzigingen bekijken, terwijl Code Reset het startvoorbeeld herstelt. Tik op 'App uitvoeren' om de preview in de app te openen en ga vervolgens terug naar de bewerkingsmodus voor een nieuwe poging.

Ontdek nuttige patronen
Bestudeer gecontroleerde invoervelden, formuliervalidatie, wachtwoordzichtbaarheid, tekentellers, lijstfiltering, selecteerbare items en lege staten. Oefen met tellers, timers, een live klok, een temperatuuromrekenaar, een fooiencalculator, kaarten, een accordeon, eenvoudige tabbladen en een mini-takenlijst. Dit zijn leervoorbeelden waarmee u kunt onderzoeken hoe kleine onderdelen van een interface in elkaar passen.

Vind de les die u nodig hebt
Zoek op lestitels of filter de bibliotheek op module. Schakel tussen alle lessen, lopende lessen, opgeslagen favorieten en voltooide lessen. Gebruik de knoppen Vorige en Volgende of veeg tussen lessen. Wanneer u een les opent vanuit een gefilterde bibliotheek, volgt de navigatie die selectie, zodat u bij de door u gekozen onderwerpen kunt blijven.

Houd uw leerproces bij
Voeg lessen toe aan uw bladwijzers om ze te herhalen en markeer ze als voltooid wanneer u klaar bent. Het startscherm toont de voortgang van de cursus, het aantal voltooide en opgeslagen lessen en een studiereeks. Hervat de laatste les of ga verder met het volgende onvoltooide onderwerp. Voortgang en bladwijzers worden lokaal op uw apparaat opgeslagen.

Terug naar uw experimenten
Door een voorbeeld uit te voeren, wordt de code ervan opgeslagen als een lokaal concept voor die les. Heropen de playground om het concept te herstellen of reset deze om terug te keren naar de originele code. Dit maakt het gemakkelijker om na een pauze een idee opnieuw te bekijken zonder het startmateriaal te hoeven vervangen.

Kies een prettige weergave
Selecteer de lichte modus, de donkere modus of het systeemthema voor de leerinterface. Lees een concept, bekijk de code, breng één gerichte wijziging aan en gebruik de uitdaging om te oefenen met het toepassen ervan.

Ontworpen voor studenten, beginners met interesse in programmeren en ontwikkelaars die concepten voor mobiele interfaces willen herhalen. Voorbeelden worden uitgevoerd in een webgebaseerde preview; platformspecifieke API's en gedrag kunnen afwijken van een native app. De app bevat advertenties. Onafhankelijke educatieve app; niet gelieerd aan of onderschreven door het React Native-project.