real-world-vue VS vueuse

Vue mastery goes for quality over quantity, and is the best choice.

I took Maximilan's course a few years ago and it was good, but I think he is just rehashing the Vue's doc, most of his early sections are identical to the Vue doc. Maybe he updated his course with more personal thoughts and approach. You can check the official Vue by yourself or trying Vue mastery or Vue school they are both good

As a Frontend Engineer, I have found certain platforms and tutors who are known for publishing quality content. They include Frontend Masters, Framework documentation sites (e.g Vue and React), Vue School, Vue Mastery, Scrimba, and courses by Michael Thiessen, Maximilian Schwarzmuller and The Net Ninja.

I’m a dev that has some knowledge on React and Vue. Several months ago, I just started a new project using React with Gatsby, but every time I'm working with it, my gut feeling was telling me "this might be easier to use with Vue". I had to refer so many times to the docs and the one course I bought for Stephen Grider. Last month, I bought some advanced courses for VueSchool and VueMastery. I then started another project using Gridsome and Vue, and was impressed by how straightforward it was to incorporate routes and components.

So if I’m going for a MEVN stack, I might either get Vue School, Vue Mastery, or Maximillian’s Udemy course afterwards. I know people mention to just read the docs but maybe having a guided tutorial + the docs might be the best way to learn Vue for me. I also think it’s different for everyone. I’m also thinking of attending conferences like Vue Nation or Connect.Tech. If you have any other suggestions, please let me know!

Vue Mastery is a great resource that covers not just Vue.js but also related technologies such as Vuetify. They offer courses on Nuxt.js and advanced design, among other things.

I really enjoyed the Vue Mastery course. It even includes a series where Evan You builds a bare bones version of Vue from scratch. https://www.vuemastery.com/

We use https://www.vuemastery.com to teach new team members about Vue. I'm sure you have sufficient JS to understand it.

My opinion: Vue, specifically the Vue 3 Composition API. Most of your app state should come from computed() values. Bookmark https://vueuse.org and come back to it often. Go through VueUse's source (the docs for each function link to their source): you'll be surprised at how simple most of it is, and it stands as documentation of best practices for using the composition API in general.

Now, let’s talk about Vue! Once again, we’ll use an external library to handle dark mode simply and quickly. In this case, the library is called VueUse, and you can install it using the command npm i @vueuse/core --save.

Great library. Could use some improvements as said by other (tree shaking, add jsdocs, etc…). Just a quick reminder for the vuejs devs out there we have https://vueuse.org/

Yeah, I figured useHooks was created without knowing about VueUse, but thought they might have become aware of it sense then. It makes sense, because though the code is heading in the direction of VueUse in terms of being maintained and well rounded, the structure of useHooks is quite a bit different. It has the code alongside the Markdown: https://github.com/vueuse/vueuse/tree/main/packages/integrat...

Demo: https://github.com/vueuse/vueuse/blob/main/packages/core/useWebNotification/demo.vue

Also take a look at https://vueuse.org/ which might save you some lines :)

For what it's worth my timeframe is very similar to yours! Started in 2019, no React / Angular. I think looking at great codebases like [VueUse](https://github.com/vueuse/vueuse) shows off the best of composition API.