Última actualización:

¿Qué voy a aprender?

En este curso aprenderás a crear una App con React Native y Laravel Sanctum haciendo uso de Expo, React Navigation 6 y Hooks. El curso te servirá para tener una base sólida para futuros proyectos. La idea es aprender a conectar de forma segura Laravel y React Native haciendo uso de los tokens de Laravel Sanctum.

La meta del curso es enseñarte a desarrollar aplicaciones móviles para iOS y Android con las mejores herramientas para desarrolladores web sin dejar de utilizar Laravel. Existen muchos cursos en la web, en Cursosdesarrolloweb también, donde se desarrollan apps con React Native, pero en el 90% de los casos, el backend es Firebase, ¿qué sucede entonces si nuestro backend es Laravel? Pues eso... aquí cubriremos de forma completa este caso.

Navegaciones con React Navigation 6

Nuestra App tendrá 2 navegaciones, para usuarios identificados y no identificados. Mientras a los usuarios identificados les mostraremos una navegación basada en un Drawer (Menú Lateral) y BottomTabs (Tabs al pie de pantalla), a los usuarios no identificados les mostraremos una App con navegación únicamente a través de botones, Login y Registro.

A través de un Provider y a los Hooks de React sabremos en todo momento qué navegación mostrar al usuario dependiendo de su estado en la aplicación, identificado o no identificado. Además, aprenderemos a guardar de forma segura la información del usuario en el dispositivo para recuperarla cuando sea necesario, algo muy útil para el token de identificación.

Autenticación y seguridad

Para comunicarnos con nuestro backend Laravel utilizaremos Axios con React Native. De una forma muy sencilla automatizaremos el envío de una cabecera Authorization con un Bearer token que Sanctum sabrá interceptar automáticamente gracias al Middleware que Laravel nos ofrece.

Validación y formularios

Para mejorar nuestra App y su seguridad, llevaremos a cabo validación de formularios en cliente y servidor, mientras en el cliente validaremos longitudes, tipos y requerimientos, en el servidor nos aseguraremos de que lo que viene de los formularios sea lo que tenemos preparado a nivel de base de datos, en caso de que no sea así, responderemos con un error lo suficientemente explicativo.

Fuentes personalizadas

Para que nuestra App luzca como nosotros deseamos, aprenderemos a instalar fuentes personalizadas, en nuestro caso Lato, y veremos cómo aplicarla a nuestro proyecto de forma global, de la misma forma, aprenderemos a crear fuentes responsive dependiendo de las dimensiones del dispositivo, algo que quizá no siempre sea lo mejor, pero es una herramienta más que tendrás al finalizar el curso.

Estilos y colores globales

Otro tema interesante será ver cómo podemos crear colores y estilos globales en forma de variables que más adelante podremos utilizar con Stylesheet.create, algo súper interesante que estoy seguro te resultará útil. De esta forma, si alguna vez necesitas cambiar la fuente o un color, sólo deberás hacerlo desde un único lugar, centralización.

¿Cómo seguir el curso?

Mientras yo te estaré mostrando todo lo que vayamos desarrollando en un emulador iOS o Android, mi recomendación es que tú lo sigas con tu dispositivo gracias a la App de Expo, no debes hacer nada, al inicio del curso te explicaré que pasos seguir para ver todo lo que vamos desarrollando en tu dispositivo Android o iOS.

Si te interesa aprender a desarrollar una App con React Native y Laravel Sanctum, no lo dudes, suscríbete a la plataforma, una vez el curso sea publicado notificaré a todos los estudiantes de la plataforma y lo podrás empezar y finalizar, el proyecto final lo tendrás adjunto en la sección archivos, tanto el backend como la App con React Native.

Requisitos recomendados para tomar el curso

Haber realizado el curso de Laravel 8 desde cero, el resto se cubre aquí.
Tener conocimientos sólidos de JavaScript.
Es un plus tener conocimientos de Vue, React o Angular.

¿Para quién es este curso?

Cualquier desarrollador Laravel que desee aprender a desarrollar sus propias Apps con React Native y Laravel Sanctum a través de un completo ejemplo, paso a paso y de forma correcta.

¿Qué hago si tengo dudas a lo largo del curso?

Si estás suscrito al plan Trimestral o Anual o has comprado el curso cuentas con soporte completo en menos de 24 horas dentro de días laborables.

Contenido del Curso

