Mastering Vue.js and Vuex

[@ChrisNoringchrisnoring]

This talk was in no way meant to bash another framework. I have used AngularJS heavily in the past. For a time it was great and helped out a lot of developers. Times change and we come up with better ways how to do things. I use Angular 2, React and Vue in my daily work. I don't really have a favourite but see all three om them as great frameworks in their own right. Use what works for you essentially. Thanks for watching :)

[@exception360]

Thank you for this presentation :)

[@mikul3122]

Hey great talk.

[@philiphalim707]

great talk man

[@sirmiles1820]

great show man thanks. hope i get my js skills up coz i want to be a webdev but my head has a problem with js. hahah

[@gamechannel1271]

Angular 2 is one of the worst frameworks I've ever used.

[@Welcometomyjourney20]

I haven't seen such almost full coverage of vuejs & vuex. Great concise reference. Thanks

[@ic3xiii]

This is so effective that the first 25 min alone taught me more about Vue.js than the 15 or so (free) "introduction to vue.js" vids that I watched on the interwebs. I think the focus on code more that what the code will look like in the browser is effective. Or maybe because this time I wrote the code down on paper as a cheat sheet...

[@ChrisNoringchrisnoring]

hi..happy to hear that. Thanks for the feedback.

[@rallokkcaz]

Agreed! I just launched my first Vue app into production last week and this really opened my eyes to the underlying concepts. No more hacking and slashing.

[@nikhilrw]

Wow, that tip about talking to other modules was a plus. Thanks!

[@franckadonis2623]

Just as simple as it should, with all the required content for any application. Great talk, thanks.

[@maxkowalski4609]

11:30 "бабушка"(babushka) means grandmother, "матрёшка" (matryoshka) is a toy shown on the screen

[@hansjay9795]

That is it! Realization of child component and especially the communication between them.It is the very special part!

[@N.A._]

Always coming back to this video to refresh my vue. Great presentation!

[@tagoma27]

Chris - Thank you for a really concise and informative presentation! I loved the turtles references!

[@MatthijsMissiaen]

24:30 Is there a difference between and ?

[@LluisLasaosa]

applies to Vue.js. The from that slide seems to belong to Angular instead.

[@ChrisNoringchrisnoring]

@@LluisLasaosa riiight.. thanks for pointing that out. I dabble in both Angular, React and Vue, wires get crossed :)

[@jiaweitan3066]

This is so good. If only I have watched this when I first started learning.

[@karinavaldivia1506]

i love your presentation ! so simple, so fun and so effective, thx!

[@ChrisNoringchrisnoring]

Thank you for that :)

[@weipingpan1802]

I just mastered VUE.JS

[@blokche_dev]

Vue.js: quite simple but so powerful!

[@Nice-sm5hr]

"We all know that pain" - Yes, being on Stack Overflow for any time at all is a huge pain

[@ChrisNoringchrisnoring]

agreed. That's why I'm writing a lot of tutorials. Hopefully something in here can help: dev.to/softchris

[@nevinkuser9892]

I don't even like using stackoverflow because there's no quality control on the information.

[@MrBalobba]

Great introduction with a great speaker!

[@mrrolandlawrence]

router for the footer? or a different menu? Vue just gets better all the time. Great presentation.

[@JohnOatis]

Great Presentation! You covered a lot of topics quickly and simply! Thank You!

[@nishchyaverma608]

This is so good and relevant even in 2021.

[@hakooplayplay3212]

11.35 not babushka, but matroshka, i think. Because its "Матрешка"

[@ChrisNoringchrisnoring]

thank you for that, forgive my ignorance. I have corrected this when I've delivered this talk in other places

[@sarsenm5874]

я сам офигел когда матрешку обозвали бабушкой, ахаха

[@Steve-Richter]

I am finding the transition from vue.js to vue cli is very difficult. Not even sure if vue cli is the correct term. When searching for sample code the results show code that does not apply since the two forms of vue are so different.

[@maheshravirala1927]

am a beginer to js, and vue seems good, thank for ur part.

[@milosnedeljkovic5691]

This is only short part of VueJs. Better first mastering vanilla js ;)

[@jiahelin3840]

vuex starts at 35:00

[@yongzeyao1337]

This is the best talk on vuex!

[@WikkiOnIlluminati]

Very nice, very well presented

[@negpon]

Thank you so much Chris!

[@nunofsilva]

Loved it Chris! Great sense of humour too ahah :P

[@rallokkcaz]

Nuno Silva Agreed! This is an excellent talk, with all the variables considered before hand. Not just riding trends.

[@suj1945]

Really good presentation - a longer one would have been even better

[@KidJV]

thankssss i get sleepy reading documentations this was a great help

[@ArielNoname]

Very good. No wasted time.

[@chiandet]

This guy is a lot of fun amirite?

[@stevi8923]

awesome, very detail

[@trentstewart8592]

whats the point in using vue when you can just use javascript/jquery

[@mariany4691]

It makes the workflow way more cleaner and more organized.

[@trentstewart8592]

@@mariany4691 not if you structure your javascript properly, maybe if you cant code JS well it will

[@mariany4691]

