Learn TypeScript 3 by Building Web Applications

Using the Model View Controller (MVC) design pattern

Let's try another approach:

This time around, we have applied the Model View Controller (MVC) design pattern. MVC is a very popular way of isolating responsibilities:

• The Model contains the data.
• The View is responsible for the user interface.
• The Controller contains the logic to handle user actions and to update the system.

Refer to this article for more details about the MVC design pattern: https://developer.mozilla.org/en-US/docs/Glossary/MVC.

With the MVC pattern applied, our application will have a better structure:

• TodoList will be the model of the application and will take care ...