MVVM pattern in Flutter - Cheat Sheet & Quick Revision

Recall & Review

beginner

What does MVVM stand for in Flutter development?

MVVM stands for Model-View-ViewModel. It is a design pattern that separates the app's data (Model), UI (View), and the logic that connects them (ViewModel).

beginner

What is the role of the ViewModel in MVVM?

The ViewModel holds the app's logic and state. It communicates with the Model to get data and prepares it for the View. It also handles user actions from the View.

intermediate

How does the View communicate with the ViewModel in Flutter MVVM?

The View listens to changes in the ViewModel using state management tools like ChangeNotifier or Streams. When the ViewModel updates, the View rebuilds to show new data.

beginner

Why is MVVM useful in Flutter app development?

MVVM helps keep code organized by separating UI from business logic. This makes the app easier to test, maintain, and scale as the UI and logic are independent.

intermediate

In MVVM, where should API calls be made?

API calls should be made in the Model or a service class. The ViewModel calls these services to get data and then updates the View accordingly.

In MVVM, which component is responsible for displaying the UI?

A View

B Model

C ViewModel

D Controller

The View is responsible for displaying the UI and reacting to user input.

Which Flutter class is commonly used to notify the View about changes in the ViewModel?

A StatelessWidget

B InheritedWidget

C FutureBuilder

D ChangeNotifier

ChangeNotifier is used to notify listeners, typically the View, about changes in the ViewModel.

Where should business logic be placed in MVVM?

A View

B ViewModel

C Widget

D Model

The ViewModel contains the business logic and state management.

What is the main benefit of separating View and ViewModel?

A Easier testing and maintenance

B Faster UI rendering

C More animations

D Less code

Separating View and ViewModel makes the app easier to test and maintain.

In Flutter MVVM, how does the ViewModel update the View?

A By directly modifying UI widgets

B By calling setState() in the View

C By notifying listeners through ChangeNotifier or Streams

D By rebuilding the entire app

The ViewModel notifies the View using ChangeNotifier or Streams, prompting the View to rebuild.

Explain the roles of Model, View, and ViewModel in the MVVM pattern in Flutter.

Think about who does what in the app: data, UI, and logic.

Describe how state management helps implement MVVM in Flutter.

Focus on how the View learns about data changes.