Adquiere este curso para tener acceso a todas las lecciones
Comprar curso48. Componentes como plantilla
En este capítulo, aprenderás cómo utilizar los componentes como plantilla en Laravel 10. Los componentes como plantilla son una forma de crear plantillas de vista reutilizables que pueden ser utilizadas en toda tu aplicación.
2 comentarios
Inicia sesión para comentar
Comentarios:
-
Victor Arana Flores hace 1 año Destacado
En Laravel 10, los componentes como plantilla son una forma de definir plantillas de vista reutilizables que pueden ser utilizadas en toda tu aplicación. Puedes pensar en ellos como plantillas que contienen la estructura HTML y la lógica de presentación necesarias para representar un conjunto específico de datos.
Para crear un componente como plantilla en Laravel 10, puedes utilizar el comando 'make:component
php artisan make:component MiPlantilla
Esto creará un archivo de clase 'MiPlantilla.php
Dentro del archivo 'MiPlantilla.php
public function render() { return view('components.mi-plantilla', [ 'items' => $this->items, ]); }
En este ejemplo, el método 'render
Para utilizar el componente en una vista, puedes incluirlo utilizando la directiva 'x
<x-mi-plantilla :items="$items" />
En este ejemplo, el componente 'MiPlantilla
En resumen, los componentes como plantilla en Laravel 10 son una forma poderosa de crear plantillas de vista reutilizables que pueden ser utilizadas en toda tu aplicación. Con la sintaxis Blade de Laravel 10 y el comando 'make:component
-
Luis Ruiz Flores hace 1 año
¿Sería posible usar bootstrap dentro de <x-app-layput> de breeeze?
-
Victor Arana Flores hace 1 año
Hola Luis. Tendrías que cambiar la directiva @vite(['resources/css/app.css', 'resources/js/app.js']) por @vite(['resources/js/app.js']) y luego incluir Bootstrap en tu plantilla.
Cabe recalcar que tendrías que diseñar tu mismo los estilos de tu plantilla y no podrás utilizar la plantilla proporcionada por jetstream, ya que esta se encuentra hecha con Tailwind -
Luis Ruiz Flores hace 1 año
Gracias. Entonces no podría usar la plantilla con la barra de navegación y demás para mi proyecto con bootstrao, ¿no es así?
-
Victor Arana Flores hace 1 año
Hola Luis, tal y como te mencione la plantilla de Jetstream está hecha con Tailwind
-
Carlos De La Ossa hace 2 meses
victor una pregunta, intento incluir @vite(['resources/js/app.js']) la cual incluye una libreria adicional que es la de datatable, sin embargo no me funciona, la incluyo en mi archivo app.js igual. como seria para incluir esta libreria. gracias
-