React Native Expo: Aplicaciones nativas para IOS y Android

Curso completo de React Native con Expo que te dará las bases sólidas sobre este framework, con más de 25 horas de contenido en video y despliegues en la Google PlayStore y Apple AppStore incluidos.

Adquirir Ahora Vista previa gratis

Contenido del curso

1. Introducción
2. Temas puntuales
3. Demostración
4. Inicio de proyecto - CounterApp
5. Estilos y botones
6. Botón flotante personalizado
7. Retroalimentación al tocar el botón
8. Código fuente
1. Introducción
2. Temas puntuales
3. Demostración
4. Inicio de proyecto
5. ExpoRouter: index y _layout
6. Fuentes personalizadas y diseño inicial
7. Estilos globales
8. Custom Text + Default Props
9. Botones de la calculadora
10. Botones de la calculadora - Parte 2
11. Paquetes adicionales - Haptics y NavigationBar
12. Lógica de la calculadora - useCalculator
13. Construir número
14. Limpiar, cambiar signo y borrar anterior
15. Manejo de los botones de operaciones
16. Calcular el resultado matemático
17. Código fuente de la sección
1. Introducción
2. Temas puntuales
3. Demostración
4. Inicio de aplicación - NavigationApp
5. Estilos con Nativewind
6. Fuentes personalizadas en Nativewind
7. Colores personalizados
8. Navegación entre pantallas
9. CustomButtons y Link AsChild
10. ForwardRef y Variantes
11. StackNavigation
12. Personalización del StackNavigation
13. Listado de productos y detalle
14. Código fuente
1. Introducción
2. Temas puntuales
3. Demostración
4. Continuación de aplicación
5. Tabs
6. Personalizar los tabs
7. Drawer - Menú lateral
8. Personalizar el Drawer
9. DrawerContent
10. Conectar Drawer, con Tabs con Stack
11. Optimizar nombres de directorios
12. Mostrar drawer controladamente
13. Cambiar título basado en los argumentos
14. Código fuente
1. Introducción
2. Temas puntuales
3. Demostración
4. Inicio de proyecto - MoviesApp
5. Variables de entorno y API Key
6. Cliente de Axios - Primera petición
7. Mapear respuestas a objetos personalizados
8. TanStack Query - Gestor de estado asíncrono
9. Pantalla de carga y SafeArea manual
10. Carousel de imágenes
11. Nota de actualización
12. Mostrar poster de la película
13. FlatList Horizontal
14. Tarea - Mejor Calificadas y Próximamente
15. Código fuente
1. Introducción
2. Temas puntuales
3. Demostración
4. Continuación
5. Determinar fin de scroll de un FlatList
6. TanStack - InfiniteQuery
7. Pantalla - Detalles de la película
8. useMovie - TanStack
9. Mostrar detalles de la película
10. Gradiente sobre el poster
11. Descripción de la película
12. Tarea - Actores de las películas
13. Resolución de la tarea
14. Código fuente
1. Introducción
2. Temas puntuales
3. Demostración
4. Inicio de proyecto - ComponentsApp
5. Nativewind y Paleta de colores
6. ThemedView
7. ThemedText
8. Opciones de menú y rutas
9. Menu Item
10. Limpieza y cierre de sección
11. Código fuente
1. Introducción
2. Temas puntuales
3. Demostración
4. Continuación de proyecto
5. Animaciones 101 - Básicas
6. Animaciones 101 - Movimiento
7. Custom Hook - useAnimation
8. Animated XY
9. Switch - ThemedSwitch
10. Código por plataforma
11. Alerts
12. TextInput y ThemedTextInput
13. KeyboardAvoidingView
14. Código fuente
1. Introducción
2. Temas puntuales
3. Demostración
4. Continuación
5. Pull to refresh
6. Section List
7. Modal Window
8. Controles y segundo modal
9. InfiniteScroll
10. Configuraciones del infinite scroll
11. Custom FadeInImage
12. Carrusel controlado - Diseño y estructura
13. Carrusel controlado - Funcionalidad
14. ThemeChanger - Preparación
15. ThemeChanger Context y Provider
16. Cambio de tema desde el context
17. Storage Alternatives - Async Storage
18. Código fuente
1. Introducción
2. Temas puntuales
3. Demostración
4. Inicio de proyecto - PushApp
5. Expo Push Notifications
6. ProjectID - Enviar Notificación Push
7. usePushNotifications - CustomHook
8. usePushNotification - Parte 2
9. Enviar, recibir y mostrar notificaciones push
10. Android: Credenciales para builds
11. IOS: Credenciales para builds
12. Prebuild - Custom Builds
13. Tomar información y navegar a pantalla
14. IOS - Prebuild
15. Backend - PushServer - Expo Push API
16. Expo Server SDK
17. Enviar notificaciones desde nuestro backend
18. Código fuente
1. Introducción
2. Temas puntuales
3. Demostración
4. Inicio de proyecto - MapsApp
5. Acciones - Permisos de geolocalización
6. Zustand - Gestor de estado
7. Provider - Permission Checker
8. Solicitar permiso de Geolocalización
9. Permisos fuera de la aplicación
10. Abrir ajustes de la aplicación
11. Código fuente
1. Introducción
2. Temas puntuales
3. Demostración
4. Continuación
5. Expo - MapView
6. Configuración de Google Cloud
7. Prebuild con nuestras llaves
8. Marcadores
9. Acciones para seguir y ver la ubicación del usuario
10. Location Store
11. Componente CustomMap
12. Ubicación del usuario y seguir su trayectoria
13. Mover la cámara para seguir al usuario
14. Botón flotante personalizado
15. Acciones con el Mapa
16. Polylines
17. Código fuente
1. Introducción
2. Temas puntuales
3. Descarga y pruebas del backend
1. Introducción
2. Temas puntuales
3. Demostración
4. Inicio de proyecto - ProductsApp
5. Fuentes y Colores
6. Auth Store - Estado de la autenticación
7. Auth Actions - Acciones de autenticación
8. Conectar acciones con Store
9. Variables de entorno y configuraciones
10. Verificar estado de autenticación
11. LoginScreen - Pantalla de ingreso
12. ThemedTextInput - Caja de texto personalizada
13. ThemedButton - Botón personalizado
14. ThemedLink - Enlace personalizado
15. Pantalla de registro
16. Login - Estado y redirección
17. Secure Storage Adapter - Secure Store
18. Check Status - Axios interceptors
19. Logout - Botón personalizado
20. Código fuente
1. Introducción
2. Temas puntuales
3. Demostración
4. Continuación
5. Obtener productos de forma paginada e individual
6. TanStack + Custom Hooks
7. Mostrar productos en pantalla
8. Scroll infinito
9. Pantalla de producto - Diseño
10. Cargar data del producto - useProduct
11. Carrusel de imágenes
12. ButtonGroup personalizado
13. Selector de género
14. Formik - Gestor de formularios
15. useMutation - TanStack
16. Acciones para crear y actualizar productos
17. Invalidar caché
18. Crear un nuevo producto
19. Código fuente
1. Introducción
2. Temas puntuales
3. Demostración
4. Continuación
5. Prepara pantalla para tomar fotografía
6. Cámara y permisos
7. Botón de captura y tomar fotografía
8. Botones adicionales, girar cámara, galería y regresar
9. Mostrar fotografía tomada
10. Guardar imagen en galería
11. Camera Store - Zustand
12. Selector de imágenes
13. Cargar imagen vía Postman
14. Subir imágenes desde la app
15. Subir imágenes - Parte 2
16. Pull to refresh
17. Código fuente
1. Introducción
2. Temas puntuales
3. Preparación de aplicación
4. EAS Build - Android APK
5. EAS Build - Android AAB
6. Instalar App desde la PlayStore
7. EAS Build - IOS
8. EAS Publish - IOS
1. Más información sobre nuestros otros cursos
2. Fin del curso

