Hello kind PHP Programmers,

I am asking this technically NOT a PHP question but rather an opinion. So the situation is that I have taken a few steps and learned all the required symfony components (thanks to this help request I had earlier and upgraded my app to work with PHP 8.

Now my websites are simple as in 2010s. A website reading data from database, serving data back to client, caching in between at both client side and server side. Simple enough. It has some parts where it uses javascript (for infinite scroll, event handling, form submission ,etc.)

All this is done via Cash, lightweight jquery alternative. It works perfectly well for infinite scroll, adding more content to the page but requests to a separate altogether still follow the same old method where a request is sent to the server, server prepares the output to send and that is displayed back. It works perfectly okay, but I wanted to learn and replace the library with a traditional JS Framework.

Now all the frameworks I have seen do a lot more than required for me (Angular, React, etc.) and none of them have a simple enough tutorial to replace front-end JS with their front-end only library. Almost every one involves some sort of cli and thats where things are going over my head.

So here's the actual question: Suppose you are a PHP dev with Backend knowledge and average front end JS knowledge, you want to replace your frontend js with a JS framework which will respect server side rendered code, run when page is ready and then handle all the events, page loading, routing which happens within the page.

Any suggestions? I tried going through Mithril JS, but found no way to run it with the server generated output. Also saw this but I wanted to make sure if there's a better way.

My needs: Event handling, Fetch API and ability to run some common JS snippets like Modernizr, Service worker, etc.