@@trentstewart8592 If you learn Vue you'll understand how it can really help your workflow. Sure, if you're making a calculator app or something simple it's not going to make too much impact, even though I'd argue there's even an improvement there. But if you're making a medium to large size project then it helps a bunch. It's really good at manipulating the DOM in a clean way without making a 1000 querySelectors and it's way easier to animate elements.

[@ferdinandocoluccelli9574]

Trent Stewart maybe you may go from Europe to America by swimming ... but it's more comfortable to go by a ship :)

[@Yiosho]

Great presentation, terrible audience.

[@pedmindset7492]

hahahaha

[@codewithmePuneet]

It's Vue presentation, not a Bethesda one. So, for sure no one has been paid to clap or cheer

[@ibrahimmohammed3484]

:(

[@BearkFearGamer]

Realmente, audiência horrível. Pessoas mais sem reação.

[@aymenoppasoftware6971]

Audiences are of shit or corona

[@CTimmerman]

19:20 "product" is supplied data, but in the child it's called "item"? I guess that's the standard name and only one item can be supplied (which can contain a list of others if needed). It appears that "save" is merely an event name used by the parent as defined in the component tag at 9:08. Variables like someData are looked up in the hashmap returned by the component's data() method, that can use variables from the props property as well. Why though? $.ajax() can save stuff as well.

[@ChrisNoringchrisnoring]

Hi Cees.. Thats an error sorry. :product means there is a props on the child component called product, in the data method of the child though I take the product input, copy that and expose it as someData, which means it should be data() { return { someData : {...this.product} } }

[@CTimmerman]

christoffer n So it should say "...this.product" instead of "this.item"? Strange that nobody noticed during the presentation. Even the notation looks unsure of itself. I'll prefer including PHP for now until there's a simpler SSR that works with NoScript.

[@Andrei-ds8qv]

Awesome tutorial, thanks a lot!

[@abdo.magdy.]

why didn`t he talk about vuex store modules with namespaces? and it`s better to use ...mapGetters/...mapActions ..etc

[@ChrisNoringchrisnoring]

thanks for the feedback

[@dudebrogan]

Only so much can be talked about. mapGetters and whatnot are useful, but something has to be dropped for the sake of time.

[@edustreamimg]

Where is the git repo of this demo?

[@ChrisNoringchrisnoring]

hi Eduardo, the talk is a compilation of info from here github.com/softchris/vuejs-book

[@scorpio9ification]

Thanks, good talk

[@MecegguemMohamed]

Vue Cli : 12:09

[@aleksandrstaetskiy5687]

Very good lecture

[@xinchou2322]

Really helpful!!!

[@leeren_]

Great talk

[@porith4709]

Fabulous. Cheers.

[@rallokkcaz]

This is great!

[@mysterOrel7924]

Christoffer is like RAK in Tower Of God lol ! Calling everyone turtle.

[@mreddygi]

Imagine if Netninja did this!☺️

[@jaouadballat5256]

like it

[@jgkdmdevienjjgg8866]

11:35 probably no one gives a shit, but that is matreshka, not babushka model

[@ChrisNoringchrisnoring]

hi.. forgive my ignorance.. Thank you for the correction :) Hope you enjoyed the video

[@miroslavmakhruk4102]

knockout.js forever!! :-)

[@adriantaker]

Thank you, very well sumarized althought I think is not suitable for most begginers, sorry for the very bad audience there.. seems they didn't watch Ninja Turtles

[@ChrisNoringchrisnoring]

Thank you for that comment. Some of them did seem to have watched TMNT, but yea far from the entire room :)

[@CherPsKy]

Really good coverage of Vue fundamentals, crowd sucks ass.

[@someguyonyoutube992]

So this is what Haley Joel Osment is doing these days, huh!

[@ChrisNoringchrisnoring]

I see dead code - all the time ;)

[@someguyonyoutube992]

@@ChrisNoringchrisnoring Hahaha... Nice followup :). If it's dead or not, it depends on your vue point :D

[@someguyonyoutube992]

@@ChrisNoringchrisnoring Amazing presentation by the way.

[@vacho8182]

heavy lunch...? haha! what a boring crowd.....this guy is a star.

[@gitamgadtaula1772]

I like this presenter, but why are the audience even there?

[@bartlebob]

Great presentation but the guy sounds like a robot.

[@lijinxin5803]

棒

[@danpro6535]

FUCKING PRONUNCIATION!

[@mongezinkosi]

Failed improv teacher learns to code

[@SonnyDarvish]

I don't understand why some try to bash other frameworks to promote their favourite one. get a life! if you're not liking something in the first place, you'll hate it forever and seek excuses to bash them even further.

[@ChrisNoringchrisnoring]

Hi Sonny. Apologies if it came off that way. I'm actually an Angular GDE and use Angular2 heavily. I also like using React. The point I was trying to convey was that there were mistakes made in AngularJS that both Angular 2 and Vue.js have adressed, although in different ways.

[@aram5642]

Big disappointment from Vue3/Vuex/TS eco. Nothing even close to ng/ngrx/reactivity. Waiting for next release, maybe the framework gets more mature by that time.