about Frame(s)work

20 years ago, there were  2 distinct web page develop paradigms: Static & Dynamic. In the last 10 years there has been a paradigm shift, since Dynamic page rendering has become the standard. The paradigms are: Virtual DOM vs DOM. Web progammers  know that there are 3 basic elements of programming web pages: HTML, JS and CSS. 

DOM (Document Object Model)

The Document Object Model (DOM) is a programming interface for web documents. It represents the page so that programs can change the document structure, style, and content. The DOM represents the document as nodes and objects; that way, programming languages can interact with the page.

A web page is a document that can be either displayed in the browser window or as the HTML source. In both cases, it is the same document but the Document Object Model (DOM) representation allows it to be manipulated. As an object-oriented representation of the web page, it can be modified with a scripting language such as JavaScript.

Virtual DOM

The virtual DOM (VDOM) is a programming concept where an ideal, or “virtual”, representation of a UI is kept in memory and synced with the “real” DOM by a library such as ReactDOM. This process is called reconciliation.

This approach enables the declarative API of React: You tell React what state you want the UI to be in, and it makes sure the DOM matches that state. This abstracts out the attribute manipulation, event handling, and manual DOM updating that you would otherwise have to use to build your app.

Since “virtual DOM” is more of a pattern than a specific technology, people sometimes say it to mean different things. In React world, the term “virtual DOM” is usually associated with React elements since they are the objects representing the user interface. React, however, also uses internal objects called “fibers” to hold additional information about the component tree. They may also be considered a part of “virtual DOM” implementation in React.

Javascript Frameworks:

Angular, Vue and React are frameworks based on the Virtual DOM. They have programming standards and design that leverages their 'Compilation' process to generate HTML, JS and CSS. This means that programmers write code in the standards designed by the authors of the javascript framework. Although the proliferation of npm packages have offered a number of extensions, there has become an overpopulation of packages driven by the complexities of navigating the framework's developing maturity.

Frame(s)work:

Frame(s)work is based on the DOM. The programming stardards designed for programmers are focused on representing the content. Since it is not 'compiled' it offers a more simplified development experience. The primary design of the Frame(s)work is that it reduces the friction of development. It provides a SPA (single page application) application design that maximizes use of browser resources and HTML 5 programming integrations.