home | email: henrik@bechmann.ca | business website: internetcommons.ca | current projects | about

PCVM pattern

Getting up to speed in the React world, there's a pattern which started to emerge in previous worlds, but seems to be getting clearer. I haven't seen a name for it yet, so I'll call it the PCVM pattern.

Structure
Short Term Sort of
P Presentation View
C Container Controller
VM View Model Model
Implementation
Short Object Meaning
P Presentation Component appearance; no content or logic
C Container Component content and logic; no appearance
VM Redux Store

Combine that with a module to tie asynchronous state updates (say from a database) with the store (Redux-thunk), and patterns for JWT authentication, and you've gone a long way toward a fullsome front-end stack.