Recommended
Recommended
More Related Content
Similar to DDD in a modern frontend? Who needs it?
Similar to DDD in a modern frontend? Who needs it? (20)
Recently uploaded
Recently uploaded (20)
DDD in a modern frontend? Who needs it?
- 1. xebia.com Marcin Milewicz Principal Developer, Frontend Architect in Xebia DDD in a frontend? Who needs it?
- 2. xebia.com Why shall we talk about DDD in the context of frontend development?
- 4. xebia.com Development should always go hand in hand and be close to the business
- 5. xebia.com Modern frontend is complex, but let’s strive for simplification
- 6. xebia.com Let’s recall the core assumptions of DDD
- 7. xebia.com Core Concepts of DDD Strategic DDD Tactical DDD Bounded contexts Domains Value Objects Repositories & Services Context mapping Entities Ubiquitous language Aggregates Domain Events
- 8. xebia.com Look at the “real-world” example in the context of strategic DDD
- 9. xebia.com Employees Management Display Employee Details Real-world example requirements Display Employee List
- 10. xebia.com Employees Management Display Employee Details Real-world example requirements Display Employee List Learning Management Display Course List Display Course Details
- 11. xebia.com Employees Management Display Employee Details Real-world example requirements Display Employee List Learning Management Display Course List Display Course Details Display Employee Assignments Assign Employee To A Course Remove Employee From A Course
- 12. xebia.com Employees Management Display Employee Details Real-world example requirements Display Employee List Display Course Assignments Learning Management Display Course List Display Course Details Display Employee Assignments Assign Employee To A Course Remove Employee From A Course
- 13. xebia.com What models can be seen at first glance?
- 18. xebia.com Employees Management Display Employee Details What models can be seen at first glance? Display Employee List Display Course Assignments Learning Management Display Course List Display Course Details Display Employee Assignments Assign Employee To A Course Remove Employee From A Course
- 19. xebia.com Employees Management Display Employee Details What models can be seen at first glance? Display Employee List Display Course Assignments Learning Management Display Course List Display Course Details Display Employee Assignments Assign Employee To A Course Remove Employee From A Course Employee Course
- 20. xebia.com Employees Management Display Employee Details What models can be seen at first glance? Display Employee List Display Course Assignments Learning Management Display Course List Display Course Details Display Employee Assignments Assign Employee To A Course Remove Employee From A Course Employee Course
- 21. xebia.com Employees Management Display Employee Details Sometimes models can be too wide, and domain can leak Display Employee List Display Course Assignments Learning Management Display Course List Display Course Details Display Employee Assignments Assign Employee To A Course Remove Employee From A Course Employee Course
- 22. xebia.com “Explicitly define the context within which a model applies. Explicitly set boundaries in terms of team organization, usage within specific parts of the application [...]. Keep the model strictly consistent within these bounds, but don’t be distracted or confused by issues outside.” – Eric Evans, Domain Driven Design
- 23. xebia.com Employees Management Display Employee Details Responsibility of bounded contexts is limiting the scope of models Display Employee List Display Course Assignments Learning Management Display Course List Display Course Details Display Employee Assignments Assign Employee To A Course Remove Employee From A Course Employee Course Employees Bounded Context Learning Bounded Context
- 24. xebia.com Employees Management Display Employee Details Responsibility of bounded contexts is limiting the scope of models Display Employee List Display Course Assignments Learning Management Display Course List Display Course Details Display Employee Assignments Assign Employee To A Course Remove Employee From A Course Employee Course Employees Bounded Context Learning Bounded Context
- 25. xebia.com Employees Management Display Employee Details Keep model strictly consistent within these bounds Display Employee List Display Course Assignments Learning Management Display Course List Display Course Details Display Employee Assignments Assign Employee To A Course Remove Employee From A Course Employee Course Employees Bounded Context Learning Bounded Context CourseAssignment ForEmployee EmployeeAssignm entForCourse
- 26. xebia.com Isolating contexts is the first step, the second is to ensure their encapsulation
- 27. xebia.com NX Workspace for context encapsulation https://github.com/marcinmilewicz/ddd-frontend-example
- 32. xebia.com Employees Management Layering keep architecture clean locally and globally Employee Employees Bounded Context Employee List Display Employee Details Feature Employee Status Badge Employee List Feature Employee List Feature Employee Shared
- 33. xebia.com Employees Management Layering keep architecture clean locally and globally Employee Employees Bounded Context Employee List Display Employee Details Feature Employee Status Badge Employee List Feature Employee List Feature Employee Shared
- 34. xebia.com Employees Management Layering keep architecture clean locally and globally Employee Employees Bounded Context Employee List Display Employee Details Feature Employee Status Badge Employee List Feature Employee List Feature Employee Shared Employee Model Shared
- 35. xebia.com Employees Management Layering keep architecture clean locally and globally Employee Employees Bounded Context Employee List Display Employee Details Feature Employee Status Badge Employee List Feature Employee List Feature Employee Shared Employee Model Shared <T extends AsEmployeeStruct>
- 38. xebia.com Strategic DDD in the frontend takeaways
- 39. xebia.com By explicitly defining the boundaries, we do not have to be distracted by issues outside, but focused on the problem solving
- 40. xebia.com DDD foster cooperation, but does not cause cognitive load in the big modern frontends
- 41. xebia.com Strategic DDD can address complexity by isolating code in the bounds with appropriate layering
- 42. xebia.com Let’s LinkedIn! Q&A Marcin Milewicz @Xebia Principal Developer / Frontend Architect Google Developer Expert (Web Technologies) www.marcinmilewicz.pl