Vue Mastery
Vue Mastery
  • 311
  • 4 006 398
Scalable Forms in Vue | Vue.js Live 2024
Discover the art of creating scalable forms in Vue using FormKit, ideal for teams with complex form-heavy projects. Justin Schroeder delves into strategies for decomposing forms into smaller, composable components, simplifying development, and enhancing team efficiency.
Ready to master Vue.js? With weekly Vue js tutorials on the latest topics, and exclusive content with Evan You (the creator of Vue), Vue Mastery is the ultimate learning resource for Vue developers to level-up their skills. Watch more free Vuejs tutorials 👉 www.vuemastery.com/courses
0:00 Scalable Forms in Vue
6:14 Form Components
8:11 Scalable Front Ends
9:52 Forms are hard
11:08 A Dedicated Form Tree
13:05 FormKit
22:28 Q&A
zhlédnutí: 1 281

Video

Composables - The Swiss Army Knife of Every Vue Developer | Vue.js Live 2024
zhlédnutí 1,2KPřed 14 hodinami
Composables (composition functions) are stateful/stateless functions that leverage Vue's reactivity API, decoupling it from components. This shift in perspective opens possibilities for tackling common scenarios in new and creative ways. Juan Andrés Núñez Charro explores how to effectively use composables to enhance your Vue applications. Ready to master Vue.js? With weekly Vue js tutorials on ...
More Secure Vue & Nuxt Apps - By Default | Vue.js Live 2024
zhlédnutí 853Před 21 hodinou
Developers often need to work quickly, which can impact software quality aspects like performance, accessibility, and security. Configuring web applications to be protected against common threats is challenging. Nuxt Security, a module for Nuxt, helps build more secure applications without additional configuration. Explore concepts of security in modern web applications and OWASP to build more ...
Data Loaders - Elevating Data Fetching in Vue | Vue.js Live 2024
zhlédnutí 2KPřed dnem
Data fetching is a critical part of modern web applications and a complex problem with many partial solutions. Explore the new Data Loaders API for Vue Router, how it compares to existing solutions, and how it can greatly simplify data fetching in Vue applications. Eduardo San Martin Morote provides insights into the benefits and implementation of this new API. Ready to master Vue.js? With week...
Building a Better Hammer - The Story of Nuxt 4 | Vue.js Live 2024
zhlédnutí 2,6KPřed 14 dny
Explore what's new in Nuxt 4 and the architectural decisions made to make it 'a better hammer' for any project. Daniel Roe aims to provide useful insights for everyone, even those not using Nuxt. The talk focuses on framework philosophy and reveals the innovations under the hood. Ready to master Vue.js? With weekly Vue js tutorials on the latest topics, and exclusive content with Evan You (the ...
PrimeVue | The Next-Gen UI Component Library | Vue.js Live 2024
zhlédnutí 2,3KPřed 14 dny
PrimeVue is a popular UI Component library for Vue 3, featuring over 80 components, unstyled mode with Tailwind CSS presets, pass-through properties, design-agnostic theming, icons, blocks, and templates. Çağatay Çivici provides an overview of PrimeVue's feature set and delves into best practices of UI component development, the component suite, pass-through API, design-agnostic theming, unstyl...
How To Web Dev The Right Way With Vue If You Are A Beginner | Vue.js Live 2024
zhlédnutí 647Před 21 dnem
Breaking into web development can be overwhelming. Ashwin Vinay Phadke shares their journey from discovering marquee tags to building web apps with experienced developers. Learn what and how to study, where to start, and the importance of mentorship. Ashwin covers how and why to start learning, choosing the right speed and mentor, selecting the right framework (why it should be Vue), struggles ...
What's Hot On Tresjs V4 | Alvaro Saburido
zhlédnutí 928Před 21 dnem
A year has passed since TresJS was open-sourced at this conference. In this Vue.js Live 2024 conference talk, Alvaro provides a full update on what's been developed for v4 of the core, including new devtools, translated docs, a cookbook, new features, and extensive bug fixing. Ready to master Vue.js? With weekly Vue js tutorials on the latest topics, and exclusive content with Evan You (the cre...
10 Years of Vue: the Past and the Future | Evan You | Vue.js Live 2024
zhlédnutí 8KPřed měsícem
Vue.js, first publicly announced in 2014, celebrates its 10th anniversary this year. Explore how Vue has evolved from its humble beginnings, the challenges faced, key learnings, and future directions. Evan You takes a look back at the journey of Vue and discusses its impact on the development community at Vue.js Live 2024. Ready to master Vue.js? With weekly Vue js tutorials on the latest topic...
Nuxt API Routes: Integrate Server-Side Logic Easily
zhlédnutí 1,5KPřed měsícem
Join Vue Mastery instructor Andy Li as he introduces Nuxt API Routes. Learn how to seamlessly integrate server-side logic into your Nuxt applications. This is the first two lessons of the full course available at 👉 www.vuemastery.com/courses/nuxt-api-routes/api-routes-introduction Ready to master Vue.js? With weekly Vue js tutorials on the latest topics, and exclusive content with Evan You (the...
Vue and Nuxt Rendering Modes: Learn to Pick the Perfect Strategy for Your Site
zhlédnutí 1,8KPřed měsícem
Vue and Nuxt Rendering Modes: Learn to Pick the Perfect Strategy for Your Site
Nuxt's Server-Only Components Should Be on Your Radar
zhlédnutí 1,8KPřed 2 měsíci
Nuxt's Server-Only Components Should Be on Your Radar
What you're doing wrong with Vue.js 🙅‍♂️
zhlédnutí 5KPřed 3 měsíci
What you're doing wrong with Vue.js 🙅‍♂️
What Vue experts want you to know 🧠
zhlédnutí 4,6KPřed 3 měsíci
What Vue experts want you to know 🧠
Evan You: What you're doing wrong with Vue.js 🙅‍♂️
zhlédnutí 16KPřed 3 měsíci
Evan You: What you're doing wrong with Vue.js 🙅‍♂️
Real World Nuxt 3
zhlédnutí 3,9KPřed 3 měsíci
Real World Nuxt 3
Easy Interfaces with Vuetify 3
zhlédnutí 3,9KPřed 3 měsíci
Easy Interfaces with Vuetify 3
Build a Trello Clone with Nuxt 3
zhlédnutí 6KPřed 6 měsíci
Build a Trello Clone with Nuxt 3
Vue.js: Building Secure Applications - VueConf US 2023
zhlédnutí 1,7KPřed 6 měsíci
Vue.js: Building Secure Applications - VueConf US 2023
Vue to the Edge - VueConf US 2023
zhlédnutí 1,3KPřed 7 měsíci
Vue to the Edge - VueConf US 2023
Alive and Kicking - A Vue Into Rock & Roll - Vue.js Live 2023
zhlédnutí 632Před 7 měsíci
Alive and Kicking - A Vue Into Rock & Roll - Vue.js Live 2023
Session Replay - VueConf US 2023
zhlédnutí 515Před 7 měsíci
Session Replay - VueConf US 2023
Component Design Patterns - Vue.js Live 2023
zhlédnutí 6KPřed 7 měsíci
Component Design Patterns - Vue.js Live 2023
10 things about Postman everyone should know - VueConf US 2023
zhlédnutí 790Před 7 měsíci
10 things about Postman everyone should know - VueConf US 2023
Writing Good Tests for Vue Applications - Vue.js Live 2023
zhlédnutí 1,7KPřed 7 měsíci
Writing Good Tests for Vue Applications - Vue.js Live 2023
Vue Rendering Modes - VueConf US 2023
zhlédnutí 1,3KPřed 7 měsíci
Vue Rendering Modes - VueConf US 2023
Building the Vue 3 VDOM on Stage - Vue.js Live 2023
zhlédnutí 1,3KPřed 8 měsíci
Building the Vue 3 VDOM on Stage - Vue.js Live 2023
Testing Vue Components with Cypress - VueConf US 2023
zhlédnutí 2,5KPřed 8 měsíci
Testing Vue Components with Cypress - VueConf US 2023
Building Backwards Compatible Vue Libraries - Vue.js Live 2023
zhlédnutí 1,1KPřed 8 měsíci
Building Backwards Compatible Vue Libraries - Vue.js Live 2023
Appetite for Components - VueConf US 2023
zhlédnutí 1,1KPřed 8 měsíci
Appetite for Components - VueConf US 2023

Komentáře

  • @kyngcytro
    @kyngcytro Před dnem

    Gosh I totally forgot about the readonly I was using unref

  • @hinogi
    @hinogi Před dnem

    vee-validate has the big advantage that you can use any input from any framework and you are not limited to FormKit components but have beside the component solution a composable solution.

  • @hinogi
    @hinogi Před dnem

    oh oh v-model:lastname for firstname :D

  • @AymanAmin-md5ek
    @AymanAmin-md5ek Před 2 dny

    Какие еще истории успеха можете рассказать?

  • @carlosmedrano8596
    @carlosmedrano8596 Před 4 dny

    I've got a question, how is it the right way to write the composables? Create a single file for each action or function or one that could contain different functions and then import from components only the needed ?

  • @carlosmedrano8596
    @carlosmedrano8596 Před 4 dny

    Very informative

  • @alessiochiffi5410
    @alessiochiffi5410 Před 5 dny

    Clearest example of stateful/stateless composable I've seen. Thanks for sharing 🟢

  • @Tarabass
    @Tarabass Před 6 dny

    Also take a look at VueUse, a library full with great composables!

  • @JulioVinachi
    @JulioVinachi Před 6 dny

    🎉 amazing Juan Andrés thanks you for all. ✊

  • @RussPainter8
    @RussPainter8 Před 8 dny

    Is there a data loader for tanstack query, or does it work out of the box?

  • @CryptoPropTrading
    @CryptoPropTrading Před 9 dny

    Thanks for saying this! Will keep this in mind moving forward.

  • @sengiryCZ
    @sengiryCZ Před 9 dny

    A great Monty twit❤

  • @user-ud8wy2ry8o
    @user-ud8wy2ry8o Před 10 dny

    Я бы к такому фронтендеру не обратился 😂 Извините

  • @naveeng2003
    @naveeng2003 Před 11 dny

    When can we expect first party auth in nuxt, probably in nuxt 4?

  • @denyszdor2519
    @denyszdor2519 Před 12 dny

    Thank you Eduardo for this useful info. Just want to add, that I have nothing against your face during all the video, but in this case it's a useless and not informative element on the screen. And becasue of this, the code looks so small, and the editor it's exactly the informative part of the screen, you'd better make a text editor on the full width, leave your voice and remove your face, it would be so much better for ppl's eyes.

  • @pakarpintu4917
    @pakarpintu4917 Před 12 dny

    Why Vite use 5173 port, because V = 5 so VITE is V173 or 5173

  • @wobsoriano
    @wobsoriano Před 12 dny

    Love the Nuxt team!

  • @bishowpandey453
    @bishowpandey453 Před 13 dny

    Is there a way to add validation to the query string like in tanstack router?

  • @VueMastery
    @VueMastery Před 13 dny

    Ready to master Vue.js? Level up here 👉 www.vuemastery.com

  • @VueMastery
    @VueMastery Před 13 dny

    Ready to master Vue.js? Level up here 👉 www.vuemastery.com

  • @VueMastery
    @VueMastery Před 13 dny

    Ready to master Vue.js? Level up here 👉 www.vuemastery.com

  • @SXsoft99
    @SXsoft99 Před 13 dny

    I've been watching this chanel for some time now, and I am sorry to day but there are starting to be soon many features in Vue, at a certain point my mind just gets filled with so many things

  • @himankshu
    @himankshu Před 14 dny

    I choose react because of market value

  • @nested9301
    @nested9301 Před 14 dny

    we need more features we need more features we need stable forms actions and server components

  • @siux94
    @siux94 Před 15 dny

    My company considered using PrimeVue as main component library, but decided not to because it didn't have built in validation. Any update on that?

  • @suleymanq
    @suleymanq Před 15 dny

    nuxt is best!

  • @ashique12009
    @ashique12009 Před 15 dny

    Show some examples 😊

  • @biLLie_wiLLie
    @biLLie_wiLLie Před 15 dny

    Daniel, can you tell me how to make absolutely zero font shifting in nuxt?

    • @ojvribeiro
      @ojvribeiro Před 2 dny

      I think @nuxt/fonts provides this using Fontaine behind the scenes.

  • @nyambe
    @nyambe Před 16 dny

    June 2924??? We are in Juno 2024

  • @VueMastery
    @VueMastery Před 16 dny

    Ready to master Vue.js? Level up here 👉 www.vuemastery.com

  • @VueMastery
    @VueMastery Před 16 dny

    Ready to master Vue.js? Level up here 👉 www.vuemastery.com

  • @dvdrtrgn
    @dvdrtrgn Před 16 dny

    Brilliant and humble this guy. His community strikes a sweet balance between elegance and pragmatism.

  • @alekseishaparev7132
    @alekseishaparev7132 Před 17 dny

    Ye, but composables are tricky. Cause if you use variables declaration out of scope of call method, variables become "global". and if someone else uses your composable that can create confusions and buggy behavior. So, tbh i would use composables for specific reasons like simplifying big SFC but keeping variables always under the hood. Or for some global things without strong connection to one specific SFC.

  • @shahhussain7605
    @shahhussain7605 Před 18 dny

    Indeed the best UI library. Keep it up!

  • @pinyinxingming1821
    @pinyinxingming1821 Před 19 dny

    I haven't seen vue 3 websockt script

  • @angelxtrme
    @angelxtrme Před 19 dny

    Great theme! Congrats to PrimeVue / PrimeTek team.

  • @cooliomdp
    @cooliomdp Před 19 dny

    PrimeVue is amazing. Excelent components.

  • @RichColemanTx
    @RichColemanTx Před 20 dny

    Love the library but I noticed that the dark mode is never remembered and never matches the system's preference.

  • @djpacu
    @djpacu Před 20 dny

    Most complex UI library. Love it ❤

  • @VueMastery
    @VueMastery Před 20 dny

    Ready to master Vue.js? Level up here 👉 www.vuemastery.com

  • @WeriSuweri
    @WeriSuweri Před 20 dny

    Thanks Evan You, i love vue

  • @VueMastery
    @VueMastery Před 22 dny

    Ready to master Vue.js? Level up here 👉 www.vuemastery.com

  • @VueMastery
    @VueMastery Před 23 dny

    Ready to master Vue.js? Level up here 👉 www.vuemastery.com

  • @lararawf6100
    @lararawf6100 Před 23 dny

    Thanks

  • @Joe-eg1mk
    @Joe-eg1mk Před 23 dny

    perfect explanation,May I know what soffwares do you use to edit this video?

  • @Killerkraft975
    @Killerkraft975 Před 24 dny

    Any programmer whos first language isn't js or python, knows the importance of types. Its surprising how many who start with js have no idea about this. After coming to js after languages like Java, C++, C# it feels uncomfortable looking at variables which could be absolutely anything.

  • @nyambe
    @nyambe Před 24 dny

    What about cloud front?

  • @VueMastery
    @VueMastery Před 26 dny

    Ready to master Vue.js? Level up here 👉 www.vuemastery.com

  • @hangor3620
    @hangor3620 Před 26 dny

    OVER 9000

  • @VueMastery
    @VueMastery Před 27 dny

    Ready to master Vue.js? Level up here 👉 www.vuemastery.com