An Overview on Frontend Frameworks. How did we get there, the problems they solved, and the problems they introduced?

Discussion Flow

The current state of the frontend development. The amount of frameworks that are currently available, how everything is rewritten every few years, the fatigue the developers constantly complain from.
How we used to develop applications before (the multi-page / monolith app that combines the views and the logic together)
The problems we faced when we were building monolithic applications
The impact of Ajax and how we were able to update small parts of the page
The introduction of the new generation of frameworks (Backbone, Ember, Knockout, Angular)
The introduction of the next generation of frameworks (Angular, React, Vue, Svelte)
What influences the decision of picking up a framework (declarative approach, component-based architecture, reactivity, developer experience …)
The problems introduced by that (a single HTML element and a script tag)
How did we solve that with SSR (server-side rendering) and the problems introduced by the SSR
Hydration (get the HTML, download all the JS, parse and execute JS, bind listeners)
MPA vs SPA (experience, routing, transitions, state management)
Applications vs Content based websites
New meta frameworks (Astro for content-based websites, Qwik for app like experiences)
The concept of interactive islands
The concepts of Resumability, prefetching, binding on interactivity
Differences between the frameworks