React Native: Learn & Practice

Code Play

Contén anuncios

Acerca desta aplicación

Aprende React Native a través de explicacións breves, exemplos prácticos de código e pequenos desafíos. Explora 148 leccións en 10 módulos, abre un exemplo no patio de recreo de programación e cámbiao para comprender como funciona a interface.

Un camiño claro dende o básico ata a práctica
Comeza con texto, vistas, variables, compoñentes, imaxes e estilos. Continúa cos deseños Flexbox, formularios, entrada de texto, botóns, interaccións táctiles, desprazamento e listas. Os módulos posteriores introducen ganchos, compoñentes reutilizables, xestión de estados, conceptos de rendemento, deseños adaptativos e proxectos prácticos.

Ler a idea antes de editar
Cada lección reúne un obxectivo, unha visión xeral en linguaxe sinxela, ideas clave, código, consellos prácticos, un pequeno desafío e preguntas para a autorevisión. Consulta o exemplo xunto á súa explicación e, a continuación, abre a versión editable cando esteas listo para experimentar. As etiquetas de principiante, intermedio e práctico axúdanche a comprender onde se atopa cada tema no curso.

Proba os teus propios cambios
Usa o editor de JavaScript e JSX integrado para axustar o texto, os valores, os estilos e o comportamento dos compoñentes. O resaltado da sintaxe e os números de liña facilitan o seguimento dos exemplos. Desfacer e refacer axúdanche a explorar os cambios, mentres que Restablecer código restaura o exemplo inicial. Toca Executar aplicación para abrir a vista previa na aplicación e, a seguir, volve á edición para outro intento.

Explora patróns útiles
Estuda entradas controladas, validación de formularios, visibilidade de contrasinal, contadores de caracteres, filtrado de listas, elementos seleccionables e estados baleiros. Practica con contadores, temporizadores, un reloxo en directo, un conversor de temperatura, unha calculadora de propinas, tarxetas, un acordeón, pestanas sinxelas e unha mini lista de tarefas pendentes. Estes son exemplos de aprendizaxe que che permiten examinar como encaixan pequenas pezas dunha interface.

Atopa a lección que necesitas
Busca títulos de leccións ou restrinxe a biblioteca por módulo. Cambia entre todas as leccións, leccións en curso, favoritos gardados e leccións completadas. Usa os controis Anterior e Seguinte ou desliza o dedo entre leccións. Cando abres unha lección dunha biblioteca filtrada, a navegación segue esa selección para que poidas seguir cos temas que escolliches.

Fai un seguimento da túa aprendizaxe
Marca as leccións para revisalas e márcaas completadas cando esteas listo. A pantalla de inicio mostra o progreso do curso, o reconto de completados e gardados e unha racha de estudo. Retomar a última lección ou continuar co seguinte tema inacabado. O progreso e os marcadores almacénanse localmente no teu dispositivo.

Volver aos teus experimentos
Ao executar un exemplo, gárdase o seu código como un borrador local para esa lección. Volva abrir o patio de recreo para restaurar o borrador ou restablecelo para volver ao código orixinal. Isto facilita revisitar unha idea despois dunha pausa sen substituír o material inicial.

Escolle unha aparencia cómoda
Selecciona o modo claro, o modo escuro ou o tema do sistema para a interface de aprendizaxe. Le un concepto, inspecciona o seu código, fai un cambio específico e usa o desafío para practicar a súa aplicación.

Deseñado para estudantes, principiantes interesados ​​na programación e desenvolvedores que revisan conceptos da interface móbil. Os exemplos execútanse nunha vista previa baseada na web; as API e o comportamento específicos da plataforma poden diferir dunha aplicación nativa. A aplicación contén publicidade. Aplicación educativa independente; non afiliada nin avalada polo proxecto React Native.