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 de FaaS
- Instalando vercel
- Desplegando nuestra app
