Skip to main content

MVVM Patterns

Overview​

The Model-View-ViewModel (MVVM) pattern is the architectural foundation of the dashboard's UI layer, providing clean separation of concerns and testability.

Key Concepts​

  • Model: Business logic and data
  • View: UI presentation layer
  • ViewModel: View logic and state
  • Data Binding: Automatic synchronization
  • Commands: User action handling

ViewModel Implementation​

BaseViewModel​

Foundation class implementing INotifyPropertyChanged for property change notifications.

BaseRouteableViewModel​

Extended base class adding navigation support through INavigationTarget interface.

Property Change Notification​

Proper implementation of INotifyPropertyChanged ensures UI updates when data changes.

Command Pattern​

RelayCommand and RelayCommandAsync provide reusable command implementations for user actions.

Data Binding Strategies​

Two-way binding keeps views and view models synchronized without tight coupling.

Best Practices​

  1. Keep views simple and logic-free
  2. Make view models testable
  3. Use commands for all user actions
  4. Implement proper property notifications

Summary​

MVVM patterns provide a clean, testable architecture for the dashboard's UI, enabling maintainable and scalable application development.