Vue School

For inexperienced testers, Vue.js testing can be intimidating. But Vitest and Vue Test Utils makes testing Vue components a breeze! Learn the basics in this article by Daniel Kelly. 👇

https://vueschool.io/articles/vuejs-tutorials/vue-js-testing-with-vue-test-utils-and-vitest

How are you using Nuxt UI’s new Timeline component in your projects? 🤔

💡Tip of the day:
Want Vue Router to handle php style query variables? Customize it with the parseQuery and stringifyQuery options.

The qs library is a great implementation to use!

Learn how to build professional-grade editors for newsletters, CRMs, and content management systems using Vue.js and TinyMCE!

Get the run down on what’s included in our latest blog post 👇

https://vueschool.io/articles/news/building-advanced-wysiwyg-editors-with-vue-and-tinymce-a-complete-guide

What’s the biggest mistake you’ve made with Vue’s reactivity system? 😵‍💫

If you had to pick one library from below, which one would you pick and why? 🤔

• PrimeVue
• NuxtUI
• Quasar
• Vuetify
• Naive UI
• Flowbite
• Vuestic UI
• ShadCN-Vue
• Radix Vue

How do you integrate TypeScript with Pinia for bulletproof stores? 💻

✅ Additional Features: Some libraries offer more than just UI, like routing or state management, which can be a big plus.
✅ Community and Support: A library with an active community and robust documentation can be a lifesaver when you hit a snag.

💡 When picking a UI library, consider:

✅ Design Preference: Are you after a specific look like Material Design, or do you want something that stands out?
✅ Customizability: Do you like the idea of tweaking every pixel, or do you prefer plug-and-play?

⬇️

Vue Draggable Plus - Drag & Drop Sorting - Made with Vue.js Drag & Drop Sorting

Did you know Vue Draggable Plus is based on Sortable.js and supports dual list drag & drop, transitions & animations, custom target containers and more?

You can use it as component, hook or directive. 🙌

https://madewithvuejs.com/vue-draggable-plus

vue-flatpickr-component Vue.js component for Flatpickr date-time picker. Latest version: 12.0.0, last published: 4 months ago. Start using vue-flatpickr-component in your project by running `npm i vue-flatpickr-component`. There are 128 other projects in the npm registry using vue-flatpickr-component.

Did you know vue-flatpickr-component v12 supports multi-month views?
Great for complex date pickers! 📅

https://www.npmjs.com/package/vue-flatpickr-component

Curious about how Vue.js can enrich your life beyond coding? 👩‍💻
Learn from Eleftheria Batsou about personal growth, career opportunities, and community!

https://vueschool.io/articles/news/the-human-side-of-vue-js-how-learning-vue-changes-your-life-as-a-developer/

🚀 Vue.js Free Weekend by Certificates.dev is coming Aug 23–24! Get 48h FREE access to Official Vue.js Mid-Level Cert Training.

✓ Code challenges,
✓ Composition API,
✓ Pinia,
✓ trial exam
✓ and more!

Sign up: https://certificates.dev/vuejs/free-weekend

Nuxt 4 support + new @netlify/nuxt module for local dev | Netlify Changelog Get the latest updates on Netlify products and features to meet your developer needs.

💡You can deploy your Nuxt 4 apps with zero configuration changes in Netlify—everything just works.

https://www.netlify.com/changelog/nuxt-4-support-new-netlify-nuxt-module-for-local-dev

Learn Vue.js and modern, cutting-edge front-end technologies from core-team members and industry experts with our premium tutorials and video courses. Vue.js, Tooling, Testing, Modern JavaScript such as ES6? Don't worry, we got you covered! Join today and learn from our video courses made by industry experts.

Did you know that following Vue best practices like single-file components boosts maintainability by 30%?
Start today! 👇

https://vueschool.io/courses/the-ultimate-guide-to-vue-performance

What’s one Vue.js plugin you can’t imagine coding without? 🤗

GitHub - element-plus/element-plus: 🎉 A Vue.js 3 UI Library made by Element team 🎉 A Vue.js 3 UI Library made by Element team. Contribute to element-plus/element-plus development by creating an account on GitHub.

Did you know that Element Plus v2.4 has added dark mode support, which is perfect for Vue UIs?! 🤓

https://github.com/element-plus/element-plus

How do you manage large datasets in Vue apps without performance hiccups? 🤔

Learn Vue.js and modern, cutting-edge front-end technologies from core-team members and industry experts with our premium tutorials and video courses. Vue.js, Tooling, Testing, Modern JavaScript such as ES6? Don't worry, we got you covered! Join today and learn from our video courses made by industry experts.

Did you know that the ‘crypto.hash is not a function’ error in Vite and can be fixed by updating to Node.js v20.10+? Try it in your Vue project! 🔥

https://vueschool.io/courses/rapid-testing-with-vitest

🚀 Want faster Nuxt apps? Here's the difference:

Sequential: 2s + 2s = 4s total
Parallel: 2s + 2s = 2s total

Learn how to implement parallel data loading with useAsyncData ⚡️

https://vueschool.io/articles/vuejs-tutorials/optimizing-data-loading-in-nuxt-with-parallel-requests/

Which Vue.js conference speaker inspired you the most this year? 🎙️

✅Legacy Codebases: Teams maintaining older applications that rely on the Options API may find it more efficient to continue using what they are familiar with, at least temporarily. [2/2]

When to Use Options API ⇒ The Options API still holds value in specific scenarios:

✅Small Applications or Prototypes: Projects with a limited scope that require rapid development may benefit from the simplicity and structured approach of the Options API. [1/2]

What’s the toughest Nuxt SEO challenge you’ve tackled? 🤓

Learn Vue.js and modern, cutting-edge front-end technologies from core-team members and industry experts with our premium tutorials and video courses. Vue.js, Tooling, Testing, Modern JavaScript such as ES6? Don't worry, we got you covered! Join today and learn from our video courses made by industry experts.

Check out more here:
https://vueschool.io/courses/the-complete-guide-to-data-fetching-in-nuxt

Benefits of using `useAsyncData` over `useFetch`: 🚀

✓ Parallel Requests: You can load multiple data sources at once, reducing overall load time.
✓ Improved Performance: By cutting down the time spent waiting for data, your application feels faster and more responsive.

How do you approach testing Vue.js apps for maximum coverage? 📈

Heard about Vue nextTick but not sure what it does? In this article, learn nextTick inside and out along with practical examples and common gotchas. 👀 By Daniel Kelly. https://vueschool.io/articles/vuejs-tutorials/what-is-vue-nexttick-accessing-the-dom-after-data-updates/ Heard about Vue nextTick but not sure what it does? In this article, learn nextTick inside and out along with practical examples and common gotchas. 👀 By Daniel Kelly. https://vueschool.io/articles/vuejs-tutorials/what-is-vue-nexttick-accessing-the-dom-after-data-updates/

Heard about Vue nextTick but not sure what it does? In this article, learn nextTick inside and out along with practical examples and common gotchas. 👀

By Daniel Kelly.

https://vueschool.io/articles/vuejs-tutorials/what-is-vue-nexttick-accessing-the-dom-after-data-updates/

What’s one AI tool you’ve used to speed up your Vue.js development?

What are your favorites VS Code extensions for Vue.js and Nuxt developers? 👇