The State of Data Loading
summary
The talk lays out five strategies for getting data into a Vue app with clear examples: pre-bundling static assets and translations, fetching minimal user state at login, using router navigation guards to prerender main page content, in-component async fetches with skeleton loaders, and real-time direct subscriptions for replies and counters. It cites tools like use a async state composable from The View Ed Library, recommends async imports to keep bundles small, and argues perceived performance matters more than raw Lighthouse scores.
AI-written summary · about
chapters (8)
- 0:00Introduction
- 0:16Data in web applications
- 4:35Application load strategy
- 7:20Login-based data loading
- 9:55Navigation guards
- 13:06Asynchronous data fetching
- 16:59Real-time updates
- 20:43Conclusion and best practices
related talks
21mSimplifying Data Fetching in Vue with Data Loaders
44mData Management in Vue
37mThe Importance of State Management in Vue
32mVue, simple yet scalable
31mCommon Mistakes in Vue and Nuxt and How to Avoid Them
25mLessons Learned from Crafting a Thriving Vue.js SaaS Behemoth
37mPatterns for Large Scale Vue.js Applications
33mPanel Discussion – State Management