Lazy loading / data evaluation with passable context

[danmatthews]

I've just started using Inertia::lazy in my Laravel apps to speed up initial page load for our users - it's a fantastic bit of code because it gives me a faster initial page load, and I don't have to write another endpoint, think about naming a route, or writing a normal axios or fetch request for it.

One thing i think that could be cool though, would be the ability to pass parameters into lazy partial reloads:

(examples in Svelte as that's what we're using currently!)

// Currently you do this
Inertia.reload({only: ['myProp']});

// Imagine being able to do
Inertia.lazy('myProp', {foo:'bar', bar:'foo'});

This would then simply pass the data through to the closure (example of Laravel style usage here:)

Inertia::render('MyPage', [
    'myProp' => function($foo, $bar) {
        return "My lazy function returned foo={$foo} and bar={$bar}";
    }
]);

This could allow even more useful SPA-style context and content changes using partial reloads.

Note: i'm aware this has a limited use for dynamic content changes, as it doesn't take into account things like the browser history API or other things, it could be useful for loading (for example) large lists when changing tabs, etc.