React Native: Learn & Practice

Code Play

Conține anunțuri

Despre aplicație

Învață React Native prin explicații scurte, exemple practice de cod și mici provocări. Explorează 148 de lecții în 10 module, deschide un exemplu în spațiul de joacă pentru codare și modifică-l pentru a înțelege cum funcționează interfața.

O cale clară de la elementele de bază la practică
Începe cu text, vizualizări, variabile, componente, imagini și stiluri. Continuă cu layout-uri Flexbox, formulare, introducere de text, butoane, interacțiuni tactile, derulare și liste. Modulele ulterioare introduc hook-uri, componente reutilizabile, gestionarea stării, concepte de performanță, layout-uri responsive și proiecte practice.

Citește ideea înainte de editare
Fiecare lecție reunește un obiectiv, o prezentare generală în limbaj simplu, idei cheie, cod, sfaturi practice, o mică provocare și întrebări pentru auto-evaluare. Vezi exemplul alături de explicația sa, apoi deschide versiunea editabilă când ești gata să experimentezi. Etichetele pentru începători, intermediari și practici te ajută să înțelegi unde se situează fiecare subiect în curs.

Încearcă propriile modificări
Utilizează editorul JavaScript și JSX încorporat pentru a ajusta textul, valorile, stilurile și comportamentul componentelor. Evidențierea sintaxei și numerele de linie fac exemplele mai ușor de urmărit. Anulare și refacere vă ajută să explorați modificările, în timp ce Resetare cod restaurează exemplul inițial. Atingeți Run app pentru a deschide previzualizarea în aplicație, apoi reveniți la editare pentru o altă încercare.


Explorați modele utile

Studiați intrări controlate, validarea formularelor, vizibilitatea parolei, contoare de caractere, filtrarea listelor, elemente selectabile și stări goale. Exersați cu contoare, cronometre, un ceas live, un convertor de temperatură, un calculator de bacșiș, carduri, un acordeon, file simple și o mini listă de activități. Acestea sunt exemple de învățare care vă permit să examinați cum se potrivesc între ele mici părți ale unei interfețe.


Găsiți lecția de care aveți nevoie

Căutați titluri de lecții sau restrângeți biblioteca după modul. Comutați între toate lecțiile, lecțiile în desfășurare, favoritele salvate și lecțiile finalizate. Utilizați controalele Anterior și Următor sau glisați între lecții. Când deschideți o lecție dintr-o bibliotecă filtrată, navigarea urmează acea selecție, astfel încât să puteți rămâne la subiectele pe care le-ați ales.


Urmăriți-vă învățarea

Marcați lecțiile pentru recapitulare și marcați-le ca fiind finalizate când sunteți gata. Ecranul de pornire afișează progresul cursului, numărul de finalizate și salvate și o serie de studii. Reluați ultima lecție sau continuați cu următorul subiect neterminat. Progresul și marcajele sunt stocate local pe dispozitiv.

Reveniți la experimente
Rularea unui exemplu salvează codul său ca schiță locală pentru lecția respectivă. Redeschideți playground-ul pentru a restaura schița sau resetați-l pentru a reveni la codul original. Acest lucru facilitează revizuirea unei idei după o pauză, fără a înlocui materialul inițial.

Alegeți un aspect confortabil
Selectați modul luminos, modul întunecat sau tema sistemului pentru interfața de învățare. Citiți un concept, inspectați codul său, faceți o modificare specifică și folosiți provocarea pentru a exersa aplicarea acestuia.

Conceput pentru studenți, începători interesați de programare și dezvoltatori care revizuiesc concepte de interfață mobilă. Exemplele rulează într-o previzualizare bazată pe web; API-urile și comportamentul specifice platformei pot diferi de o aplicație nativă. Aplicația conține publicitate. Aplicație educațională independentă; nu este afiliată cu sau aprobată de proiectul React Native.