Different approach to cards using livewire renderless instead of loading all data on every loadMoreItems call

[Abdulmajeed-Jamaan]

Problem:

The request gets heavier and accumulate on every loadMoreItems requests trigger, causing more memory usage and unecessery database queries, and more bytes transmission over the network.

Solution:

Separate the client from the server via utilizing function with attribute #[renderless] to be called by alpine js as ajax to load more items instead of requery every thing every time trying to load more cards and get heavier over the network on every loaded more items count, for samples check filament code search for #[renderless]

And for older cards updates, we might utilize laravel realtime websockets setup for example pusher.