React Native: Learn & Practice

Code Play

Obsahuje reklamy

Informace o aplikaci

Naučte se React Native pomocí krátkých vysvětlení, praktických příkladů kódu a malých výzev. Prozkoumejte 148 lekcí v 10 modulech, otevřete si příklad v kódovacím hřišti a upravte ho, abyste pochopili, jak rozhraní funguje.

Jasná cesta od základů k praxi
Začněte s textem, pohledy, proměnnými, komponentami, obrázky a styly. Pokračujte v rozvržení Flexboxu, formulářích, textovém vstupu, tlačítkách, dotykových interakcích, posouvání a seznamech. V dalších modulech se seznámíte s hooky, opakovaně použitelnými komponentami, správou stavů, koncepty výkonu, responzivními rozvrženími a cvičnými projekty.

Přečtěte si nápad před úpravou
Každá lekce spojuje cíl, přehled v jednoduchém jazyce, klíčové myšlenky, kód, praktické tipy, malou výzvu a otázky k sebehodnocení. Prohlédněte si příklad spolu s jeho vysvětlením a poté otevřete upravitelnou verzi, až budete připraveni experimentovat. Štítky pro začátečníky, mírně pokročilé a cvičné vám pomohou pochopit, kde se každé téma v kurzu nachází.

Vyzkoušejte si vlastní změny
Použijte vestavěný editor JavaScriptu a JSX k úpravě textu, hodnot, stylů a chování komponent. Zvýrazňování syntaxe a čísla řádků usnadňují sledování příkladů. Funkce Zpět a znovu vám pomohou prozkoumat změny, zatímco kód Obnovit obnoví počáteční příklad. Klepnutím na Spustit aplikaci otevřete náhled v aplikaci a poté se vraťte k úpravám pro další pokus.

Prozkoumejte užitečné vzory
Studujte kontrolované vstupy, ověřování formulářů, viditelnost hesla, počítadla znaků, filtrování seznamů, volitelné položky a prázdné stavy. Procvičujte si počítadla, časovače, živé hodiny, převodník teplot, kalkulačku spropitného, ​​karty, akordeon, jednoduché karty a mini seznam úkolů. Toto jsou příklady učení, které vám umožní prozkoumat, jak do sebe zapadají malé části rozhraní.

Najděte lekci, kterou potřebujete
Vyhledávejte názvy lekcí nebo zúžte knihovnu podle modulů. Přepínejte mezi všemi lekcemi, probíhajícími lekcemi, uloženými oblíbenými a dokončenými lekcemi. Použijte ovládací prvky Předchozí a Další nebo přejeďte prstem mezi lekcemi. Když otevřete lekci z filtrované knihovny, navigace sleduje tento výběr, abyste se mohli držet vybraných témat.

Sledujte své učení
Uložte si lekce do záložek pro kontrolu a označte je jako dokončené, až budete připraveni. Domovská obrazovka zobrazuje průběh kurzu, dokončené a uložené počty a studijní sérii. Pokračujte v poslední lekci nebo k dalšímu nedokončenému tématu. Postup a záložky jsou uloženy lokálně ve vašem zařízení.

Návrat k experimentům
Spuštění příkladu ukládá jeho kód jako lokální koncept pro danou lekci. Znovu otevřete hřiště pro obnovení konceptu nebo jej resetujte pro návrat k původnímu kódu. To usnadňuje návrat k nápadu po přestávce bez nutnosti nahrazovat úvodní materiál.

Vyberte si pohodlný vzhled
Vyberte světlý režim, tmavý režim nebo systémové téma pro výukové rozhraní. Přečtěte si koncept, prohlédněte si jeho kód, proveďte jednu cílenou změnu a využijte výzvu k procvičení jeho aplikace.

Určeno pro studenty, začátečníky se zájmem o kódování a vývojáře, kteří procházejí koncepty mobilních rozhraní. Příklady běží ve webovém náhledu; API a chování specifické pro platformu se mohou lišit od nativní aplikace. Aplikace obsahuje reklamu. Nezávislá vzdělávací aplikace; není přidružena k projektu React Native ani jím není schválena.