Vue School

What’s one trick for making your Pinia stores more testable? 👩‍💻

From CSS to Shaders - Let's talk: 💡 Traditional web technologies (CSS + JavaScript) are often the go-to for creating interactive web elements like ripple effects. 🌀 CSS animations can handle single ripples well, but struggle with multiple overlapping ripples, causing lag and…

Vue.js Free Weekend - Aug 23 & 24 48hrs of FREE access to @vuejs cert training, designed to prep you for the official exam reviewed by @youyuxi. 💻Code challenges 🧠10 MCQs + 1 code task (trial exam) 📚Covers Composition API, Pinia & more Sign up👇 certificates.dev/vuejs/free-wee…

How do you optimize Vue.js apps for accessibility compliance? 🤔

Understanding Component Preloading in Vue 💡 In a typical Vue.js application, components are loaded when they're needed - a pattern known as lazy loading or code splitting. While this approach reduces the initial bundle size, it can lead to slight delays when components are…

Level up your Vue.js & Nuxt development with the best VS Code extensions! 🚀 From boosting productivity to simplifying debugging, this guide covers the tools that can truly make a difference. vueschool.io/articles/vuejs…

What’s the most complex Nuxt app architecture you’ve built? 🧐

Common Gotchas When Using nextTick 💻 While extremely handy, there are a couple of common mistakes people make when using nextTick just like some other tools Vue provides. 1. Don't overuse nextTick - only use it when you actually need to access the updated DOM 2. nextTick…

💁‍♀️ What do you know about the form component design pattern? ‘`v-model` ’ on native input fields is awesome! We can do similar with whole forms. This approach accounts for the way users interact with forms: they expect committed data only after click of submit. It also works…

Learn how to build ⚡️ lightning-fast Vue apps with practical techniques for: ✔️ Code splitting ✔️ Component optimization ✔️ Smart data fetching ✔️ Performance debugging at the "The Ultimate Guide to VuePerformance" course! Get a glimpse of what’s in store with this article 👇…

It's Friday, it's summer, it's hot, but learning never stops! 🌞 What are you going to read this weekend? Here is what we recommend: 1️⃣ “Decoding ChatGPT: How It Works and Why It Matters for Developers”, vueschool.io/articles/vuejs… 2️⃣ "Fixing “Cannot read properties of undefined…

How do you leverage AI to generate better Vue.js component designs? 🤖

Why Optimizing Vue Apps for Performance Matters In today's web landscape, performance isn't just a nice-to-have – it's essential for: ✅ Improving user experience and engagement ✅ Boosting conversion rates and business metrics ✅ Enhancing SEO rankings and visibility ✅…

Asked AI the same question but got different answers? It’s normal! 😵 Learn why this happens and how to fix it - with @BatsouElef. vueschool.io/articles/vuejs…

How do you handle Vue.js component styling for consistent design systems?

💁‍♀️ Smart vs Dumb Components Pattern - Here’s what you need to know: Separate data handling from presentation. Smart components manage logic and data fetching, dumb components simply take in props to handle display. Furthermore, base components provide the fundamental building…

New version of Security module for @nuxt_js is out and with it comes support for Nuxt 4, update to Node 20.X and some smaller fixes. Thanks to @dargmuesli for this! 💚 github.com/Baroshem/nuxt-…

Did you know that the Composition API enhances the developer experience (DX) by allowing a more unified, feature-driven code structure? 💡 ✓ Unlike the Options API, which segments data, methods, and lifecycle hooks, the Composition API enables developers to organize related…

What’s the most innovative way you’ve used Vue’s provide/inject pattern? 🧐

🆕 New lessons were just added to 'Building Shader Effects in Vue' by @marchantweb. Check them out: ✅ Using media as texture uniforms ✅ Putting it all together to build a hero section ✅ Alternative shader approaches and resources ✅ A sneak peek at “Shaders”…