Top 10 Tips For New Vue.js Developers

[@ProgramWithErik]

Do you have tips for Vue?

[@studiowebselect]

Use inheritAttrs: false, and v-bind="$attrs"

[@nero1375]

Yea, replace Vuetify and nuxt for Quasar-Framework and you are good to go :) Another tip that was missed is Mixins. helps a lot! ;)

[@gameonvinay]

Quasar Framework for nuxt and vuetify. Vuetify has the worst documentation

[@chrisscastaneda]

Great tips! Just getting started in Vue myself and definitely checking out a few of these. (1:23) 1. Official Documentation are the Bomb! - Look at official style guide and Enterprise Boilerplate (3:08) 2. Testing - Vue Test Utils, use Jest or Mocha, Validation! (4:35) 3. Vue UI / Vue CLI - GUI and tooling for building app (6:15) 4. Learn Props - passing data into components (7:30) 5. Vuex - global state management (9:52) 6. Function Components - special SFCs `...` (11:09) 7. Render function - `render(h) { return h(...) }` (12:50) 8. Lazy Loading Routes - decreases bundle size (13:32) 9. Computed Properties - cached, updated only when needed (14:26) 10. Cool Vue Projects - Gridsome, VuePress, Vuetify, Nuxt, Vuelidate/Veevalidate, and more

[@JijinJayakumar]

Here , you have my ♥️♥️ , for that helping mentality 😊

[@jessicamorris8035]

Thank you for sharing the tips for vue Developers. I appreciate your work. Keep sharing more videos regarding vue js frameworks and also other frameworks. Keep sharing more updates and information!

[@bytebased]

vue-axios would've been good to bring up and I think is important to learn early alongside component lifecycle and vuex.

[@ProgramWithErik]

bytebased good one!

[@Geomaverick124]

Thanks for the tips. I would also say that new devs practice with it everyday, even just a little bit and maybe try to convert some JS or even HTML CSS projects over to vue

[@tommymaher4166]

Great advice! Did this when learning react and it was one of the better things I could have done to consolidate the informatioN!

[@pidsme2576]

Can you make a tutorial on vue? Alot of tutorials are 2yrs ago

[@rickyu1978]

Hello Erik, point no. 6 functional components, dont you still need the script tag to import the props? or will props.title just work? Usually we do export default { props: ['title'] } Thanks.

[@ProgramWithErik]

Nope it’s explicitly passes !

[@rickyu1978]

@@ProgramWithErik learned something new!

[@TJ80ify]

cant get enough of this stuff

[@kim92se64]

Really Great tips!!

[@pagevpetty]

Will you please do a vid on implementing PayPal into a vue app???

[@ProgramWithErik]

That's very interesting, I'll put that on my list

[@flavioandrade4344]

Hi Erik. Nice video. Could you make a simple one about testing, like Vue and Jest?

[@ProgramWithErik]

Flavio Andrade I do have a few testing videos , I’ll look into it

[@johnm8358]

nice tips.... one thing that always puzzles me is when to use functional components/slots/sfc in a give scenario...seems they can all do what i want but hard to choose

[@ProgramWithErik]

john m It can be tough. Use functional components when all your doing is sending over info with props and nothing else. You don’t have methods or computed properties. Single file components you’ll use almost everywhere’s. I like slots but at some point it breaks the single responsibility rule that I try to keep in each component. But for the most part they are great for slotting in info passed in from a parent component. If you have tons of props passed in, you might want to look at slots

[@johnm8358]

@@ProgramWithErik thanks erik, yeah i guess as I use each one more then it may become clearer... working in a team some people prefer one way, some another...and its hard to tell them 'hey that wont work!' because it will but it might not always be the best way

[@osidpgipsoe]

nice one, thx!

[@arsenanay2494]

You have errors on your code on presentation

[@mrrolandlawrence]

tip #1 ... get in the gym and some MMA action. React guys are always sparing for a fight when it comes to a slugging match about what library is the best..

[@theBIGgee]

You keep mentioning React and Angular, most people including myself learnt Vue JS because it is simpler. Which means most people learning Vue JS do not have experience in other libraries or frameworks. While your points are solid, most are not beginner's friendly.

[@ProgramWithErik]

Adeyemi Olusegun good point! It’s just s habit

[@sivuyilemagutywa5286]

Actually I use Vue and Angular, I mostly use Angular a lot, but Vue is easy to setup, but I find it hard to maintain when project gets bigger in my opinion. I enjoy both they get the job done

[@babar-khan]

Best VueJs Course ?

[@ProgramWithErik]

Mine! See in description :)

[@TaTar88T]

best tip for vue -- use React instead

[@ProgramWithErik]

Nice!

[@laserbeard328]

you lost me at at #1 with "docs are the bomb" is this a comedy channel?

[@noahmalchy2676]

Read the react docs and then vue and you will see