play_circle_filled 03 horas y 28 minutos today

Curso de React Native y Laravel Echo con Laravel Sanctum, aplicaciones en tiempo real

star star star star star
2 valoraciones
Curso de React Native y Laravel Echo con Laravel Sanctum, aplicaciones en tiempo real

Este curso pertenece a las siguientes rutas de aprendizaje

play_circle_outline
¿Qué vamos a hacer? lección gratuita
6 minutos
file_download
Archivos del curso (Proyecto final)
N/A

play_circle_outline
play_circle_outline
Configurar Laravel Echo y preparar proyecto Laravel para poder comunicar nuestra APP
6 minutos
play_circle_outline
Crear el sistema de autenticación para utilizar Laravel Sanctum con Tokens
9 minutos
play_circle_outline
Modelos, migraciones y Seeds
10 minutos
play_circle_outline
Crear eventos y definir rutas channel y web
10 minutos
play_circle_outline
Crear Resource JobCategory para enviar datos de la API a la APP y actualizar rutas web y API
6 minutos
play_circle_outline
Ejecutar comandos para dejar el proyecto Laravel en marcha de forma correcta
6 minutos

play_circle_outline
Introducción a React Native, Expo y revisando las dependencias del proyecto
8 minutos
play_circle_outline
play_circle_outline
play_circle_outline
Definir archivos de constantes y estilos css con React Native
5 minutos
play_circle_outline
Crear la instancia de Laravel Echo de forma correcta
3 minutos
play_circle_outline
Servicio Axios para comunicarnos con la API utilizando Sanctum
3 minutos
play_circle_outline
Escribir la Store para manejar autenticación con Mobx
10 minutos
play_circle_outline
Escribir la Store para modificar la interfaz con Mobx
2 minutos
play_circle_outline
Comunicar todas las Stores entre sí con Mobx
3 minutos
play_circle_outline
Componente para mostrar un Loader mientras suceden cosas en la APP
4 minutos
play_circle_outline
Crear un componente SnackBar que utilizaremos con los canales de Echo
7 minutos
play_circle_outline
Crear componente para mostrar errores de validación del servidor
3 minutos
play_circle_outline
Crear la pantalla para iniciar sesión
14 minutos
play_circle_outline
Crear la pantalla para registrar usuarios
4 minutos
play_circle_outline
Crear una navegación por Tabs para usuarios no identificados
6 minutos
play_circle_outline
Crear un componente para manejar navegaciones de usuarios invitados e identificados
3 minutos
play_circle_outline
Actualizar el punto de entrada de Expo para utilizar los providers Mobx y Paper
9 minutos
play_circle_outline
Pantalla Welcome después de iniciar sesión y conectar a canal privado Echo con autenticación
7 minutos
play_circle_outline
Crear la navegación por Tabs para usuarios identificados y cambiar navegación de forma dinámica
6 minutos
play_circle_outline
Pantalla para cerrar sesión y comprobar que el socket se desconecta completamente en el servidor
7 minutos
play_circle_outline
Probar la emisión de eventos desde el servidor y algunos conceptos importantes
5 minutos
play_circle_outline
Almacén de datos Jobs con Mobx para gestionar el estado de las categorías de trabajos
7 minutos
play_circle_outline
Listar las categorías de trabajos, escuchar y emitir eventos de forma completa y pruebas finales
16 minutos
Vídeo de introducción Curso de React Native y Laravel Echo con Laravel Sanctum, aplicaciones en tiempo real
play_circle_filled

Desbloquea el curso

starVer planes de suscripción

¿Ya tienes una cuenta? Inicia sesión

school¿Qué aprenderás?

¿Interesado en el desarrollo sin real time? ¡Mira este curso!

Aprende a desarrollar aplicaciones móviles en tiempo real con React Native y Laravel Echo utilizando Expo. Para desarrollar el Backend en Realtime utilizaremos Laravel Echo con Socket.IO y Laravel Sanctum para el sistema de autenticación basado en tokens contra rutas API y Canales. 

