Nuxt Nation 2023: Daniel Kelly - Common Mistakes in Vue and Nuxt and How to Avoid Them

Building apps with Nuxt is a delight, but there are some common gotchas you should look out for! In this talk, let’s take a look at some common mistakes that lead to bugs, wasted time, and frustration for Nuxt developers. Topics include: the v-for key attribute, defining reactive state, failing to clean up event listeners, useFetch the wrong way, and more! Many of the mistakes you’ve probably been guilty of yourself (I know I have!).

Learn strategies for making the same mistake twice or learn from my own mistakes and the mistakes of others from the community.

📗 Master Nuxt 3 with the only Official Nuxt 3 Course

🍍 Master Pinia with the Author of Pinia, Eduardo San Martin Morote

🔥 Get the Ultimate Vue Bundle

👩‍💻 Join the largest free online Frontend event

[johanjaimes]

00:10 Daniel Kelly
00:43 Common Mistakes overview
02:18 v-for key directive
10:19 Reactive Deps
12:21 Fetching Data
21:12 Not doing things the Nuxt way
21:34 Free course VueJS mistakes and how to avoid them
23:50 Final questions to Daniel

[krishna-kant]

Thanks Daniel and your family is beautiful.

[retromancer]

great video. One question I have; When using 'useFetch' with the return object, say <Post>, you are assuming the API is always returning that object, correct? Some APIs return a different object for a faulty state for example. How would you solve that?

[nanaassumadu]

Your intro was epic and currently explains my life 😂😂

[asadmalik]

Can you please give us the link of repo which we can explore it later, thanks

[Farbfilmstudio]

Damn i would realy like to know if it's ok to use index as a key in a v-for.

[sicfxmusic]

In the age of AI, I don't recommended putting up faces on internet unless you want to end up in deepfakes. 🤣🤣

[vitalijslavrinovics]

dislike because 'starting sound background' not positive.