Clean Architecture works in the Frontend too!
summary
Demonstrates applying Clean Architecture/Hexagonal principles to front-end projects using Vue.js, showing how isolating code from external dependencies (axios, Vue) improves structure and team productivity. Explains alternatives to relying on Redux or mandatory stores, and how this approach enables unit-testing of UI without always using Cypress or component testing, covering architecture and testing strategy.
AI-written summary · about
chapters (9)
- 0:00Introduction
- 2:17Isolating is winning
- 8:01Clean Architecture & Hexagonal
- 11:51Frontend value
- 16:40Demo with JJI
- 25:50Testability & speed
- 30:25Organization & autonomy
- 33:23Test pyramid
- 37:38When to use
related talks
53mClean Architecture Works in the Frontend Too!
30mThe Art of Front-end Architecture
49mSOLID Frontend Architecture. Do we need it? Yes!
53mClean Architecture and How It Helps Build Microservices and Microfrontends
01h 22mAnti-fragile frontend development
16mAn Architecture for Testing Your Frontend
49mDeveloping a clean architecture-inspired React application with MVVM
22mWays to architecture your vue/nuxt app