Hoy en día es una necesidad saber desarrollar aplicaciones en tiempo real. Cada vez son más las empresas que solicitan este conocimiento en un desarrollador web o móvil. Si no cuentas con estos conocimientos dejarás de poder atender a posibles clientes que requieran este tipo de aplicaciones. 

A lo largo de este curso de React Native y Laravel Echo crearemos una APP para Android y iOS, algo parecido a un portal para buscar trabajo. Sin entrar en todos los detalles de este tipo de proyectos, sí definiremos lo que más nos interesa, autenticación y Realtime. 

Empezaremos por configurar el Backend con Laravel utilizando el sistema de Broadcast de Laravel para emitir eventos al cliente utilizando el Middleware de autenticación Sanctum con el fin de proteger nuestros endpoints. 

Ya que Laravel será quien comunique a la APP lo que esté sucediendo en nuestra base de datos, crearemos una serie de eventos para actualizar cierta información y así notificar a React Native para que puede actualizar las interfaces de todos los clientes que estén conectados y escuchando los eventos disparados. 

Una vez tengamos el Backend Laravel funcionando, empezaremos a desarrollar la aplicación móvil con React Native y Expo. Lo primero será instalar todas las dependencias necesarias. Entre las más importantes cabe destacar las siguientes: 


  • React Native Paper para definir la interfaz.
  • Echo para escuchar los eventos de Laravel.
  • Socket.IO, el cliente utilizado por Echo.
  • Mobx, mi alternativa a Vuex en React, fácil y genial.

 Con el proyecto Expo iniciado y las dependencias instaladas, configuraremos Babel para mapear nuestro proyecto y tener acceso directo a todos los paths utilizando alias, algo súper recomendable en cualquier proyecto, a esto se le conoce como module resolver

De aquí en adelante será desarrollar componentes, navegaciones, stores, screens, archivos de constantes, servicios para conectar con Laravel Echo y consumir la API con Axios y todo lo que te puedas imaginar para desarrollar este tipo de proyectos.

assignmentRequisitos

  • Conocimientos de Laravel, aquí tienes tienes un curso gratuito desde 0.
  • Conocimientos de JavaScript y HTML


group¿A quién va dirigido el curso?

Cualquier desarrollador de aplicaciones web que utilice Laravel y desee aprender a desarrollar aplicaciones móviles en tiempo real con React Native y Expo para Android y iOS desde 0 paso a paso.

help_outline¿Qué hacer en caso de dudas durante el curso?

Los planes de suscripción trimestral y anual incluyen soporte a través del foro del curso.

Las dudas que se planteen en el foro del curso serán respondidas en un plazo máximo de 24 horas laborables.

Las dudas planteadas deben estar relacionadas con el contenido del curso y no con desarrollos personalizados que no estén relacionados con el curso.

Acerca del autor

Especialista con +14 años de experiencia en desarrollo web Full Stack. Dominio avanzado en Laravel y Vue.js, creando aplicaciones modernas de alto rendimiento. Instructor profesional con 8 años compartiendo conocimiento a través de cursos especializados que han formado a cientos de desarrolladores.

Israel Parra

Desarrollador Full Stack & Formador

Valoraciones

5
star star star star star

2 valoraciones

star star star star star
star star star star star_border
star star star star_border star_border
star star star_border star_border star_border
star star_border star_border star_border star_border
Alejandro Garcia

hace 4 años

Alejandro Garcia Excelente curso muy bueno y muy bien explicado
star star star star star

Se trata todo los temas con explicación cara y fácil de comprender.

Sugerencia: Seria Interesante un Curso de Vue-Native con Laravel Sanctum o AWS Amplify

Gracias por compartir tanto conocimiento y tan buenos cursos

Andrew

hace 4 años

Andrew Buen curso
star star star star star

Se aprende mucho sobre el uso de el realtime con react native y expo

Cursosdesarrolloweb es una plataforma educativa con cursos y tutoriales en texto y vídeo.

Términos y condiciones Política de privacidad Términos y condiciones para afiliados Formulario de contacto

Copyright 2025 © Todos los derechos reservados.