gadingrengga / livedomjs
Integrasi LiveDomJS untuk Laravel: SPA, Live DOM binding, AJAX, dan reaktivitas.
Installs: 0
Dependents: 0
Suggesters: 0
Security: 0
Stars: 0
Watchers: 0
Forks: 0
Open Issues: 0
Language:JavaScript
Requires
- php: ^8.0
- laravel/framework: ^9.0|^10.0
This package is auto-updated.
Last update: 2025-06-29 07:15:01 UTC
README
LiveDomJs adalah framework JavaScript ringan untuk Laravel yang memungkinkan manipulasi DOM dinamis, komunikasi AJAX reaktif, dan SPA (Single Page Application) tanpa konfigurasi rumit. Cocok untuk membuat UI interaktif langsung dari Laravel Blade, tanpa harus menggunakan framework frontend besar seperti Vue atau React.
🚀 Integrasi cepat. Interaksi reaktif. Tanpa ribet.
✨ Fitur Unggulan
- 🔁 SPA Routing dengan
pushStatetanpa reload - ⚡ Event binding dinamis (
live-action,live-event, dll) - 🔄 Reaktivitas otomatis via
live-compute,live-if - 🌐 AJAX handler otomatis untuk endpoint seperti
/ajax/{controller}/{action} - 📦 Asset publishing otomatis ke
public/vendor/livedomjs - 🛠️ Integrasi langsung ke Laravel melalui
composer&artisan
📦 Instalasi Laravel
1. Install package via Composer
composer require gadingrengga/livedomjs
2. Jalankan perintah instalasi
php artisan livedomjs:install
3. Tambahkan script ke layout Blade
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script> <script src="{{ asset('vendor/livedomjs/livedom.js') }}"></script>🗂️ Struktur Package
LiveDomJs/ ├── composer.json ├── resources/ │ └── js/ │ └── livedom.js ├── src/ │ ├── Console/ │ ├── Http/ │ └── Providers/ ├── docs/ │ └── index.html └── README.md
🚀 Roadmap
SPA pushState navigation
AJAX dynamic binding
Error modal system
📖 Dokumentasi Lengkap
👉 Buka dokumentasi online: 🌐 https://gadingrengga.github.io/LiveDomJs
👤 Author
Gading Rengga 📧 gading.rengga@gmail.com 🐙 github.com/GadingRengga