React Native: Learn & Practice

Code Play

Hirdetéseket tartalmaz

Az alkalmazásról

Tanuld meg a React Native-ot rövid magyarázatokon, gyakorlati kódpéldákon és kisebb kihívásokon keresztül. Fedezz fel 148 leckét 10 modulban, nyisson meg egy példát a kódolási játszótéren, és módosítsa, hogy megértse a felület működését.

Egyértelmű út az alapoktól a gyakorlatig
Kezdje szöveggel, nézetekkel, változókkal, komponensekkel, képekkel és stílusokkal. Folytassa a Flexbox elrendezésekkel, űrlapokkal, szövegbevitellel, gombokkal, érintéses interakciókkal, görgetéssel és listákkal. A későbbi modulok bemutatják a hookokat, az újrafelhasználható komponenseket, az állapotkezelést, a teljesítménykoncepciókat, a reszponzív elrendezéseket és a gyakorló projekteket.

Olvasd el az ötletet szerkesztés előtt
Minden lecke egy célkitűzést, egy egyszerű nyelvű áttekintést, kulcsfontosságú ötleteket, kódot, gyakorlati tippeket, egy kis kihívást és önellenőrzésre vonatkozó kérdéseket tartalmaz. Tekintse meg a példát a magyarázattal együtt, majd nyissa meg a szerkeszthető verziót, amikor készen áll a kísérletezésre. A kezdő, középhaladó és gyakorló címkék segítenek megérteni, hogy az egyes témák hol helyezkednek el a kurzuson.

Próbálja ki saját módosításait
Használja a beépített JavaScript és JSX szerkesztőt a szöveg, az értékek, a stílusok és a komponensek viselkedésének módosításához. A szintaxiskiemelések és a sorszámok megkönnyítik a példák követését. A Visszavonás és az Újra funkciók segítenek a változtatások felfedezésében, míg a Kód Visszaállítása visszaállítja a kezdő példát. Koppintson az Alkalmazás futtatása gombra az alkalmazáson belüli előnézet megnyitásához, majd térjen vissza a szerkesztéshez egy újabb próbálkozáshoz.

Fedezzen fel hasznos mintákat
Tanulmányozzon vezérelt bemeneteket, űrlapérvényesítést, jelszó láthatóságot, karakterszámlálókat, listaszűrést, kiválasztható elemeket és üres állapotokat. Gyakoroljon számlálókkal, időzítőkkel, élő órával, hőmérséklet-átalakítóval, borravaló-kalkulátorral, kártyákkal, harmonikával, egyszerű fülekkel és egy mini teendőlistával. Ezek tanulási példák, amelyek lehetővé teszik, hogy megvizsgálja, hogyan illeszkednek egymáshoz egy felület apró részei.

Találja meg a szükséges leckét
Keressen leckecímeket, vagy szűkítse a könyvtárat modul szerint. Váltson az összes lecke, a folyamatban lévő leckék, a mentett kedvencek és a befejezett leckék között. Használja az Előző és Következő vezérlőket, vagy húzza az ujját a leckék között. Amikor megnyit egy leckét egy szűrt könyvtárból, a navigáció követi a kiválasztást, így a kiválasztott témáknál maradhat.

Kövesse nyomon a tanulását
Jegyezze fel a leckéket áttekintéshez, és jelölje meg őket befejezettként, amikor készen áll. A kezdőképernyőn látható a kurzus előrehaladása, a teljesített és mentett számok, valamint a tanulási sorozat. Folytassa az utolsó leckét, vagy folytassa a következő befejezetlen témával. A haladás és a könyvjelzők helyben tárolódnak az eszközén.

Vissza a kísérletekhez
Egy példa futtatása helyi vázlatként menti a kódját az adott leckéhez. Nyissa meg újra a játszóteret a vázlat visszaállításához, vagy állítsa alaphelyzetbe az eredeti kódhoz való visszatéréshez. Ez megkönnyíti az ötlet újragondolását egy szünet után anélkül, hogy le kellene cserélnie a kezdőanyagot.

Válasszon kényelmes megjelenést
Válasszon világos módot, sötét módot vagy a rendszertémát a tanulási felülethez. Olvasson el egy koncepciót, vizsgálja meg a kódját, végezzen egy célzott módosítást, és használja a kihívást az alkalmazás gyakorlására.

Diákok, a kódolás iránt érdeklődő kezdők és a mobil felület koncepcióit áttekintő fejlesztők számára készült. A példák webes előnézetben futnak; a platformspecifikus API-k és viselkedés eltérhet egy natív alkalmazástól. Az alkalmazás hirdetéseket tartalmaz. Független oktatási alkalmazás; nem áll kapcsolatban a React Native projekttel, és nem is támogatja azt.