Frontend glossary
A quick reference of key terms, libraries, and patterns used in Publica.la’s frontend. Each entry links to its official documentation for deeper reading.
| Term | Definition | Official reference |
|---|---|---|
| Alpine.js | Lightweight JavaScript framework (v2.8.2) used for UI behavior in Storefront and Dashboard. | Alpine.js v2.8.2 |
| Blade | Laravel’s templating engine that compiles into PHP. Enables components, slots, and directives. | Laravel Blade |
| Blade component | Reusable chunk of Blade markup (and optional PHP class) declared as <x-*>. Encourages clean templates and encapsulated logic. | Blade Components |
| Heroicons | MIT-licensed SVG icon set. Wrapped in Blade components under resources/views/components/icon. | Heroicons |
| Livewire | Full-stack framework for Laravel that renders dynamic interfaces without leaving PHP. Powers most Storefront interactivity. | Livewire v2 |
| Livewire Grid | Internal Blade component set (x-layout.*) that implements a 12-column responsive grid. | See Livewire grid |
| Tailwind CSS | Utility-first CSS framework (v3) used across all product areas with a tw- prefix to coexist with Bootstrap. | Tailwind CSS v3 |
| PurgeCSS | Part of Tailwind build that removes unused classes from production CSS bundles. | PurgeCSS |
| x-data / x-on | Alpine.js directives: x-data initialises a component’s state; x-on: adds an event listener. | Alpine v2.8.2 Documentation |
wire: directives | Livewire attributes (wire:model, wire:click) that bind Blade markup to Livewire component state. | Livewire v2 Directives |
| WCAG 2.1 AA | Web Content Accessibility Guidelines level AA, the accessibility standard we target. | WCAG 2.1 AA |
@props | Blade directive to declare accepted component attributes in anonymous components. | Blade @props |
mix() helper | Laravel Mix function used internally by asset_from_cdn() to return the versioned path to a compiled asset (to be migrated to Vite soon). | Laravel Mix |
asset_from_cdn() | Custom helper that wraps mix() and rewrites the domain to the platform CDN. Generates secure URLs (https) and will eventually switch to the Vite manifest. | — |
| Embeddable component | Livewire component rendered inside an iframe to isolate styles and scripts, e.g. reader toggle list. | See Livewire grid |
Last updated: 2025-07-14