From the course: JavaScript: Patterns

Unlock this course with a free trial

Join today to access over 25,500 courses taught by industry experts.

Model-View-ViewModel (MVVM) pattern

Model-View-ViewModel (MVVM) pattern - JavaScript Tutorial

From the course: JavaScript: Patterns

Start my 1-month free trial Buy for my team

Model-View-ViewModel (MVVM) pattern

“

- The model view view model pattern is similar than the other two we just explored, and is different only in implementation again. It is also sometimes referred to as MVVC, or model view view controller. But in both cases, it serves the same purpose. The first view is your view which doesn't have any data or logic. It is simply a dumb component, or component without any logic or data. Then you have the second view, model, which holds the logic in a state of the data, and this view model connects to a model. If you would like to see examples of this MVVM pattern, simply develop an architecture applications with React and Angler, and you will see this MVVM approach in action. For example, in React, your application is architectured in stateless components, which are views. Stateful components which hold data and logic, therefore the view model, and then finally the model, is where React typically connects to a back end to…

Contents