Saltar al contenido
school

Este curso pertenece a las siguientes rutas de aprendizaje

play_circle_outline
vista previa
4 minutos
file_download
Archivos del curso (Proyecto final Api Laravel)
N/A
file_download
Archivos del curso (Proyecto final App)
N/A

play_circle_outline
vista previa
7 minutos
play_circle_outline
vista previa
3 minutos
play_circle_outline
vista previa
6 minutos
play_circle_outline
vista previa
3 minutos
play_circle_outline
vista previa
7 minutos
play_circle_outline
vista previa
4 minutos
play_circle_outline
vista previa
6 minutos
play_circle_outline
vista previa
7 minutos

play_circle_outline
vista previa
3 minutos
play_circle_outline
Instalar Expo y crear nuestra App
7 minutos
play_circle_outline
Desarrollar con Expo Go
4 minutos

play_circle_outline
Instalar todas las dependencias
12 minutos
play_circle_outline
Entender cómo funciona el archivo app.json de Expo
3 minutos
play_circle_outline
Modificando el SplashScreen y el Icono
2 minutos
play_circle_outline
Crear la estructura de directorios de nuestra App
11 minutos
play_circle_outline
Hooks en React, ¿para qué sirven?
7 minutos
play_circle_outline
Constantes en Expo
2 minutos
play_circle_outline
Configurar fuentes y colores de forma global para nuestra App
7 minutos

play_circle_outline
Primera versión de nuestra App aplicando estilos
7 minutos
play_circle_outline
Utilizando constantes en nuestra App
2 minutos
play_circle_outline
Cargando imágenes en caché y fuentes personalizadas (Lato)
6 minutos

play_circle_outline
Desarrollando componentes de formulario validados
15 minutos
play_circle_outline
Componentes para mostrar errores del servidor y cargador de actividad (Preloader)
8 minutos

play_circle_outline
Pantallas de login y registro sin lógica para iniciar la navegación
4 minutos
play_circle_outline
StackNavigator para usuarios no identificados
12 minutos
play_circle_outline
Formulario de login a falta de procesar contra API
16 minutos
play_circle_outline
Formulario de registro a falta de procesar contra API
10 minutos
play_circle_outline
Configurar Axios
4 minutos
play_circle_outline
Capturar errores Axios
2 minutos
play_circle_outline
AuthReducer
7 minutos
play_circle_outline
Iniciar AuthProvider y utilizar AuthReducer
9 minutos
play_circle_outline
Finalizar AuthProvider, login, logout, hooks y context
7 minutos
play_circle_outline
Utilizar AuthProvider
3 minutos
play_circle_outline
Ajustar configuración Axios para enviar token en cada petición
2 minutos
play_circle_outline
Servicio de autenticación para iniciar sesión, registro y logout
11 minutos
play_circle_outline
Registrando usuarios
6 minutos
play_circle_outline
Iniciando sesión y generando tokens
7 minutos

play_circle_outline
Crear screens básicas para usuarios identificados
3 minutos
play_circle_outline
StackNavigation para usuarios identificados
4 minutos
play_circle_outline
Iniciar BottomTabNavigation
6 minutos
play_circle_outline
Finalizar BottomTabNavigation
7 minutos
play_circle_outline
Mostrar navegación basada en estado del usuario
3 minutos
play_circle_outline
Iniciando Drawer y useEffect para obtener usuario identificado
5 minutos
play_circle_outline
Finalizar Drawer
12 minutos
play_circle_outline
Combinar navegación por Tabs con Drawer
12 minutos

play_circle_outline
Servicio para obtener datos de la API
2 minutos
play_circle_outline
Listando datos en un ScrollView
9 minutos

play_circle_outline
Pasos a seguir para publicar en App Store y Google Play
26 minutos
Vídeo de introducción App con React Native y Laravel Sanctum
play_circle_filled

Desbloquea el curso

starVer planes de suscripción
school

¿Qué aprenderás?

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.
assignment

Requisitos

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.
group

¿A quién va dirigido el 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.
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.

card_membership

Certificado de finalización

emoji_events

Al completar todas las lecciones del curso, obtendrás un certificado de finalización en formato PDF personalizado con tu nombre y un código QR de verificación.

  • center_focus_weak Código QR con enlace al curso
  • picture_as_pdf Descargable en formato PDF
  • person Personalizado con tu nombre

star Disponible exclusivamente para suscriptores.

Especialista con +15 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

6 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
Jorge Muñoz Castillo

hace 1 año

Jorge Muñoz bien
star star star star star
bien, aunque cuesta seguirlo ya que las dependencias han cambiado mucho
Dayler Taboada Frias

hace 3 años

Dayler Taboada Directo y resumido, así deberián ser todos los cursos.
star star star star star
Lo que me gusto fue que usaste herramientas utiles en el desarrollo.
Saul Andrés

hace 4 años

Saul Andrés Aprendí a crear aplicaciones móviles
star star star star star

Gracias a este curso aprendí a crear aplicaciones móviles pero no solo eso tambien aprendí a a comunicar mediantes tokens de forma segura mi app con mi api, muchas gracias Israel

Alejandro Q

hace 4 años

Alejandro Q Excelente
star star star star star
Muy buen contenido y actualizado. El uso de los hooks en la autenticación me agrado. Espero ver más contenido de Laravel con react y react native. Muchas gracias por el curso.
Andrew

hace 4 años

Andrew Buen curso
star star star star star

Se aprende bastante del manejo en la navegacion en react native y expo en general

ariane

hace 4 años

ariane Muy Actual
star star star star star

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

visibility Vista previa

star

¿Te gusta lo que ves? Accede a este curso completo y a más de 200 cursos con una suscripción.

launch Ver planes de suscripción