A Homage To Good Old MVC - JetBrains .NET Days 2024

If you have any thoughts or questions, please follow up:

https://www.linkedin.com/in/alexanderzeitler
https://x.com/lxztlr
https://discord.gg/pR6duvNHtV
alexander.zeitler@pdmlab.com

Transcript

2. A little story… Photo by Mike Erskine on Unsplash
3. Getting free money got harder crunchbase
4. Bootstrapping / Indiehacking is on the rise An idea, implemented by a single developer No VC money Make or buy Simplicity
5. Deep Work is hard Notifications Meetings Side Hustle Photo by Saad Chaudhry on Unsplash
6. Let it flow JetBrains on LinkedIn
7. Rediscovering ASP.NET Core MVC Batteries included • Rich .NET Base Class Library (BCL) • Razor View Engine (Layouts, Partials, HTML Helpers, Conditions etc.) • Identity (Cookie, OIDC, SSO and more) • Localization / Globalization Other platforms mimic ASP.NET • Bun • Next.js
8. Why not Blazor? MVC Docs Blazor Docs ASP.NET Version 8 Docs
9. Poll: what’s your web application stack? ASP.NET Core MVC / Razor Pages Blazor SPA (Angular, React, Vue) Something else Photo by Jens Lelie on Unsplash
10. But wait… Photo by bruce mars on Unsplash
11. …it is a monolith Photo by Carl Tronders on Unsplash
12. MVC - what we have been taught Photo by Element5 Digital on Unsplash
13. MVC - what we have been taught Model View Controller
14. MVC - what we have been taught Model View Controller Updates Sends user input Manipulates
15. MVC - What we have made of it Photo by Susan Q Yin on Unsplash
16. ASP.NET Core MVC - Solution
17. ASP.NET Core MVC - Model
18. ASP.NET Core MVC - Views
19. ASP.NET Core MVC - Controller
20. The problem we always cared about… Photo by Priscilla Du Preez on Unsplash
21. Coupling Photo by Максим Власенко on Unsplash
22. Coupling In software engineering, coupling is the degree of interdependence between software modules; a measure of how closely connected two routines or modules are; the strength of the relationships between modules. Coupling is not binary but it is multi-dimensional. Coupling on Wikipedia
23. We made our code clean Photo by Towfiqu barbhuiya on Unsplash
24. We made it SOLID Single Responsibility Open/Closed Liskov Substitution Interface Segregation Dependency Inversion Photo by Pawel Czerwinski on Unsplash
25. We tried layers…
26. We tried hexagons…
27. We’ve been running in clean circles
28. The things we didn’t see Photo by Steinar Engeland on Unsplash
29. Cohesion In computer programming, cohesion refers to the degree to which the elements inside a module belong together. In one sense, it is a measure of the strength of relationship between the methods and data of a class and some unifying purpose or concept served by that class. In another sense, it is a measure of the strength of relationship between the class's methods and data.
30. The pulling forces Photo by Tamara Bellis on Unsplash
31. The forces: Coupling vs. Cohesion Loose Coupling, high Cohesion Good High Coupling, low Cohesion Bad Cohesion on Wikipedia
32. Code: Zooming in and out Photo by Tim Rüßmann on Unsplash
33. Locality of Behavior The behaviour of a unit of code should be as obvious as possible by looking only at that unit of code. The primary feature for easy maintenance is locality: Locality is that characteristic of source code that enables a programmer to understand that source by looking at only a small portion of it. – Richard P. Gabriel, Patterns of Software
34. It’s clean, but…
35. …what if I change something? Files affected when adding a property (without the Views)
36. In other words…
37. MVC - what it could look like Photo by Benjamin Child on Unsplash
38. Vertical Slices Align the code with the business
39. One more step…
40. Slices give you options
41. Todo: a vertical approach
42. A different Controller Photo by Klara Kulikova on Unsplash
43. Do one thing
44. A different Model Photo by Kelly Sikkema on Unsplash
45. A different Model Smaller More concise Different models for different contexts Multiple models for different features No “property creep” across the solution
46. Multiple models using Event Sourcing (Commands) Small, concise Events (what happened?) Stream per Aggregate Multiple projections (read models = state based on Events) per stream
47. Did somebody say “Event Sourcing”? Photo by Zdeněk Macháček on Unsplash
48. Event Sourcing in .NET: MartenDB Event Store on top of Postgres Strong Consistency if required Versions Projections Concurrency Multi-Tenancy models Not everything has to be event sourced: Use the Marten Document Store MartenDB
49. Event Sourcing with Marten
50. A different solution
51. …it has no reactivity Photo by Sepp Rutz on Unsplash
52. A different View Photo by Bud Helisson on Unsplash
53. HTMX Like jQuery but every HTML element can trigger every type of HTTP Request HTMX support for Controllers / Request / Response: dotnet add package Htmx HTMX for Razor Views: dotnet add package Htmx.TagHelpers
55. Demo: Vertical Slices Photo by Tim Mossholder on Unsplash
56. Wolverine Command Execution Asynchronous Processing Messaging In Memory Message Bus Message Brokers RabbitMQ AWS SQS Azure Service Bus Marten Integration Wolverine
57. Understanding code is hard Photo by Delaney Van on Unsplash
58. Understanding code is hard JetBrains on LinkedIn
59. Study: how developers spend their time Study on Faculty of Informatics at USI
60. Measuring Program Comprehension Study on ResearchGate
61. How developers work Idea Flow by Janelle Arty Starr
62. Navigating the code - Cognitive load ProductController inside Controllers namespace with an Add method when you have many Controllers with Add methods Add View inside Views/Product folder with many Add Views under the Views folder ProductModel inside Models folder which is used across different methods/actions AddNewProductController inside the Feature folder AddNewProduct with a method/action AddNewProduct AddNewProduct View inside the Feature folder AddNewProduct AddNewProduct Model inside Feature folder AddNewProduct for the AddNewProduct method/action Product Model for the actual product read model/view
63. We have a problem…
64. UI is the place for coupling Composition of the individual Contexts ViewModel Composition View Composition
65. Demo: View Model Composition Photo by Tim Mossholder on Unsplash
66. …it has no components
67. Tag Helpers Build your own reusable and shareable Components Can be tested Can be nested Can have Razor View Content Can be navigated (go to definition / find usages)
68. Demo: Tag Helpers Photo by Tim Mossholder on Unsplash
69. …I need a REST API Photo by Jorge Salvador on Unsplash
70. Different Response Types in ASP.NET Core MVC [Consumes] Attribute [Produces] Attribute Check the Accept header Application State vs. Resource State Your API is a UI HTML is one representation
71. Questions Follow up https://www.linkedin.com/in/alexanderzeitler https://x.com/lxztlr https://discord.gg/pR6duvNHtV alexander.zeitler@pdmlab.com Photo by Towfiqu barbhuiya on Unsplash
72. Photo by Priscilla Du Preez on Unsplash