React native

👋 Bienvenid@s

Este es el módulo de React Native! Donde aprenderemos todo de esta tecnología. React native es una librería de JavaScript creada originalmente por Facebook (Meta) que nos ayuda a desarrollar un solo código y desplegar aplicaciones para los dos principales sistemas operativos móviles (Android e iOS).

React native es una excelente opción para la demanda actual y futura de aplicaciones móviles.

🎯 Objetivo

Aprenderemos a crear aplicaciones móviles para iOS y Android usando React native. Al final del curso descubrirás que ¡el único límite es tu propia imaginación!

⚙️ Requerimientos

Para sacarle el máximo provecho a React native tendremos que operar el sistema operativo MacOS en cualquiera de sus distribuciones recientes (Big sur o Monterey). Esto es debido a que es imposible debuggear nuestro código si no tenemos Xcode y un simulador de iOS, lo cuál es bastante dificil de lograr en el OS Windows o cualquier distrubución de Linux.

¡Si no se cuenta con una Mac aún se puede desarrollar para Android en cualquier otro sitema operativo!

Como podemos leer más a detalle en Preparando tu entorno vamos a necesitar Node, Watchman, React native CLI (React Native command line interface), un JDK, y Android Studio para desarrollar en Android.

Para desarrollar para iOS necesitaremos Node, Watchman, React native CLI (React Native command line interface), Xcode and CocoaPods.

Se tendrá una sesión dedicada a la instalación de todas estas herramientas.

💻 Proyecto

Describir el proyecto en caso de que el módulo lo requiera Obligatorio . (Borrar está linea una vez se hay leido)

📑 Sesiones

Sesión Tema Descripción
1 Fundamentos de React native ¿Qué es React native y como crear apps?
2 Componentes y estilos Dándole estilo a nuestros componentes
3 Layouts, responsividad y adaptabilidad de UI iPads, Tablets, iPhones, Smartphones y sus dimensiones
4 Navegación con react navigation Apps de más de una sola pantalla
5 Uso y manejo de estados Almacenamiento de variables y renderizado de feedback
6 Control y validación de entradas Forms, tests, inputs en general.
7 Consumo de APIs Client state y Server State
8 Debuggeando apps creadas con React Native Flipper, React native debugger.