Introducción
  • Introducción
  • Bienvenida y testimonio
Herramientas
  • Herramientas que vamos a instalar
  • NodeJS
  • Yarn
  • VS Code
  • Expo
  • Plugins de VS Code
  • Xcode
  • Android Studio
Nivelación
  • Introducción
  • import en javascript
  • Fat arrow function
  • Funciones Async/Await
Comenzamos
  • Teoría de componentes
  • Creando nuestra primera app - Hola mundo!
  • Inspeccionando nuestra app
  • Nuestro primer componente
  • Las props
  • Implementando las props
  • La propiedad de children
  • El state
  • Como se implementa el state - useState
  • Componente View
  • Componente Text
  • Stylesheet
  • Dimensiones con flex
  • Distribución del contenido con flex
Manejando data
  • Componente TextInput
  • Botones: eventos táctiles
  • Más botones
  • Componente ScrollView
  • Listas en React Native y FlatList
  • SectionList
  • Obtener datos de una API
Más componentes para interactuar con el usuario
  • ActivityIndicator, muéstrale al usuario que tu aplicación esta cargando
  • Como trabajar con imágenes
  • BackgroundImage, usando imágenes como fondo
  • Modales, interactuando con el usuario sin que pierda el contexto
  • Alert, crea dialogos nativos
React Native Avanzado, accediendo al hardware
  • Geolocalización
  • Mapas
  • Marcadores en los mapas
  • Cámara parte 1, mostrando mi dispositivo en el computador
  • Cámara parte 2, utilizando la cámara del teléfono
Primera app - mapas con puntos
  • Introducción al proyecto
  • Iniciando aplicación
  • Agregando Modal
  • Ordenando proyecto
  • Agregando Panel
  • Registrando toques del usuario
  • Agregando puntos con useState
  • Refactorizando componente modal
  • Creando un prompt para ingresar el nombre del punto
  • Agregando los puntos al estado con sus nombres
  • Cambiando componentes en el modal
  • Mostrando listado de puntos
  • Dando estilo a la lista
  • Cerrando el modal
  • Agregando los puntos al mapa
  • Mostrando y ocultando los puntos en el mapa
Hooks
  • useState
  • useEffect
  • Ejercicio con useState y useEffect
  • useReducer
  • useMemo
  • useCallback
React Navigation
  • Intro a navegación
  • Instalando react-navigation y sus dependencias
  • Navegación por stack
  • Editando la barra de navegación
  • Personalizando la barra de navegación
  • Agregando botones a la barra de navegación
  • Como navegar entre modales
  • Navegación por tabs
  • Personalizando los tabs
  • Drawer Navigator
  • Switch Navigator
Ejercicio react navigation
  • Explicamos cual es el ejercicio que realizaremos
  • Parte 1
  • Parte 2
  • Parte 3
  • Parte 4
NodeJS, montando nuestra propia API rest serverless con express JS
  • Que es una API rest
  • Como funciona la arquitectura serverless
  • Revisando nuestro proveedor FaaS
  • Creando nuestro proyecto y realizando nuestro primer despliegue
  • Que aplicación vamos a construir?