Conoce qué SPA vas a construir

Clase 3 de 20 • Curso de Single Page Applications en Laravel con Inertia y Vue.js

Brian Sánchez Izquierdo

student•

listo, empecemos! No se nada de Vue pero ojala eso no sea un impedimento.

Pablo Emilio Escobar Ossa

student•

Te apoyo amigo (somos dos) jaja

Wilmer Omar Aguirre Galdamez

student•

Somos 3 !!!

Carlos Eduardo Gomez García

teacher•

Interesante, veo que la URL se actualiza sin recargar la página, lo que me hace pensar que Laravel solamente renderiza una vez el componente Vue y después de eso Vue se encarga de manejar el renderizado de las demás rutas a como lo haría normalmente con su sistema de rutas propio... me pregunto si será similar a Nuxt.js 🤔

Daniel Jonguitud

student•

Nuxt corre con un servidor node que le permite crear todo el HTML y después hidratarlo con Vue. La diferencia en general es que Vue no genera tags HTML como tal si no que simplemente "pinta" la interfaz usando JS. Para el caso de Laravel, este le pasa los datos a Vue y Vue los rederiza usando JS. De hecho esta es la razón por la cual Laravel + Inertia.js no da SSR.

Andrés Felipe Lopez gomez

student•

Que excelente tecnologia

Diego Lozano

student•

En un proyecto se pueden usar ambos caminos(inertiajs y livewire) o es mejor solo usar uno de los dos

Carlos Eduardo Gomez García

teacher•

¡Hola!, no se puede (me parece que el curso menciona que no se puede), también yo traté de hacerlo ayer y no se puede porque da muchos problemas jajaja 😂 Mejor solo elige uno de ellos para trabajar :D

Diego Lozano

student•

Si ya revisando, solo se puede usar uno de los dos caminos

Jaime Ortiz

student•

Y qué tal el SEO? usando Inertia habrá problemas para el SEO?

Daniel Adolfo Ordoñez Rubio

student•

Hola, Jaime :) Esa es una "desventaja" de las páginas que no son renderizadas en el servidor (SSR) sino en el cliente; inertia no soporta SSR por default pero hay servicios y paquetes para pre-renderizar el contenido, puedes ver en la documentación de inertia. Por otro lado, es importante pensar ¿cuál es el objetivo de tu sitio o app?, para determinar si usar un framework u otro método de desarrollo.

Emilio Vega

student•

buen curso, ojalá realizaran un curso de login y permiso y si alguno acá me pueda orientar... gracias

Cristobal Nyram

student•

No creo que sea necesario un curso para ello, en cuestión de login ya tiene auth de Laravel, para ello puede ver el curso de laravel y para cuestión de permisos podrías usar una librería llamada spatie

Yaiser Avila Rodriguez

student•

Me he puesto a trabajar con otra vía el proyecto propuesto por el profe y los pasos que el propone hay que adaptarlos un poco pero funcionan bien usando el docker

Jimmy Buriticá Londoño

student•

Ya tenemos claro el proyecto, ahora si empecemos con el código...

Alejandro Madrid Felizzola

student•

Que buena explicación, de manera directa :)

Francisco Escobar

student•

Es necesario saber de gerencia de proyectos si lidero un grupo de desarollo de 5 personas con vue y laravel?

Leda Rodríguez Posso

student•

Si lideras un equipo me parece que saber de gerencia es bastante apropiado. Podrías mirar el programa del curso de fundamentos de Gestión de proyectos de 2019 y decidir que te sirve de ahí para tu caso.

Julio Bastidas

student•

se puede usar con react??

Erick Alejandro Graterol Barico

student•

Me gusta bastante la ruta de php y laravel, sin embargo algunos cursos se ven con freeze y lag no se si es el video o algo del navegador

Jose Orlando Parra Soto

student•

esta increíble el proyecto para empezar

Andres David Pinzón

student•

con inertia-link se define la ruta a la que se va ir, pero esto hace que se recargue la pagina una vez oprima ?

Carlos Eduardo Gomez García

teacher•

¡Hola!, no, inertia link sirve justamente para que puedas navegar en la página sin que se recargue (es por esto que usamos inertia link en lugar de una etiqueta a normal)

Conoce qué SPA vas a construir

Introducción

Cómo aprenderás a crear SPAs en Laravel

Introducción a Jetstream

Proyecto

Conoce qué SPA vas a construir

Configuración inicial

Sistema basado en componentes

Jetstream: configuración inicial

Jetstream: personalización

Listado de notas: configuración inicial

Listado de notas: personalización

Vista detalle de nota

Formulario de editar

Código de actualizar

Formulario de crear

Código de guardar

Función de eliminar

Flash message

Buscador

Conclusión

Repaso final

Despedida

Clase bonus: nunca parar de aprender