Introducción
React Native Laravel Sanctum: ¿Qué vamos a hacer? GRATIS 00:04:00
Desarrollando la API con Laravel
React Native Laravel Sanctum: Proyecto final API 00:00:00
React Native Laravel Sanctum: Crear proyecto, instalar dependencias, traducciones y ajustes GRATIS 00:07:00
React Native Laravel Sanctum: Ajustar manejador de errores respuestas API 00:03:00
React Native Laravel Sanctum: Setup base de datos 00:06:00
React Native Laravel Sanctum: Trait para centralizar respuestas API 00:03:00
React Native Laravel Sanctum: Proceso completo para iniciar sesión con personal access tokens 00:07:00
React Native Laravel Sanctum: Proceso completo para registrar usuarios 00:04:00
React Native Laravel Sanctum: Proceso completo para cerrar sesión invalidando tokens individualmente 00:06:00
React Native Laravel Sanctum: Controlador para obtener programadores, rutas y lanzar servidor 00:07:00
Desarrollando nuestra APP
React Native Laravel Sanctum: App Final 00:00:00
React Native Laravel Sanctum: Revisando la App que vamos a desarrollar 00:03:00
React Native Laravel Sanctum: Instalar Expo y crear nuestra App 00:07:00
React Native Laravel Sanctum: Desarrollar con Expo Go 00:04:00
Preparando y configurando nuestra APP
React Native Laravel Sanctum: Comandos para instalar las dependencias de la App 00:00:00
React Native Laravel Sanctum: Instalar todas las dependencias 00:12:00
React Native Laravel Sanctum: Entender cómo funciona el archivo app.json de Expo 00:03:00
React Native Laravel Sanctum: Modificando el SplashScreen y el Icono 00:02:00
React Native Laravel Sanctum: Crear la estructura de directorios de nuestra App 00:11:00
React Native Laravel Sanctum: Hooks en React, ¿para qué sirven? 00:07:00
React Native Laravel Sanctum: Constantes en Expo 00:02:00
React Native Laravel Sanctum: Configurar fuentes y colores de forma global para nuestra App 00:07:00
Primera versión de nuestro App.js
React Native Laravel Sanctum: Primera versión de nuestra App aplicando estilos 00:07:00
React Native Laravel Sanctum: Utilizando constantes en nuestra App 00:02:00
React Native Laravel Sanctum: Cargando imágenes en caché y fuentes personalizadas (Lato) 00:06:00
Desarrollando componentes reutilizables
React Native Laravel Sanctum: Desarrollando componentes de formulario validados: Email, Password, Text 00:15:00
React Native Laravel Sanctum: Componentes para mostrar errores del servidor y cargador de actividad (Preloader) 00:08:00
Autenticación y navegación para usuarios no identificados
React Native Laravel Sanctum: Pantallas de login y registro sin lógica para iniciar la navegación 00:04:00
React Native Laravel Sanctum: StackNavigator para usuarios no identificados 00:12:00
React Native Laravel Sanctum: Formulario de login a falta de procesar contra API 00:16:00
React Native Laravel Sanctum: Formulario de registro a falta de procesar contra API 00:10:00
React Native Laravel Sanctum: Configurar Axios 00:04:00
React Native Laravel Sanctum: Capturar errores Axios 00:02:00
React Native Laravel Sanctum: AuthReducer 00:07:00
React Native Laravel Sanctum: Iniciar AuthProvider y utilizar AuthReducer 00:09:00
React Native Laravel Sanctum: Finalizar AuthProvider, login, logout, hooks y context 00:07:00
React Native Laravel Sanctum: Utilizar AuthProvider 00:03:00
React Native Laravel Sanctum: Ajustar configuración Axios para enviar token en cada petición 00:02:00
React Native Laravel Sanctum: Servicio de autenticación para iniciar sesión, registro y logout 00:11:00
React Native Laravel Sanctum: Registrando usuarios 00:06:00
React Native Laravel Sanctum: Iniciando sesión y generando tokens 00:07:00
Screens y navegación para usuarios identificados, Tabs|Drawer
React Native Laravel Sanctum: Crear screens básicas para usuarios identificados 00:03:00
React Native Laravel Sanctum: StackNavigation para usuarios identificados 00:04:00
React Native Laravel Sanctum: Iniciar BottomTabNavigation 00:06:00
React Native Laravel Sanctum: Finalizar BottomTabNavigation 00:07:00
React Native Laravel Sanctum: Mostrar navegación basada en estado del usuario 00:03:00
React Native Laravel Sanctum: Iniciando Drawer y useEffect para obtener usuario identificado 00:05:00
React Native Laravel Sanctum: Finalizar Drawer 00:12:00
React Native Laravel Sanctum: Combinar navegación por Tabs con Drawer 00:12:00
Listando programadores en nuestra APP
React Native Laravel Sanctum: Servicio para obtener datos de la API 00:02:00
React Native Laravel Sanctum: Listando datos en un ScrollView 00:09:00
Publicando en App Store y Google Play
React Native Laravel Sanctum: Pasos a seguir para publicar en App Store y Google Play 00:26:00

Valoraciones del curso

5

1 valoración
  • 5 estrellas
  • 4 estrellas
  • 3 estrellas
  • 2 estrellas
  • 1 estrellas
  1. Muy Actual

    Muchas gracias profesor este curso mejora cantidad mis conocimientos de React y Rest APis Este curso a mi me apoya en los proyectos diarios .
    Un saludo

Más valoraciones
HACER ESTE CURSO
  • Opciones de Precio +
  • ACCESO PARA SIEMPRE
  • Número de unidades52
  • 5 horas, 32 minutos
21 ALUMNOS MATRICULADOS
Cursosdesarrolloweb ©. Todos los derechos reservados.

Login

Create an Account Back to login/register