Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
Event-Sourcing your React-
Redux applications
Maurice de Beijer - @mauricedb
Who am I?
• Maurice de Beijer
• The Problem Solver
• Microsoft Azure MVP
• Freelance developer/instructor
• Twitter: @maur...
http://bit.ly/the-react-tutorial
(Semi) Structured storage
Database CRUD Server HTTP Browser
React
A React component to display data
Command Query Responsibility Segregation
Command Query Responsibility Segregation
Database
Query Service
Browser
React
Command Service
Read
Update
The JavaScript command
A Redux Action Creator
Event Sourcing
Projections
Database
Query
Service
Browser
React
Command
Service
Read
UpdateEvents
Database
Projector
Servi...
Event Pushing
Projections
Database
Query
Service
Browser
React
Command
Service
Read
UpdateEvents
Database
Projector
Servic...
React with Redux
View
Server
Store
ActionAPI
HTTP
Use
Updates
Socket
The permit collection reducer
The single permit reducer
The React application startup
Connecting the state to the component
Maurice de Beijer - @mauricedb
Event-Sourcing your React-Redux applications
Event-Sourcing your React-Redux applications
Event-Sourcing your React-Redux applications
Event-Sourcing your React-Redux applications
Event-Sourcing your React-Redux applications
Event-Sourcing your React-Redux applications
Event-Sourcing your React-Redux applications
Event-Sourcing your React-Redux applications
Event-Sourcing your React-Redux applications
Event-Sourcing your React-Redux applications
Event-Sourcing your React-Redux applications
Event-Sourcing your React-Redux applications
Event-Sourcing your React-Redux applications
Event-Sourcing your React-Redux applications
Upcoming SlideShare
Loading in …5
×

Event-Sourcing your React-Redux applications

1,404 views

Published on

Slides from my Event-Sourcing your React-Redux applications at JSConf Budapest

Published in: Technology
  • Be the first to comment

  • Be the first to like this

Event-Sourcing your React-Redux applications

  1. 1. Event-Sourcing your React- Redux applications Maurice de Beijer - @mauricedb
  2. 2. 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: maurice.de.beijer@gmail.com
  3. 3. http://bit.ly/the-react-tutorial
  4. 4. (Semi) Structured storage Database CRUD Server HTTP Browser React
  5. 5. A React component to display data
  6. 6. Command Query Responsibility Segregation
  7. 7. Command Query Responsibility Segregation Database Query Service Browser React Command Service Read Update
  8. 8. The JavaScript command
  9. 9. A Redux Action Creator
  10. 10. Event Sourcing Projections Database Query Service Browser React Command Service Read UpdateEvents Database Projector Service
  11. 11. Event Pushing Projections Database Query Service Browser React Command Service Read UpdateEvents Database Projector Service Push Service
  12. 12. React with Redux View Server Store ActionAPI HTTP Use Updates Socket
  13. 13. The permit collection reducer
  14. 14. The single permit reducer
  15. 15. The React application startup
  16. 16. Connecting the state to the component
  17. 17. Maurice de Beijer - @mauricedb

×