In this video Emmanuel Henri explains the model-view-view-model pattern with an example.
- [Instructor] The MVVM, or the Model-View View Model…pattern, is similar than the other two we already 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, which is the view.…Then you have the second view model, or view controller…in MVVC, which holds the logic and the state of the data.…
And this view model connects to a model.…So, if you'd like to see examples of this MVVM pattern,…simply develop an architecture applications…with react and angular,…and you'll see this MVVM approach in action.…For example, in react, your application is…architectural 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 process data,…
Author
Released
11/14/2018- What's a pattern?
- What's the role of callbacks?
- Functions as first-class citizens in JavaScript
- Creational patterns, including Singleton and Factory
- Structural patterns, including model-view-controller
- Behavioral patterns, including Memento and Mediator
Skill Level Intermediate
Duration
Views
Related Courses
-
JavaScript: Functions
with Ray Villalobos1h 25m Intermediate -
JavaScript: Closures
with Sasha Vodnik52m 46s Intermediate -
JavaScript: Classes
with Emmanuel Henri37m 18s Advanced
-
Introduction
-
1. An Overview of JavaScript Design Patterns
-
What is a pattern?1m 6s
-
Setting up our base project2m 50s
-
-
2. Creational Patterns
-
Constructor pattern2m 41s
-
Singleton pattern2m 51s
-
Factory pattern3m 34s
-
Abstract Factory6m 5s
-
3. Structural Patterns
-
Module pattern5m 17s
-
Mixins pattern4m 56s
-
Facade pattern2m 24s
-
Flyweight pattern1m 1s
-
Decorator pattern2m 19s
-
-
4. Behavioral Patterns
-
Observer pattern2m 30s
-
State pattern1m 22s
-
Chain of Responsibility1m 27s
-
Iterator pattern2m 47s
-
Strategy pattern1m 17s
-
Memento pattern52s
-
Mediator pattern1m 10s
-
Command pattern2m 22s
-
-
Conclusion
-
Next steps48s
-
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
This will not affect your course history, your reports, or your certificates of completion for this course.
CancelTake notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.
Share this video
Embed this video
Video: Model-View-ViewModel (MVVM) pattern