When considering React, Angular, and Vue, the first thing to note is that they carry the same notion at their cores: data binding. The idea here is that the framework assumes the work of tying the state of the application to the active elements of the interface. Each framework has its own idioms for accomplishing this, but it is the increased clarity of design in state-driven data binding that distinguishes this generation of frameworks from the previous one.

This kind of automatic state-driven architecture is sometimes referred to as a reactive system.

Figure 1 describes how state manifestation is handled without such frameworks. Figure 2 describes how it is handled with the frameworks.

To read this article in full, please click here