Flux architecture
E554879
client-side application architecture
software architectural pattern
unidirectional data flow architecture
Flux architecture is a unidirectional data flow pattern for building client-side web applications, originally introduced by Facebook as an alternative to traditional MVC.
Observed surface forms (1)
| Surface form | Occurrences |
|---|---|
| The Elm Architecture | 2 |
Statements (46)
| Predicate | Object |
|---|---|
| instanceOf |
client-side application architecture
ⓘ
software architectural pattern ⓘ unidirectional data flow architecture ⓘ |
| addresses | complex state management in rich client applications ⓘ |
| aimsTo |
make data flow explicit and traceable
ⓘ
reduce complexity of shared mutable state ⓘ |
| alternativeTo |
MVC pattern
ⓘ
Model-View-Controller NERFINISHED ⓘ |
| category |
software design pattern
ⓘ
web application architecture ⓘ |
| commonlyUsedWith | React NERFINISHED ⓘ |
| definesDataFlow | Action → Dispatcher → Store → View ⓘ |
| discourages | bidirectional data binding ⓘ |
| documentationPublishedBy | Facebook engineering NERFINISHED ⓘ |
| emphasizes |
explicit state transitions
ⓘ
separation of concerns between view and state ⓘ |
| hasAbstractionLevel | high-level architectural pattern ⓘ |
| hasComponentType |
Action
ⓘ
Dispatcher ⓘ Store ⓘ View ⓘ |
| hasCoreElement |
action creators
ⓘ
registered callbacks in stores ⓘ |
| hasDesignPrinciple | unidirectional data flow ⓘ |
| hasFlowDirection | one-way from actions to views ⓘ |
| hasKeyConcept |
actions describe state changes
ⓘ
central dispatcher ⓘ immutable data flow direction ⓘ single source of truth in stores ⓘ stores manage application state ⓘ views listen to store changes ⓘ |
| hasPatternType |
application state management pattern
ⓘ
architectural pattern ⓘ |
| influenced |
NgRx
NERFINISHED
ⓘ
Redux NERFINISHED ⓘ Vuex NERFINISHED ⓘ |
| introducedBy | Facebook NERFINISHED ⓘ |
| promotes |
easier reasoning about data flow
ⓘ
predictable state updates ⓘ testability of application logic ⓘ |
| relatedTo | React NERFINISHED ⓘ |
| scope | front-end application architecture ⓘ |
| supports | time-travel debugging in derived implementations ⓘ |
| typicalImplementationLanguage |
JavaScript
NERFINISHED
ⓘ
TypeScript NERFINISHED ⓘ |
| usedFor | building client-side web applications ⓘ |
Referenced by (3)
Full triples — surface form annotated when it differs from this entity's canonical label.
this entity surface form:
The Elm Architecture
this entity surface form:
The Elm Architecture