Wiki Article · Cinematic

MVVM (Model-View-ViewModel)

MVVM (ya Model-View-ViewModel) ek software architectural pattern hai jo application ko teen…

Overview

MVVM (Model-View-ViewModel) — Quick Facts

📌

Property: Detail

🎯

Full Name: Model-View-ViewModel

⚡

Abbreviation: MVVM

🔑

Type: Software Architectural Pattern

Topic 1

Infobox

📚 | Property | Detail | |---|---| | Full Name | Model-View-ViewModel | | Abbreviation |…

Topic 2

Overview

💡

MVC ne separation di, lekin…

🔑

MVP ne testability di, lekin heavy…

⚡

MVVM ne kaha: "Data binding use…

🎯

Model: Data aur business logic…

Topic 3

History

💡

UI state ko ek separate model me…

🔑

Yeh model View-independent ho

⚡

View is model se bind ho

🎯

View ko XAML me define karo…

Topic 4

Core Components

💡

Data storage, retrieval, caching…

🔑

Business rules enforcement…

⚡

Data transformation aur processing

🎯

Network operations (API calls,…

Topic 5

Data Binding — MVVM Ka Core

💡

ViewModel me data change ho → View…

🔑

Example: ViewModel me userName =…

⚡

Read-only display ke liye perfect…

🎯

ViewModel change ho → View update

Topic 6

MVVM Interaction Diagram

✨ `mermaid flowchart TD U[👤 User] -->|"1. Interaction (click, type, scroll)"| V subgraph…

Topic 7

MVVM vs MVC vs MVP

💡

MVC: Controller routes — View can…

🔑

MVP: Presenter controls — View is…

⚡

MVVM: ViewModel exposes — View…

Topic 8

MVVM in WPF aur XAML

💡

{Binding PropertyName} syntax se…

🔑

DataContext se ViewModel assigned…

⚡

ICommand interface se…

🎯

INotifyPropertyChanged se property…

Topic 9

MVVM in Android Jetpack

💡

androidx.lifecycle.ViewModel class

🔑

Configuration changes (screen…

⚡

Activity/Fragment reconstruct ho,…

🎯

Lifecycle-aware — pata hai kab…

Topic 10

MVVM in iOS SwiftUI

💡

Protocol jo ViewModel implement…

🔑

@Published properties…

⚡

SwiftUI View automatically…

🎯

@StateObject — ViewModel create…

Topic 11

MVVM in Web Frameworks

💡

MVVM for web ka pioneer

🔑

JavaScript me ViewModel define…

⚡

HTML me data-bind attributes se…

🎯

Real-time, two-way binding

Topic 12

MVVM Frameworks aur Libraries

⭐ | Platform | Framework / Library | MVVM Support | Key Feature | |---|---|---|---| | WPF |…

Topic 13

Advantages of MVVM

💡

View aur ViewModel automatically…

🔑

Explicit update calls ki zarurat…

⚡

Less boilerplate code than MVP

🎯

UI code cleaner aur readable hoti…

Topic 14

Disadvantages of MVVM

💡

Binding errors runtime me silently…

🔑

Debugging mushkil: "property kahan…

⚡

Binding expressions complex ho…

🎯

Performance issues with excessive…

Topic 15

Testing with MVVM

💡

Mock Repository returns success

🔑

Call viewModel.login("user",…

⚡

Assert: viewModel.isLoading =…

🎯

Mock Repository returns error

Topic 16

Best Practices

🚀 ViewModel Design 1. ViewModel me UI framework imports avoid karo — no Android View…

Topic 17

Common Anti-Patterns

💡

ek ViewModel me 50+ properties,…

🔑

Problem: SRP violation, hard to…

⚡

Fix: Split into sub-ViewModels ya…

🎯

ViewModel me…

Topic 18

MVVM aur Modern UI Trends

💡

Jetpack Compose (Android) —…

🔑

SwiftUI (iOS) — declarative Swift…

⚡

Flutter — declarative Dart UI

🎯

React — already declarative (JSX)

Comparison

MVVM vs MVC vs MVP

⚖️

Full Name: Model-View-Controller

⚖️

Origin: 1979 (Smalltalk)

⚖️

View Nature: Active (observes Model)

Diagram

Visual Flow

📊 Diagram visualization — details in narration

Quiz — Question 1

MVVM (Model-View-ViewModel) ka sabse sahi definition kya hai?

Quick Quiz

Quiz — Question 2

MVVM (Model-View-ViewModel) ka 'Full Name' kya hai?

Complete! 🎉

MVVM (Model-View-ViewModel) Complete!

Aliens Wiki · HIEN · Cinematic Knowledge

✅

MVVM (Model-View-ViewModel) Complete

➡️