Curso de Interfaces Dinámicas con Laravel Livewire
Curso de Interfaces Dinámicas con Laravel Livewire

Introducción

1

Construye un Foro con Laravel

2

El propósito de Laravel, Livewire y TailwindCSS

Configuración base

3

Configuración inicial

4

Bases de diseño

5

Primer componente livewire (preguntas)

6

Tabla categorías

7

Tabla preguntas

8

Estructura visual de las preguntas

9

Tabla respuestas

Preguntas

10

Completando el diseño del listado de preguntas

11

Filtrado por campo de búsqueda

12

Filtrado por categoría

Pregunta

13

Segundo componente livewire (pregunta)

14

Crear una respuesta principal

Respuesta

15

Tercer componente livewire (respuesta)

16

Listar respuestas hijas

17

Responder a otra respuesta

18

Editar una respuesta

19

Política de autorización para las respuestas

Flujo de trabajo tradicional

20

Formulario de editar pregunta

21

Campos del formulario

22

Actualizar pregunta

23

Crear pregunta

24

Política de autorización para las preguntas

Conclusiones

25

Rendimiento

26

Repaso de lo construido

No tienes acceso a esta clase

¡Continúa aprendiendo! Únete y comienza a potenciar tu carrera

Si ya tienes una cuenta,

Curso de Interfaces Dinámicas con Laravel Livewire

Curso de Interfaces Dinámicas con Laravel Livewire

Profesor Italo Morales F

Profesor Italo Morales F

Primer componente livewire (preguntas)

5/26
Recursos

Aportes 15

Preguntas 1

Ordenar por:

¿Quieres ver más aportes, preguntas y respuestas de la comunidad?

Augusto Alegre

Augusto Alegre

hace un año

Buenas, hace unas semanas livewire tuvo algunos cambios, los cambios que interesan para está clase son:
Antes -> App/Http/livewire/ShowThreads
ahora->App/livewire/ShowThreads
Archivo config de livewire deben modificar y agregar lo siguiente : ‘layout’ => ‘layouts.app’, háganlo únicamente si tienen el siguiente error Livewire page component layout view not found: [components.layouts.app]

Espero les sirva

Leomda

Hola a todos!
Les cuento lo que me paso por las dudas que pueda ayudar a alguien!
Cuando cree el componente livewire

php artisan make:livewire show-threads

El componente Livewire no se creo dentro de Http como indica la documentación, sino dentro de App.

Por lo tanto me tiraba este error

