Cómo utilizar los componentes y slots en Laravel

A continuación te muestro cómo utilizar los componentes y slots en las vistas de Laravel.

Ésta lección forma parte del Curso de Laravel desde Cero. Si quieres saber más sobre el curso completo entra aquí.

Cuando se trata de reutilizar código para diferentes vistas detro de nuestro proyecto de Laravel, se nos viene inmediatamente a la cabeza los layouts y las secciones.

A pesar que son fáciles de utilizar y en muchas ocasiones nos pueden sacar de apuro, existe otra funcionalidad de Laravel que nos brinda la misma solución y algunos pueden verla como una solución más fácil de entender y con más coherencia 😲.

Me refiero a los componentes y ranuras, en inglés Components y Slots. La idea de todo esto es configurar un componente y reutilizarlo dentro de las vistas tanta veces nosotros necesitemos.

Los componentes vendrán acompañados de un slot principal, y nosotros podremos agregarle más siempre y cuando sea requerido.

En la documentación puedes ver un ejemplo donde señalan un componente llamado «alerta», que simplemente es una vista cuya función es imprimir un mensaje de alerta.

En muchas vistas se necesitará mostrar dicha alerta. Para no tener que crear el mensaje en cada vista, se podrá reutilizar el componente anterior el cual nos permitirá pasarle el texto específico a mostrar.

La idea es utilizar el mismo componente pero con diferente data 🤯.

A continuación te dejo el videotutorial donde te lo explico en detalle:

Como haz visto en el video, es muy fácil de utlizar. Te invito a que comiences a agregarlos en tus proyectos en dado caso que no lo hayas hecho.

La documentación oficial de los componentes y slots en Laravel la puedes encontrar aquí:

https://laravel.com/docs/blade#components-and-slots

Sin más, me despido y hasta el próximo post 🖖🏼.

La lección anterior forma parte del Curso de Laravel desde Cero. Si quieres saber más sobre el curso completo entra aquí.

2 comentarios en “Cómo utilizar los componentes y slots en Laravel”

  1. Sergio Valenzuela

    Hola Gustavo !!!
    ¿Das asesoría sobre el manejo de componentes, trabajando con layouts y la variable $slot?
    Quedo atento a tu respuesta, si fuera afirmativa un número de whatsapp para contactarte.

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.