Patrones de arquitectura para aplicaciones Frontend

Model-View-Collection

MVC

Modelo

Vista

Usuario

API

Interactúa

Pide datos

Devuelve datos

Actualiza la vista

Colección

Model-View-ViewModel

MVVM

Modelo

Vista

ViewModel

Usuario

API

Interactúa

Pide datos

Devuelve datos

Actualiza la vista

Muestra la vista

Flux

Usuario

Acción

Stores

Dispatcher

Vista

API

Muestra

Interactúa

Genera

Envía

Pide

Genera

Actualiza

Actualiza

Model-View-Update

MVU

Usuario

Acción

Estado|Model

Vista

API

Reducer|Update

Store

Muestra

Interactúa

Genera

Pide

Genera

Despacha

Actualiza

Actualiza