Javascript Front-End Frameworks

The big frameworks out there right now seem to be:

• React
• Vue.js
• [[Svelte]]
• [[Alpine.js]]

With React relying on some combination of Redux etc. in addition.

There have been many attempts over the development of web-application development to create a unified means of converting the HTML document into an interactive interface. The underlying model, the DOM, which is the visual representation of the state of our application and whose manipulation is netoriously expensive. Tunius Hugo, identifies three phases of front-end frameworks. The first, the era of Knockout, Backbone, Ember and Angular focused on keeping the DOM in sync with the application state through two-way binding which attempts to update only part of the DOM. The second, the era of React which still dominates, uses the virtual DOM as a way of re-rendering the entire DOM when the state changes. Era one and two frameworks, Tunius notes, suffers from issues of garbage collection. The third era, Svelte, does not have the garbage collection issue because it is compiled and issues of when to render on a state change are determined then.

External References

1. Tunius, Hugo. Why Svelte is Like Rust. Hugo Tunius. Retrieved 2021-03-03.

Linked References

• javascript
  

  Ongoing research into [[Javascript Front-End Frameworks]], how they work, and how best to incorporate them into my own development practices.