Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

What about whole Inertia.js pages inside a Filament panel? 👀 I've been experimenting with this too! React / Vue / Svelte, with Filament navigation, actions, etc. around it. Not a "coming soon" this time though… this needs changes to Inertia itself

16,220 görüntüleme • 15 gün önce •via X (Twitter)

22 Yorum

Dan Harrin 🦒 profil fotoğrafı
Dan Harrin 🦒15 gün önce

These support many Inertia features: pass props from your PHP page, submit forms, return validation errors, load deferred props, etc. I've been testing React, Vue and Svelte, with and without SSR, and with Filament's SPA mode too. Also alongside an existing Inertia frontend.

Dan Harrin 🦒 profil fotoğrafı
Dan Harrin 🦒15 gün önce

The tricky part is letting Livewire still handle navigation, while Inertia handles the content. I've opened a PR for Inertia to make that possible. The Inertia team might not like the idea, or how it's implemented, they're completely entitled to decline! But pretty cool to see.

fajar sp profil fotoğrafı
fajar sp15 gün önce

@inertiajs can we remove livewire entirely ?

Dan Harrin 🦒 profil fotoğrafı
Dan Harrin 🦒15 gün önce

@inertiajs No, we have many features built on Livewire that we would not be able to replicate with the same developer experience

fajar sp profil fotoğrafı
fajar sp15 gün önce

@inertiajs yeah it must be very complex 😂, i try built from scratch before AI comes, here is the repo its completly different, but the idea is the same

Shaheen Fawzy profil fotoğrafı
Shaheen Fawzy15 gün önce

@inertiajs This unlocks so many possibilities

FLAV!US 🍪 profil fotoğrafı
FLAV!US 🍪15 gün önce

@filamentphp @inertiajs .. but why?

Dan Harrin 🦒 profil fotoğrafı
Dan Harrin 🦒15 gün önce

@filamentphp @inertiajs Some people prefer building with Inertia rather than Livewire or have more experience with it. This would let them use that workflow for custom pages, while still getting Filament's Livewire-powered resources, navigation, actions, etc. without building a whole admin from scratch.

Punyapal Shah profil fotoğrafı
Punyapal Shah14 gün önce

@inertiajs I guess @pascalbaljet would love to collaborate 👀

Emovon Uwadia profil fotoğrafı
Emovon Uwadia12 gün önce

@inertiajs Depending on the complexity of your filament apps, there are complex pages that requires using react/vue for maximum interactivity. Paired with the recent boost in the speed of filament, this is a blessing for those who need it. I have been using Mingle for this purpose!

Peach Peace Treaty profil fotoğrafı
Peach Peace Treaty15 gün önce

@inertiajs awesome, would love to see it getting implemented

ᕦ( ͡° ͜ʖ ͡°)ᕤ profil fotoğrafı
ᕦ( ͡° ͜ʖ ͡°)ᕤ15 gün önce

@filamentphp @inertiajs Wow you’re a genius! I like inertia because it splits the complexity in a good way: Server does routing, permissions and DB. Client renders the UI and reuses it Livewire renders UI on the server which feels out of place (is “spa mode” different?)

Hamad profil fotoğrafı
Hamad15 gün önce

@inertiajs 🔥🔥

Al Nahian 🎯 profil fotoğrafı
Al Nahian 🎯15 gün önce

@inertiajs Yes please!

Pietro Iglio profil fotoğrafı
Pietro Iglio15 gün önce

@filamentphp @inertiajs Hi Dan, did you try mingle?

Emovon Uwadia profil fotoğrafı
Emovon Uwadia14 gün önce

@inertiajs This is a dream come through!!! Go all out bro.

Hey Mr. Carter™ profil fotoğrafı
Hey Mr. Carter™15 gün önce

@inertiajs This gives me hope, I'm currently in the process of porting my entire dashboard to inertia/react, i'm 90% done but this gives me hope to stick with filament a few weeks longer

Brian profil fotoğrafı
Brian15 gün önce

@filamentphp @inertiajs I can see the value for filament users but I really hope I never have to work on a project that has so much package specific context: livewire, filament, inertiajs + Frankenstein mode (this) haha. Livewire alone felt like too much to me the one time I worked with it

Dan Harrin 🦒 profil fotoğrafı
Dan Harrin 🦒14 gün önce

@filamentphp @inertiajs This is actually minimising the package specific context for a portion of users, and not increasing it for anyone else. Inertia users can use Inertia everywhere instead of switching to Livewire just inside Filament, and Livewire users continue not using Inertia.

vitalie profil fotoğrafı
vitalie15 gün önce

@inertiajs nice idea btw... but how you create and add styles to vue/react components? won't be easy to create a separate library a web components lib for that?.. (for example like polaris web components, like shopify does)

Mira Takes profil fotoğrafı
Mira Takes13 gün önce

@inertiajs This is a compelling bridge between Filament’s server-driven ergonomics and Inertia’s client-side flexibility. The key design win is keeping navigation and actions coherent while letting each page choose the right rendering model.

Emovon Uwadia profil fotoğrafı
Emovon Uwadia12 gün önce

@inertiajs It will be foolish IMHO for the Laravel Inertia team to reject this.

Benzer Videolar