pp\livewire\ShowThreads` was not found.
Controller class App\livewire\ShowThreads for one of your routes was not found. Are you sure this controller exists and is imported correctly?

Para solucionarlo el problema cambie la ruta del componente en la ruta web.

Luego me tiro otro error

Livewire page component layout view not found: [components.layouts.app]

Para solucionarlo tuve mover una carpeta en las vistas.
En Views-components meter la carpeta layouts

Escucho opiniones. Saludos.
PD: Un grande el profe.

Claudio Andrés Rivera Bravo

Claudio Andrés Rivera Bravo

hace un año
Solución al problema con \[components.layouts.app] --> vayan a vendor/livewire/livewire/config/livewire.php y editan la linea 41: ```js 'layout' => 'components.layouts.app', ```por la siguiente: ```js 'layout' => 'layouts.app', ```
Alvaro Huaysara Jauregui

Alvaro Huaysara Jauregui

hace 5 meses
En Laravel 11 tuve que ejecutar ```js php artisan livewire:publish --config ```php artisan livewire:publish --config Entrar en el archivo config/livewire.php y cambiar 'components.layouts.app' por 'layouts.app'
Sammy Joseph Taboada Paz

Sammy Joseph Taboada Paz

hace un año

Me sucedió que, después de agregar los estilos de Livewire @livewireStyles en la plantilla app.blade.php, las nuevas clases de Tailwind que iba agregando en mi vista show-threads como bg-blue-600 y otras, no funcionaban.
Haciendo pruebas, tuve que quitar/comentar @livewireStyles de la plantilla app.blade.php y los estilos de Tailwind volvieron a responder. Nuevamente agregué/descomenté @livewireStyles y ya todo funciona bien.

Por lo visto se generó un conflicto temporal de clases entre Livewire y Tailwind.

quitamaga
SUGERENCIA: Se debe de poner en el inicio de la clase, los posibles errores por cambio de versión de Livewire. Se aprende a encontrar la solución, pero se pierde tiempo, paciencia y hasta ganas de continuar ...
Alvaro Huaysara Jauregui

Alvaro Huaysara Jauregui

hace 5 meses
En Laravel 11 tuve que ejecutar ```js php artisan livewire:publish --config ``` Entrar en el archivo config/livewire.php y cambiar 'components.layouts.app' por 'layouts.app'
Alvaro Huaysara Jauregui

Alvaro Huaysara Jauregui

hace 5 meses
En Laravel 11 tuve que ejecutar ```js php artisan livewire:publish --config ```Entrar en el archivo config/livewire.php y cambiar 'components.layouts.app' por 'layouts.app'
Alvaro Huaysara Jauregui

Alvaro Huaysara Jauregui

hace 5 meses
En Laravel 11 tuve que ejecutar ```js php artisan livewire:publish --config ```Entrar en el archivo config/livewire.php y cambiar `'components.layouts.app'` por `'layouts.app'`
Alvaro Huaysara Jauregui

Alvaro Huaysara Jauregui

hace 5 meses
En Laravel 11 tuve que ejecutar ```js php artisan livewire:publish --config ``` Entrar en el archivo config/livewire.php y cambiar ```js 'layout' => 'components.layouts.app', ```por ```js 'layout' => 'layouts.app', ```
Alvaro Huaysara Jauregui

Alvaro Huaysara Jauregui

hace 5 meses
En Laravel 11 tuve que ejecutar `php artisan livewire:publish --config` Entrar en el archivo config/livewire.php y cambiar `'layout' => 'components.layouts.app',` por `'layout' => 'layouts.app',`
Claudio Andrés Rivera Bravo

Claudio Andrés Rivera Bravo

hace un año
Si te aparece este error: ![](https://static.platzi.com/media/user_upload/Captura%20de%20pantalla%202023-10-13%20a%20la%28s%29%2021.52.11-e7a233cf-de30-4589-b6e6-f1bf8a7a25fc.jpg) Mueve la carpeta layouts a components: ![](https://static.platzi.com/media/user_upload/Captura%20de%20pantalla%202023-10-13%20a%20la%28s%29%2022.03.55-a8753878-bcf5-4fbb-a965-a2e060cc1068.jpg) y listo, despues configuras las rutas que apunten a components/layouts/...
Iván Andrés Pineda Salazar

Iván Andrés Pineda Salazar

hace 9 meses
Hola a todos, si están utilizando la versión 3.0 de Livewire, la forma de incluir la ruta en el archivo web.php ha cambiado. A mi me salía este error: ![](https://static.platzi.com/media/user_upload/image-9da3b0b8-bb09-4e3b-99a2-8c98018ef274.jpg) Para solucionar esto, debes dejar la ruta web de la siguiente manera, utilizando nuestro componente ShowThreads. El archivo web.php quedaría así: \middleware('auth')->name('dashboard');//Ruta version anteriorRoute::get('/', ShowThreads::class) ->middleware(\['auth']) ->name('dashboard');//Nueva ruta Route::view('profile', 'profile')->middleware(\['auth'])->name('profile'); require \_\_DIR\_\_.'/auth.php';
Hector Guerrero

Hector Guerrero

hace un año

Buenas espero serles de ayuda en el caso de que estén experimentando problemas a la hora de declarar las rutas con livewire de la manera que explica el profe Italo:
Según la documentación de Livewire la versión 3.0
la manera de declarar las rutas es de esta manera:
use App\Livewire\ShowThreads;
Route::get(’/’, ShowThreads::class)
->middleware([‘auth’])
->name(‘dashboard’);
Luego debemos correr el siguiente comando:
php artisan livewire:layout
Y listo ya todo funciona correctamente.
Les dejo la doc por si quieren echar un vistaso: https://livewire.laravel.com/docs/quickstart

Iván Andrés Pineda Salazar

Iván Andrés Pineda Salazar

hace 9 meses
Ahí vamos ![](https://static.platzi.com/media/user_upload/image-2b08d6fa-d34a-4141-b1ee-4741b60fc4d2.jpg)