Curso de React Native y Laravel Echo con Laravel Sanctum, aplicaciones en tiempo real
Este curso pertenece a las siguientes rutas de aprendizaje
Desbloquea el curso
Contrata un plan y consigue acceso completo
Crea tu cuenta¿Ya tienes una cuenta? Inicia sesión
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.
- Conocimientos de Laravel, aquí tienes tienes un curso gratuito desde 0.
- Conocimientos de JavaScript y HTML
Acerca del autor
Desarrollador con 10 años de experiencia en web y móvil y formador con 7 años de experiencia.
Empecé en el mundo de la programación a raíz de un accidente de trabajo y me tuve que reinventar.
Soy autodidacta, me dedico de forma profesional a desarrollar software y cada día aprendo cosas nuevas.
Apasionado del backend, me encanta todo lo que tiene que ver con procesos y lógica.
Me encanta programar, pero todavía más ayudar a otras personas en su proceso de formación.
Israel Parra
Php, JavaScript, Laravel, Vue, React, React Native, Svelte, Serverless
2 valoraciones
hace 3 años
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
hace 3 años