O slideshow foi denunciado.
Utilizamos seu perfil e dados de atividades no LinkedIn para personalizar e exibir anúncios mais relevantes. Altere suas preferências de anúncios quando desejar.

Event sourcing your React-Redux applications

499 visualizações

Publicada em

Presentation at CodeMotion Rome 2017

Publicada em: Tecnologia
  • Seja o primeiro a comentar

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

×