Acerca de este curso

269 lecciones
25.5 horas de contenido en video
USD 50.00
Subtítulos disponibles

Cursos que podrían interesarte

+DevTalles

Este segmento es exclusivo para sesiones en vivo con Fernando Herrera. Durante estas podrás realizar preguntas relacionadas al contenido de sus cursos y participar de forma interactiva con los panelistas. Se incluyen grabaciones de sesiones pasadas.

Pago único

Adquiere el curso con un único pago de forma vitalicia, con acceso a la comunidad y posibles actualizaciones futuras.

$50.00

Promociones y descuentos pueden aplicar.

Comprar ahora

Suscripción
Devtalles PRO Mensual

^USD16

Suscribirme ahora

Acceso ilimitado a toda la plataforma, cursos, clases en vivo, acceso anticipado a cursos durante el mes de vigencia.

Suscripción
DevTalles PRO Trimestral

^USD48

Suscribirme ahora

Acceso ilimitado a toda la plataforma, cursos, clases en vivo, acceso anticipado a cursos durante 3 meses de vigencia.

Suscripción
DevTalles PRO Semestral

^USD96

Suscribirme ahora

Acceso ilimitado a toda la plataforma, cursos, clases en vivo, acceso anticipado a cursos durante los 6 meses de vigencia.

Suscripción
DevTalles PRO Anual

^USD176

El mejor precio disponible

Suscribirme ahora

Adquiere 1 año entero de suscripción al precio de 11 meses. Obtienes acceso ilimitado a toda la plataforma, comunidades, cursos, clases en vivo, acceso anticipado a una comunidad exclusiva y cursos en construcción.

¿Cuál es el siguiente paso?

Si quieres profundizar tu conocimiento en React, te invitamos a seguir el Programa React Expert diseñado para que sigas aprendiendo.

Ver programas