Best of Vue Mastery — 2024

  1. 1
    Video
    Avatar of vuemasteryVue Mastery·2y

    PrimeVue | The Next-Gen UI Component Library | Vue.js Live 2024

    PrimeVue is an advanced UI component library tailored for Vue.js applications. Developed by Prime Tech, it offers over 90 components like date pickers, tables, and grids. The library supports both styled and unstyled modes for flexibility in design and customization. Accessibility is a major focus, ensuring compliance with WCAG standards. PrimeVue is open-source under the MIT license, with paid add-ons like templates and a Figma UI kit. The upcoming version 4 introduces a new theming API, Figma integration, and enhanced Tailwind CSS support.

  2. 2
    Video
    Avatar of vuemasteryVue Mastery·2y

    Vue & Vite Updates | VueConf US 2024

  3. 3
    Video
    Avatar of vuemasteryVue Mastery·2y

    10 Years of Vue: the Past and the Future | Evan You | Vue.js Live 2024

    Vue.js is celebrating its 10th anniversary and has come a long way in the front-end world. The post highlights the history of Vue.js, its technical impact, and plans for the future. It emphasizes the importance of the Vue community, sustainability, and independence. The post also discusses upcoming improvements and features, such as Vue 3.5, SSR improvements, native signals, and Vite.

  4. 4
    Video
    Avatar of vuemasteryVue Mastery·2y

    Laravel | VueConf US 2024

    The post discusses using Laravel as a backend solution for Vue.js front-end applications. It highlights the strengths of Laravel, such as extensive documentation, built-in tools for routing, database connections, and handling sessions and authentication. The post explains the ease of setting up a Laravel app with Vue.js and demonstrates the step-by-step process of getting started, including using Laravel Breeze for quick setup.

  5. 5
    Video
    Avatar of vuemasteryVue Mastery·2y

    Vue + TensorFlow.js: Building Your First ML Powered App | VueConf US 2024

    The speaker, Will Marpel, a full-stack web developer, demonstrates how to build a machine learning-powered app using Vue3 and TensorFlow.js. He discusses the setup requirements, including obtaining an API key, and provides an overview of pre-trained models from TensorFlow.js, which are leveraged in a demo app to perform image and facial recognition tasks. Emphasis is placed on the benefits of in-browser inference for privacy and performance. The speaker also highlights the ease of integrating machine learning models with existing frameworks and tools, encouraging developers to incorporate AI into their projects.

  6. 6
    Video
    Avatar of vuemasteryVue Mastery·2y

    Scalable Forms in Vue | Vue.js Live 2024

    This post discusses scalability in Vue.js, particularly focusing on client-side code. It highlights the importance of code reusability, best practices, and team collaboration in scalable front-end development. The post introduces FormKit, a tool designed to enhance form handling in Vue applications, making them more manageable and scalable. It emphasizes the benefits of FormKit’s architecture, which simplifies data handling and improves accessibility, and compares it to other form validation solutions like VeeValidate.

  7. 7
    Video
    Avatar of vuemasteryVue Mastery·2y

    Building a Better Hammer - The Story of Nuxt 4 | Vue.js Live 2024

    Daniel Row, the lead of the Nuxt core team, shares the journey and advancements leading up to Nuxt 4, a progressive framework for building full-stack web apps based on Vue.js. He highlights the challenges faced during the development of Nuxt 3 and the improvements planned for Nuxt 4, including better developer tools, more extensibility, and a focus on reducing cognitive load. The community-centric nature of the project and the aim for Nuxt 4 to ensure stability and ease of migration are also emphasized.

  8. 8
    Video
    Avatar of vuemasteryVue Mastery·2y

    Vue and Nuxt Rendering Modes: Learn to Pick the Perfect Strategy for Your Site

    Learn about different rendering strategies for web apps, including server-side rendering (SSR), single-page applications (SPAs), and static site generation (SSG). Understand the pros and cons of each approach and how to choose the best strategy for your project.

  9. 9
    Video
    Avatar of vuemasteryVue Mastery·2y

    Composables - The Swiss Army Knife of Every Vue Developer | Vue.js Live 2024

    Composables are JavaScript functions leveraging Vue's Composition API to encapsulate and reuse stateful logic, promising to make Vue applications more extensible, adaptable, controllable, and trustful. They replace mixins by providing more flexibility and reactivity, decoupling logic from components, making applications easier to test and maintain. The use of composables extends beyond UI concerns and can fit into various layers of an application.

  10. 10
    Video
    Avatar of vuemasteryVue Mastery·2y

    What you're doing wrong with Vue.js 🙅‍♂️ pt 11

    Avoid using indexes as keys and over-reliance on v-model in Vue.js to prevent problems and bugs. Explore alternatives for v-modeling complicated objects.

  11. 11
    Video
    Avatar of vuemasteryVue Mastery·2y

    What you're doing wrong with Vue.js 🙅‍♂️

    Common mistakes made by Vue.js developers include using composes outside of the setup function, not maintaining reactivity, and putting too many things on the store. It is important to understand the reactivity fundamentals and be mindful of what should be reactive. Contributing to open source projects and joining the Vue.js community can help improve development skills. Thinking from the back end and considering static-first approach can also enhance performance. Developers should avoid using indexes as keys and overrelying on V-model.

See all Vue Mastery archives