6 App building patterns your Seniors didn't want to know

on YouTube ↗32m

" summary

Large B2B app experience (about 1,400 components and 600 demos) shows that rolling custom UI costs weeks and hidden maintenance; prefer existing ecosystems like Vuetify, Quasar, Admin UI and only fork when unavoidable. For Vue data flow use a hierarchy: props → modules → provide/inject → Vuex, avoiding global magic. Protect frontend from backend drift with classes, mappers, repositories and snapshot checks. Test components cheaply with Storybook/Viewbook, use Jest for unit logic and Cypress/Selenium for high-level e2e. Use CSS Modules or BEM to avoid style conflicts.

AI-written summary · about

" chapters (9)

1. 0:00Introduction
2. 2:52Custom framework
3. 7:49Library selection
4. 8:31Data handling problems
5. 13:35Invalid data handling
6. 18:42Component testing
7. 24:04Style issues
8. 27:26Summary
9. 31:22Q&A

" related talks

• 29mAdvanced Vue.js features and patterns in the enterpriseIsrael Roldan · Frontend Love Eindhoven 2019
• 48mPatterns for Large Scale Vue JS ApplicationsDaniel Kelly · Connect.Tech 2022
• 37mPatterns for Large Scale Vue.js ApplicationsDaniel Kelly · Vue.js Nation 2023
• 19mPatterns for Large Scale Vue.js ApplicationsDaniel Kelly · Vueconf.US 2023
• 24mPatterns for Large Scale Vue.js ApplicationsDaniel Kelly · Vue.js London Live 2021
• 25mLessons Learned from Crafting a Thriving Vue.js SaaS BehemothAbdelrahman Awad · CityJS Berlin 2024
• 51mBuilding Amazing Single Page Applications the Right WayJustin Meyer · GOTO Chicago 2015
• 36mAngular, React, Vue and co: Harmoniously united by web components and micro apps?Manfred Steyer · Voxxed Days Frontend Bucharest 2019