event sourcing your react-redux applications
TRANSCRIPT
Event-Sourcing yourReact-Redux applicationsMaurice de Beijer - @mauricedb
ROME 24-25 MARCH 2017
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 BrowserReact
A React component to display data
Command Query Responsibility Segregation
Command Query Responsibility Segregation
Database
Query Service HTTPBrowser
React
Command Service
HTTP
Read
Update
The JavaScript command
A Redux Action Creator
Event Sourcing
Projections
Database
Query Service HTTP
BrowserReact
Command Service
HTTP
Read
Update
EventsDatabase
Projector Service
Event Pushing
ProjectionsDatabase
Query Service HTTP
BrowserReact
Command Service
HTTP
Read
UpdateEventsDatabase
Projector Service
Push Service
Web So
cket
The permit drafted event
Projecting a permit drafted event
React with Redux
View
Server
Store
ActionAPITriggers
HTTPUse
Notifies
Updates
Socket
The permit collection reducer
The single permit reducer
The React application startup
Connecting the state to the component
Maurice de Beijer - @mauricedb