Laravel Inertia REACT desde cero

Laravel Inertia REACT desde cero

0%Inicia sesión para registrar tu progreso
13 lecciones0h 38mNuevas lecciones cada semana
Domina Inertia para crear aplicaciones web SPA eficientes con Laravel y React.js, sin la complejidad de las SPAs. Construirás una aplicación desde el inicio hasta su despliegue.
Pre-requisito: Laravel 10 Desde Cero
1. Introducción al curso Inertia con Reactjs
FREE
01:24

En esta lección te doy la bienvenida al curso de Laravel Inertia con Reactjs y te explico los detalles y requisitos del mismo.

2. Qué es Inertia JS (REACT)
FREE
03:00

En esta lección, vamos a repasar de manera concisa qué es Inertia (React.js) y cuáles son las diferencias clave en comparación con una aplicación de Laravel que utiliza Blade como motor de plantillas.

3. Instalación de Laravel Inertia con React
FREE
03:48

En esta lección aprendemos el proceso para crear una nueva aplicación de Laravel con Inertia y React.js

4. Configuración del proyecto (React)
PRO
02:11

En esta lección definimos el modelo, la migración y el controlador resource para nuestro proyecto con Inertia React.js

5. Cómo crear páginas con Inertia React
PRO
02:28

En esta lección creamos nuestra primera página de Inertia con React.js

6. Propiedades de Página (React)
PRO
03:13

En esta lección exploramos la sintaxis de JSX y aprendemos a pasar variables desde PHP y utilizarlas con Javascript.

7. Estructura de componentes de Inertia React
PRO
02:17

En esta lección te explico las principales diferencias entre los componentes de página, de plantilla y componentes en sí.

8. Componentes Layout React
PRO
04:19

En esta lección, profundizaremos en los fundamentos relativos a los componentes de React que serán empleados como plantillas.

9. Guest & Authenticated React Layouts
PRO
02:38

En esta lección exploramos los componentes Layout que vienen con la instalación de Laravel Breeze con Inertia React

10. Layout master en Inertia React
PRO
03:36

En esta lección revisamos el Componente de Head, y la plantilla base que se utiliza en todas las páginas de Inertia con React.

11. Componente Link de Inertia React
PRO
03:29

En esta lección exploramos el componente Link de Inertia React, que nos permite navegar entre páginas sin necesidad de refrescar la página.

12. Cómo activar links con Inertia React
PRO
04:45

En esta lección organizamos los links de navegación móvil y escritorio y aprendemos a detectar la ruta actual para activar y desactivar links con Inertia React.

13. Creando el formulario con Inertia REACT
PRO
01:17

En esta lección agregamos el formulario utilizando clases de Tailwind y componentes de Laravel Breeze en nuestra aplicación con Inertia React.js.