¿Qué es Blade templating?

Question

Accepted Answer

**Blade** es el motor de plantillas de Laravel — te permite escribir HTML dinámico con sintaxis limpia (`{{ }}`, `@directives`) que se compila a PHP plano. Proporciona herencia de plantillas, componentes y protección XSS integrada, manteniendo las vistas legibles y seguras. ## Outputting data (auto-escaped) ```blade

{!! $trustedHtml !!} {{-- unescaped — use ONLY for trusted HTML --}} ``` `{{ $var }}` muestra datos y **los escapa automáticamente** (previniendo XSS — un beneficio de seguridad clave); `{!! !!}` muestra HTML sin procesar (úsalo solo para contenido confiable). ## Directives for logic ```blade @if ($user->isAdmin)

Admin

@elseif ($user->isActive)

Active

@else

Guest

@endif @foreach ($posts as $post)

@empty

No posts

@endforeach @auth ... @endauth {{-- only if logged in --}} @can('update', $post) ... @endcan {{-- authorization check --}} ``` Los `@directives` de Blade proporcionan condicionales, bucles y ayudantes específicos de Laravel (verificaciones de autenticación, autorización) con sintaxis limpia y legible (sin desorden de ``). ## Template inheritance (DRY layouts) ```blade {{-- layout.blade.php — a base layout with sections --}} @yield('content') {{-- child views fill this --}} {{-- page.blade.php — extends the layout --}} @extends('layout') @section('content')

My Page

@endsection ``` La **herencia de plantillas** (`@extends`/`@yield`/`@section`) define un layout común una sola vez (navegación, pie de página) y permite que las páginas completen secciones específicas — evitando repetir la estructura de la página. ## Blade components (reusable UI) ```blade {{-- modern, reusable components --}} Content goes in the slot ``` ## Por qué es importante Blade es la forma en que construyes vistas renderizadas en servidor en Laravel, lo que lo hace esencial para cualquier aplicación Laravel con salida HTML. Entender su sintaxis — `{{ }}` para mostrar datos, `@directives` para lógica, y sintaxis de componentes — es conocimiento cotidiano para construir vistas. Dos aspectos son especialmente importantes. Primero, el **escape automático** de la salida de `{{ }}` en Blade proporciona **protección XSS integrada** (un beneficio de seguridad importante, neutralizando scripts inyectados en datos de usuarios por defecto — optas por no hacerlo solo para contenido confiable con `{!! !!}`), que es una razón clave para usar Blade en lugar de echo PHP sin procesar. Segundo, la **herencia de plantillas** (`@extends`/`@yield`/`@section`) y los **componentes** (``) permiten una estructura de vista DRY y mantenible — definiendo layouts y piezas de UI reutilizables una sola vez en lugar de duplicar markup. La sintaxis limpia y expresiva de Blade (evitando desorden de PHP sin procesar) y estas características para reutilización y seguridad lo hacen un motor de plantillas productivo y seguro. Conocer Blade — su sintaxis, escape automático, herencia y componentes — es fundamental para construir la capa de vista de aplicaciones Laravel renderizadas en servidor de forma eficiente y segura.