Skip to content

Latest commit

 

History

History
 
 

Sesion-01

Folders and files

NameName
Last commit message
Last commit date

parent directory

..
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Sesión 1: Introducción a React Native 🤖

1. Objetivos 🎯

  • Recordar las etiquetas de ReactJS. (JSX)
  • Aprender las etiquetas de React Native y usarlas correctamente para los diferentes sistemas operativos.
  • Explorar la creación de una app en React Native CLI y otra en Expo.

2. Contenido 📘

React native te ayuda a utilizar un solo Code Base para crear los archivos necesarios para ambos sist4emas operativos.

React native promete ser el futuro de la programación móvil junto con otras tecnologías.

En este módulo aprenderemos:

  • ¿Qué es react native?
  • Componentes principales y nativos
  • React native y ReactJS
  • Usando nuestros primeros componentes

Tema 1: ¿Qué es react native?

React Native es un framework JavaScript creado originalmente por facebook para crear aplicaciones reales nativas para iOS y Android, basado en la librería de JavaScript React para la creación de componentes visuales, cambiando el propósito de los mismos para, en lugar de ser ejecutados en navegador, correr directamente sobre las plataformas móviles nativas, en este caso iOS y Android. Es decir, en lugar de desarrollar una aplicación web híbrida o en HTML5, lo que obtienes como resultado es una aplicación real nativa, indistinguible de la que podrías desarrollar con tu código en Objective-C o Java.


Tema 2: Creando una app! (Con React native CLI)

Crear una app es muy sencillo con react native CLI, pasemos al Ejemplo 1


Tema 3: Creando una app con Expo

Expo es un framework y una plataforma para aplicaciones universales de React. Es un conjunto de herramientas y servicios construidos alrededor de React Native y plataformas nativas que te ayudan a desarrollar, construir, implementar e iterar rápidamente en iOS, Android y aplicaciones web desde la misma base de código JavaScript / TypeScript.


Tema 4: Usando nuestros primeros componentes

Basta del análisis, empecemos a usar los componentes que React native nos ofrece.

Empezaremos con el Ejemplo-03 donde utilizaremos los componentes principales de React native.

Pongamos a prueba nuestros conocimientos adquiridos en nuestro primer reto de este curso!


3. Postwork 📝

Encuentra las indicaciones y consejos para reflejar los avances de tu proyecto de este módulo.