Skip to content

Some-Courses/React-Native-2021

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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

En este proyecto desarrollaremos una app muy parecida a Twitter... ésta es llamada Sweeter, donde hay amor en cada "Sweet".

Recuerda que React Native es una tecnología Front end. No procesa datos ni los almacena de la misma manera que un servidor. El código de React Native se ejecuta en un dispositivo móvil. Nuestro almacenamiento es límitado, y de ser posible no debemos utilizar mucho.

El proyecto es una sugerencia de app, nos gustaría que en base a lo que a ti te guste hagas una app que cumpla con los requisitos de cada sesión, para esto el experto puede ayudarte sin problema alguno. A lo mejor puede no gustarte el diseño que se propone en las pantallas de la app sugerida, pero puedes crear tu propio diseño que el experto evaluará en complejidad y aprobará o modificará según sea el caso.

El proyecto final incluye todo lo necesario para construir una app en React Native desde cero hasta estar listo para lanzarlo a ambas tiendas: AppStore y PlayStore.

La app de Sweeter nos permitirá:

  • Guardar información encriptada del usuario.
  • Actualizar información asíncrona en tiempo real.
  • Tener formularios controlados, validados y seguros.
  • Navegar entre diferentes pantallas.
  • Recordar preferencias del usuario, tal como el tema preferido (light o dark).
  • Llevar un sistema de almacenamiento de datos estructurado.

Y al haber completado el proyecto y adquirido los conocimientos de él, podemos crear literalmente cualquier aplicación teniendo el tiempo suficiente para el desarrollo, todo esto tomando en cuenta que React Native es la tecnología Front End de una app móvil.

📑 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 Columns, row, posiciones absolutas y relativas.
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, texts, inputs en general.
7 Consumo de APIs Client state y Server State
8 Debuggeando apps creadas con React Native Flipper, React native debugger.

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 51.9%
  • TypeScript 25.5%
  • Java 11.6%
  • Objective-C 8.4%
  • Ruby 1.5%
  • Starlark 1.1%