react - redux applications & event sourcing
TRANSCRIPT
React applications & Event Sourcing
Maurice de Beijer - @mauricedb
Who am I?• Maurice de Beijer• The Problem Solver• Microsoft Azure MVP• Freelance developer/instructor• Twitter: @mauricedb and @React_Tutorial• Web: http://www.TheProblemSolver.nl• E-mail: [email protected]
(Semi) Structured storage
Database CRUD Server HTTP Browser
A React component to display data
Command Query Responsibility Segregation
Command Query Responsibility Segregation
Database
Query ServiceHTTP
Browser
Command ServiceHTTP
Read
Update
A command to draft a permit
The JavaScript command
A Redux Action Creator
Event Sourcing
ProjectionsDatabase
Query ServiceHTTP
Browser
Command Service
HTTP
Read
UpdateEventsDatabase
Projector Service
React with Redux
ViewServer
Store
Action
API
Triggers
HTTP
Use
Notifies
Updates
The permit drafted event
Projecting a permit drafted event
The permit collection reducer
The single permit reducer
The React application startup
Connecting the state to the component
Maurice de Beijer - @mauricedb