I get the argument about having to use React if you are forced to use a component library (ask yourself if its worth the complexity) but whats up with all the arguments about "high latency connection"? Its not like React doesn't need to also fetch stuff from the server and in form intensive web apps there is really no difference. You load the page. Fill the form and send it to the server.
The latency stuff comes up for immediate interactivity like opening a modal. There were arguments against Rails Hotwire a few weeks ago where the Hey calendar was compared to Google Calendar. Since the modal code was included in the calendar code bundle, the time from clicking the “new event” button to the modal showing was near-instant. In a Hotwire / Liveview context, this button press event would be sent to the server and HTML would be returned.
Agreed though: if a server round trip is required for both approaches, or if the JS bundle is excessively large, the advantage may swing back toward the server-rendered approach. “It Depends” is definitely in play here.
@@CodeAndStuff Way too many people don't like "It Depends" because they want it to be easy but engineering is not and never will be easy so its ridiculous to cling to that. Imagine saying building a house is easy and there is only 1 way for everyone. Thanks for claryfing the thing with the Modal :). Didn't know that.
How does this compare to live_svelte? There I get the best of both worlds kinda, where I do server rendering, but for immediate actions where latency hurts (like opening modals), I just use client sided svelte.
Inertia supports React, Vue, and Svelte out of the box. The protocol is pretty simple, so I imagine one could port it to anything else with a little effort if there isn’t already an unofficial adapter out there.
I considered diving deeper into that comparison, but realized in my mind it comes down to this: If you don’t need to use React, Vue, or a ton of JavaScript that’s hard to fit into a hook, LiveView is probably the best choice for an Elixir team. If you have extreme client-side functionality requirements or strong latency concerns, consider Inertia.
Just echoing the prior comments - this video was really well done. I had looked at inertia and didn't grok it. This video cleared that right up!
This is CRAZY FUN! Thank you very much for the content.
Straight to the point, that's a great video and I am definitely gonna try inertia
This is great! Thanks for sharing!
can you review Live Svelte, or Live Vue? i think its more relevant rather than react and phoenix with inertia bridge..
Live Svelte video coming soon.
Amazing! Your style is genuinely refreshing 👍🏻
so cool we have an adapter that is official now.
Can React Inertia be used with Ash framework?
I think they would be compatible, but I haven’t given it a try yet!
I get the argument about having to use React if you are forced to use a component library (ask yourself if its worth the complexity) but whats up with all the arguments about "high latency connection"? Its not like React doesn't need to also fetch stuff from the server and in form intensive web apps there is really no difference. You load the page. Fill the form and send it to the server.
The latency stuff comes up for immediate interactivity like opening a modal. There were arguments against Rails Hotwire a few weeks ago where the Hey calendar was compared to Google Calendar. Since the modal code was included in the calendar code bundle, the time from clicking the “new event” button to the modal showing was near-instant. In a Hotwire / Liveview context, this button press event would be sent to the server and HTML would be returned.
Agreed though: if a server round trip is required for both approaches, or if the JS bundle is excessively large, the advantage may swing back toward the server-rendered approach.
“It Depends” is definitely in play here.
@@CodeAndStuff Way too many people don't like "It Depends" because they want it to be easy but engineering is not and never will be easy so its ridiculous to cling to that. Imagine saying building a house is easy and there is only 1 way for everyone.
Thanks for claryfing the thing with the Modal :). Didn't know that.
How does this compare to live_svelte? There I get the best of both worlds kinda, where I do server rendering, but for immediate actions where latency hurts (like opening modals), I just use client sided svelte.
Live Svelte video coming soon
Please create more stuff on phoenix
oh snap
great format, explanative but straight to the point!
This is a really cool stack, thanks for sharing!
Awesome!
Very nice. I wonder if it will *only* work with React, or if it will mount any type of function component?
Inertia supports React, Vue, and Svelte out of the box. The protocol is pretty simple, so I imagine one could port it to anything else with a little effort if there isn’t already an unofficial adapter out there.
It would be interesting to see a comparison between this and LiveView
I considered diving deeper into that comparison, but realized in my mind it comes down to this:
If you don’t need to use React, Vue, or a ton of JavaScript that’s hard to fit into a hook, LiveView is probably the best choice for an Elixir team.
If you have extreme client-side functionality requirements or strong latency concerns, consider Inertia.