Componentes como plantilla
Comprar curso

48. 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

    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

    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