Articles | Mohamed Said [Skip to content](#main) [ ![](https://cdn.msaied.com/01KT78WE565VEMM3PSNQAAB0MH.png) Mohamed SaidLaravel Backend Engineer ](https://msaied.com) - [Home](https://msaied.com) - [Projects](https://msaied.com/projects) - [Articles](https://msaied.com/articles) - [Certificates](https://msaied.com/certificates) - [About](https://msaied.com#about) [ Contact](https://msaied.com#contact) Menu Menu ---- Close - [HomeStart here](https://msaied.com) - [ProjectsCase studies](https://msaied.com/projects) - [ArticlesEngineering notes](https://msaied.com/articles) - [CertificatesCredentials](https://msaied.com/certificates) - [AboutHow I work](https://msaied.com#about) - [ContactGet in touch](https://msaied.com#contact) [Start a conversation](https://msaied.com#contact) [WhatsApp](https://wa.me/201094619204) [Email](mailto:hello@msaied.com) 1. [Home](https://msaied.com) 2. / 3. Articles Engineering library ==================== 12 articles by Mohamed Said on Laravel, PHP, databases, APIs and infrastructure, written from production work. Search articles ⌕×Search Topic hubs ---------- ←→ - [AI48 articles](https://msaied.com/articles?category=ai&search=Alpine.js&sort=new) - [Composer Pacakge81 articles](https://msaied.com/articles?category=composer-pacakge&search=Alpine.js&sort=new) - [Filament27 articles](https://msaied.com/articles?category=filament&search=Alpine.js&sort=new) - [Laravel267 articles](https://msaied.com/articles?category=laravel&search=Alpine.js&sort=new) - [Livewire13 articles](https://msaied.com/articles?category=livewire&search=Alpine.js&sort=new) - [Open Source44 articles](https://msaied.com/articles?category=open-source&search=Alpine.js&sort=new) - [PHP27 articles](https://msaied.com/articles?category=php&search=Alpine.js&sort=new) - [Tips & Tricks32 articles](https://msaied.com/articles?category=tips-tricks&search=Alpine.js&sort=new) Topics ------ [All topics](https://msaied.com/articles?search=Alpine.js&sort=new) [AI 48](https://msaied.com/articles?category=ai&search=Alpine.js&sort=new) [Composer Pacakge 81](https://msaied.com/articles?category=composer-pacakge&search=Alpine.js&sort=new) [Filament 27](https://msaied.com/articles?category=filament&search=Alpine.js&sort=new) [Laravel 267](https://msaied.com/articles?category=laravel&search=Alpine.js&sort=new) [Livewire 13](https://msaied.com/articles?category=livewire&search=Alpine.js&sort=new) [Open Source 44](https://msaied.com/articles?category=open-source&search=Alpine.js&sort=new) [PHP 27](https://msaied.com/articles?category=php&search=Alpine.js&sort=new) [Tips & Tricks 32](https://msaied.com/articles?category=tips-tricks&search=Alpine.js&sort=new) 12 articles ------------ Topics Sort articles Newest first Oldest first Sort [Search: Alpine.js ×Remove search](https://msaied.com/articles?sort=new) [ Clear filters](https://msaied.com/articles) [![](https://cdn.msaied.com/791/8bc85df3b88387f1d37d06a7c65b0de3.png)](https://msaied.com/articles/filament-v3-custom-field-plugins-building-reusable-input-components-from-scratch)17 Oct 2026·4 min read ### [Filament v3 Custom Field Plugins: Building Reusable Input Components from Scratch](https://msaied.com/articles/filament-v3-custom-field-plugins-building-reusable-input-components-from-scratch) Go beyond built-in fields and build a fully packaged Filament v3 custom field plugin — covering the Field contract, state hydration, Blade views, and Alpine.js wiring for real-world reuse. [![](https://cdn.msaied.com/689/454c52282f3ef5d585905e5952ca969c.png)](https://msaied.com/articles/livewire-v446-released-bug-fixes-test-improvements-and-alpine-v3174)21 Sep 2026·3 min read ### [Livewire v4.4.6 Released: Bug Fixes, Test Improvements, and Alpine v3.17.4](https://msaied.com/articles/livewire-v446-released-bug-fixes-test-improvements-and-alpine-v3174) Livewire v4.4.6 ships with 18 changes including validation performance improvements, better test assertions, keyboard-triggered prefetch navigation, and a bump to Alpine.js v3.17.4. [Laravel](https://msaied.com/articles?category=laravel) [Livewire](https://msaied.com/articles?category=livewire) [![](https://cdn.msaied.com/650/513b93e06c50ba04f241beb1c3c16aa8.png)](https://msaied.com/articles/filament-v4-custom-field-plugins-wrapping-third-party-js-libraries-cleanly)10 Sep 2026·3 min read ### [Filament v4 Custom Field Plugins: Wrapping Third-Party JS Libraries Cleanly](https://msaied.com/articles/filament-v4-custom-field-plugins-wrapping-third-party-js-libraries-cleanly) Learn how to wrap any third-party JavaScript library into a reusable Filament v4 custom field plugin, with proper Alpine.js wiring, Livewire state sync, and asset registration. [![](https://cdn.msaied.com/633/6d6839e7007d1cb38f0421594a4557bf.png)](https://msaied.com/articles/filament-v3-custom-field-plugins-building-a-reusable-signature-pad-component)5 Sep 2026·3 min read ### [Filament v3 Custom Field Plugins: Building a Reusable Signature Pad Component](https://msaied.com/articles/filament-v3-custom-field-plugins-building-a-reusable-signature-pad-component) Learn how to build a production-ready Filament v3 custom field plugin — a signature pad — covering Alpine.js state, Livewire entanglement, PHP-side casting, and package distribution. [![](https://cdn.msaied.com/611/05db05ad084cfdd9a407ff7707dcfaf7.png)](https://msaied.com/articles/filament-v3-custom-table-columns-rendering-complex-ui-without-hacks)30 Aug 2026·3 min read ### [Filament v3 Custom Table Columns: Rendering Complex UI Without Hacks](https://msaied.com/articles/filament-v3-custom-table-columns-rendering-complex-ui-without-hacks) Learn how to build fully custom Filament v3 table columns with Blade views, state callbacks, and Alpine.js — without reaching for render hooks or abusing existing column types. [![](https://cdn.msaied.com/564/c64b65959ad8ade491c78f3482f22996.png)](https://msaied.com/articles/livewire-v441-released-bug-fixes-alpine-3162-and-laravel-13-compatibility)18 Aug 2026·3 min read ### [Livewire v4.4.1 Released: Bug Fixes, Alpine 3.16.2, and Laravel 13 Compatibility](https://msaied.com/articles/livewire-v441-released-bug-fixes-alpine-3162-and-laravel-13-compatibility) Livewire v4.4.1 ships 16 fixes and improvements including Alpine.js bumped to 3.16.2, cached computed property fixes for Laravel 13, nullable enum handling, and better reactive Eloquent model support. [Laravel](https://msaied.com/articles?category=laravel) [Livewire](https://msaied.com/articles?category=livewire) [![](https://cdn.msaied.com/547/a61037a8f397f843359f1438d70c8bc5.png)](https://msaied.com/articles/filament-v3-custom-field-plugins-building-reusable-inputs-with-full-form-integration)14 Aug 2026·3 min read ### [Filament v3 Custom Field Plugins: Building Reusable Inputs with Full Form Integration](https://msaied.com/articles/filament-v3-custom-field-plugins-building-reusable-inputs-with-full-form-integration) Learn how to build a production-ready Filament v3 custom field plugin — covering the Field contract, state hydration, Alpine.js wiring, and packaging it for reuse across projects. [![](https://cdn.msaied.com/462/47708fe659f3051588ce61aa373c7461.png)](https://msaied.com/articles/livewire-v3-internals-morph-markers-js-hooks-and-alpine-integration-3)24 Jul 2026·3 min read ### [Livewire v3 Internals: Morph Markers, JS Hooks, and Alpine Integration](https://msaied.com/articles/livewire-v3-internals-morph-markers-js-hooks-and-alpine-integration-3) Go beyond the docs: understand how Livewire v3 morphs the DOM, where Alpine.js state lives during re-renders, and how to hook into the JS lifecycle without fighting the framework. [![](https://cdn.msaied.com/382/655b68a2b350b6d1a8963b6772b58379.png)](https://msaied.com/articles/livewire-v3-internals-morph-markers-js-hooks-and-alpine-integration-2)7 Jul 2026·3 min read ### [Livewire v3 Internals: Morph Markers, JS Hooks, and Alpine Integration](https://msaied.com/articles/livewire-v3-internals-morph-markers-js-hooks-and-alpine-integration-2) Go beyond the docs: understand how Livewire v3 diffs the DOM with morph markers, intercept the lifecycle with JS hooks, and share reactive state with Alpine.js components without fighting the framework. ← Newer1. 1 2. [2](https://msaied.com/articles?search=Alpine.js&page=2) 1 / 2 [Older →](https://msaied.com/articles?search=Alpine.js&page=2) Have a technical challenge? ---------------------------- Tell me what you’re building. I reply within two working days. [Discuss your project ↗](https://msaied.com#contact) Topics ------ Close [All topics](https://msaied.com/articles) [AI (48) ](https://msaied.com/articles?category=ai&search=Alpine.js&sort=new) [Composer Pacakge (81) ](https://msaied.com/articles?category=composer-pacakge&search=Alpine.js&sort=new) [Filament (27) ](https://msaied.com/articles?category=filament&search=Alpine.js&sort=new) [Laravel (267) ](https://msaied.com/articles?category=laravel&search=Alpine.js&sort=new) [Livewire (13) ](https://msaied.com/articles?category=livewire&search=Alpine.js&sort=new) [Open Source (44) ](https://msaied.com/articles?category=open-source&search=Alpine.js&sort=new) [PHP (27) ](https://msaied.com/articles?category=php&search=Alpine.js&sort=new) [Tips & Tricks (32) ](https://msaied.com/articles?category=tips-tricks&search=Alpine.js&sort=new) © 2026 Mohamed Said · Built with Laravel, meant to last.Senior Backend Engineer specializing in Laravel, scalable SaaS platforms, APIs, and cloud infrastructure. I build secure, high-performance web applications that help businesses grow. - [Home](https://msaied.com) - [Articles](https://msaied.com/articles) - [Certificates](https://msaied.com/certificates) - [GitHub](https://github.com/EG-Mohamed) - [LinkedIn](https://www.linkedin.com/in/msaiedm/) - [WhatsApp](https://wa.me/201094619204) - [Email Address](mailto:hello@msaied.com) - [My CV](https://drive.google.com/file/u/0/d/1MF20IPRJyzfy32mhEutjL5EpSls0w2Q8/view) - [Sitemap](https://msaied.com/sitemap.xml)