React Native: Learn & Practice

Code Play

Conté anuncis

Sobre l'aplicació

Aprèn React Native a través d'explicacions breus, exemples pràctics de codi i petits reptes. Explora 148 lliçons en 10 mòduls, obre un exemple al pati de programació i canvia'l per entendre com funciona la interfície.

Un camí clar des dels conceptes bàsics fins a la pràctica
Comença amb text, vistes, variables, components, imatges i estils. Continua amb dissenys Flexbox, formularis, entrada de text, botons, interaccions tàctils, desplaçament i llistes. Els mòduls posteriors introdueixen ganxos, components reutilitzables, gestió d'estat, conceptes de rendiment, dissenys responsius i projectes pràctics.

Llegeix la idea abans d'editar
Cada lliçó reuneix un objectiu, una visió general en llenguatge planer, idees clau, codi, consells pràctics, un petit repte i preguntes per a l'autorevisió. Consulta l'exemple juntament amb la seva explicació i, a continuació, obre la versió editable quan estiguis a punt per experimentar. Les etiquetes de principiant, intermedi i de pràctica t'ajuden a entendre on es troba cada tema al curs.

Prova els teus propis canvis
Utilitza l'editor de JavaScript i JSX integrat per ajustar el text, els valors, els estils i el comportament dels components. El ressaltat de la sintaxi i els números de línia faciliten el seguiment dels exemples. Desfer i refer t'ajuden a explorar els canvis, mentre que Restablir codi restaura l'exemple inicial. Toca Executa l'aplicació per obrir la vista prèvia a l'aplicació i després torna a l'edició per a un altre intent.

Explora patrons útils
Estudiar entrades controlades, validació de formularis, visibilitat de contrasenya, comptadors de caràcters, filtratge de llistes, elements seleccionables i estats buits. Practica amb comptadors, temporitzadors, un rellotge en directe, un convertidor de temperatura, una calculadora de propines, targetes, un acordió, pestanyes simples i una mini llista de tasques pendents. Aquests són exemples d'aprenentatge que et permeten examinar com encaixen petites peces d'una interfície.

Troba la lliçó que necessites
Cerca títols de lliçons o redueix la biblioteca per mòdul. Canvia entre totes les lliçons, lliçons en curs, preferits desats i lliçons completades. Utilitza els controls Anterior i Següent o fes lliscar el dit entre lliçons. Quan obris una lliçó d'una biblioteca filtrada, la navegació segueix aquesta selecció perquè puguis quedar-te amb els temes que has triat.

Fes un seguiment del teu aprenentatge
Marca les lliçons com a marcadores per revisar-les i marca-les completades quan estiguis a punt. La pantalla d'inici mostra el progrés del curs, el recompte de completats i desats, i una ratxa d'estudi. Repreneu l'última lliçó o continueu amb el següent tema inacabat. El progrés i els marcadors s'emmagatzemen localment al vostre dispositiu.

Torna als vostres experiments
L'execució d'un exemple desa el seu codi com a esborrany local per a aquella lliçó. Torneu a obrir el pati d'esborrany per restaurar l'esborrany o restableix-lo per tornar al codi original. Això facilita revisitar una idea després d'una pausa sense substituir el material inicial.

Trieu un aspecte còmode
Seleccioneu el mode clar, el mode fosc o el tema del sistema per a la interfície d'aprenentatge. Llegiu un concepte, inspeccioneu-ne el codi, feu un canvi específic i utilitzeu el repte per practicar la seva aplicació.

Dissenyat per a estudiants, principiants amb interès en la codificació i desenvolupadors que revisen conceptes d'interfície mòbil. Els exemples s'executen en una vista prèvia basada en web; les API i el comportament específics de la plataforma poden diferir d'una aplicació nativa. L'aplicació conté publicitat. Aplicació educativa independent; no afiliada ni avalada pel projecte React Native.