A Practical Approach to Building React applications, using the MVVM design pattern
From our last post, we dived into the design patterns and why they are important, starting from MVVM which stands for Model, View, ViewModel, a software engineering design architecture that encourages separation of concerns during the software engineering process. We looked into its structure, importance, pros, cons, etc.
Today we are going to attempt to build a simple ReactJS application using the MVVM design pattern.
We are going to build a simple grading system for all the meals we have ever had. Keeping in mind that we may decide to scale up this application by adding as many features as we might want to in the future, let us start simply by creating an application with the following features:
List out all the meals we had and how many times we have had them.
Create a new meal in the system.
Update an existing meal name or meal count.
Delete an existing meal.
Ready? Let’s get over to Github and get started!
