Clean Architecture Works in the Frontend Too!
summary
Shows how to apply Clean Architecture / Hexagonal principles to a Vue.js front-end: structure projects to isolate external dependencies (axios, Vue) and avoid overreliance on Redux/Stores. Explains why that minimal architecture saved development time for the team and how it enables unit-testing UI behavior without necessarily using Cypress or full component tests, plus general architecture and testing strategy takeaways.
AI-written summary · about
chapters (11)
- 0:00Introduction
- 3:08Isolation wins
- 8:15Clean vs Hexagonal
- 12:57Frontend value
- 15:30Frontend flow
- 20:57Vue code example
- 32:043ms tests
- 35:22Clean archi-gonale
- 41:06User experience
- 46:23When not to use
- 48:28Q&A
related talks
39mClean Architecture works in the Frontend too!
30mThe Art of Front-end Architecture
01h 22mAnti-fragile frontend development
16mAn Architecture for Testing Your Frontend
07mLightning Talk: A Backend Engineer's Vue of Front-End Development
49mSOLID Frontend Architecture. Do we need it? Yes!
53mClean Architecture and How It Helps Build Microservices and Microfrontends
22mWays to architecture your vue/nuxt app