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

434 views

Published on

Presentation at CodeMotion Rome 2017

Published in: Technology
  • Be the first to comment

Event sourcing your React-Redux applications

  1. 1. Event-Sourcing your React-Redux applications Maurice de Beijer - @mauricedb ROME 24-25 MARCH 2017
  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. (Semi) Structured storage Database CRUD Server HTTP Browser React
  4. 4. A React component to display data
  5. 5. Command Query Responsibility Segregation
  6. 6. Command Query Responsibility Segregation Database Query Service Browser React Command Service Read Update
  7. 7. The JavaScript command
  8. 8. A Redux Action Creator
  9. 9. Event Sourcing Projection s Database Query Service Browser React Command Service Read Updat e Events Database Projector Service
  10. 10. Event Pushing Projections Database Query Service Browser React Command Service Read Update Events Database Projector Service Push Service
  11. 11. The permit drafted event
  12. 12. Projecting a permit drafted event
  13. 13. React with Redux View Server Store ActionAPI HTTP Use Updates Socket
  14. 14. The permit collection reducer
  15. 15. The single permit reducer
  16. 16. The React application startup
  17. 17. Connecting the state to the component
  18. 18. Maurice de Beijer - @mauricedb

×