Mastering Vue.js and Vuex
HTML-код
- Опубликовано: 29 сен 2024
- Christoffer Noring uncovers why the adoption rate for Vue.js is through the roof and what makes it so great. He also looks at building professional apps in terms of which tools to use, how to test them and what libraries will empower you.
The global dev community meets at WeAreDevelopers, an event dubbed by many as the “Woodstock of Developers”. The WeAreDevelopers World Congress 2018 brought together 8,000 techies from 70 countries for 72-hours of pure dev-fun.
Visit the largest developers playground in Europe!
www.wearedevel...
Facebook: / wearedevelopers
Twitter: / wearedevs
Instagram: / _wearedevelopers
#WeAreDevs
©2018, WeAreDevelopers
I haven't seen such almost full coverage of vuejs & vuex. Great concise reference. Thanks
Loved it Chris! Great sense of humour too ahah :P
Nuno Silva Agreed! This is an excellent talk, with all the variables considered before hand. Not just riding trends.
Great presentation, terrible audience.
hahahaha
It's Vue presentation, not a Bethesda one. So, for sure no one has been paid to clap or cheer
:(
Realmente, audiência horrível. Pessoas mais sem reação.
Audiences are of shit or corona
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 :)
Thank you for this presentation :)
Hey great talk.
great talk man
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
Angular 2 is one of the worst frameworks I've ever used.
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...
hi..happy to hear that. Thanks for the feedback.
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.
I just mastered VUE.JS
Chris - Thank you for a really concise and informative presentation! I loved the turtles references!
i love your presentation ! so simple, so fun and so effective, thx!
Thank you for that :)
11.35 not babushka, but matroshka, i think. Because its "Матрешка"
thank you for that, forgive my ignorance. I have corrected this when I've delivered this talk in other places
я сам офигел когда матрешку обозвали бабушкой, ахаха
Vue.js: quite simple but so powerful!
"We all know that pain" - Yes, being on Stack Overflow for any time at all is a huge pain
agreed. That's why I'm writing a lot of tutorials. Hopefully something in here can help: dev.to/softchris
I don't even like using stackoverflow because there's no quality control on the information.
Just as simple as it should, with all the required content for any application. Great talk, thanks.
11:30 "бабушка"(babushka) means grandmother, "матрёшка" (matryoshka) is a toy shown on the screen
Always coming back to this video to refresh my vue. Great presentation!
That is it! Realization of child component and especially the communication between them.It is the very special part!
awesome, very detail
Wow, that tip about talking to other modules was a plus. Thanks!
like it
24:30 Is there a difference between and ?
applies to Vue.js. The from that slide seems to belong to Angular instead.
@@LluisLasaosa riiight.. thanks for pointing that out. I dabble in both Angular, React and Vue, wires get crossed :)
This is so good. If only I have watched this when I first started learning.
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.
Great Presentation! You covered a lot of topics quickly and simply! Thank You!
Very good. No wasted time.
router for the footer? or a different menu? Vue just gets better all the time. Great presentation.
Really good coverage of Vue fundamentals, crowd sucks ass.
Thank you so much Chris!
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
Thank you for that comment. Some of them did seem to have watched TMNT, but yea far from the entire room :)
This guy is a lot of fun amirite?
whats the point in using vue when you can just use javascript/jquery
It makes the workflow way more cleaner and more organized.
@@mariany4691 not if you structure your javascript properly, maybe if you cant code JS well it will
@@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.
Trent Stewart maybe you may go from Europe to America by swimming ... but it's more comfortable to go by a ship :)
11:35 probably no one gives a shit, but that is matreshka, not babushka model
hi.. forgive my ignorance.. Thank you for the correction :) Hope you enjoyed the video
Great introduction with a great speaker!
This is the best talk on vuex!
Very nice, very well presented
FUCKING PRONUNCIATION!
vuex starts at 35:00
Christoffer is like RAK in Tower Of God lol ! Calling everyone turtle.
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.
am a beginer to js, and vue seems good, thank for ur part.
This is only short part of VueJs. Better first mastering vanilla js ;)
thankssss i get sleepy reading documentations this was a great help
Really good presentation - a longer one would have been even better
I like this presenter, but why are the audience even there?
This is so good and relevant even in 2021.
Really helpful!!!
Thanks, good talk
heavy lunch...? haha! what a boring crowd.....this guy is a star.
Imagine if Netninja did this!☺️
This is great!
Great presentation but the guy sounds like a robot.
knockout.js forever!! :-)
Awesome tutorial, thanks a lot!
Fabulous. Cheers.
Failed improv teacher learns to code
Great talk
Very good lecture
So this is what Haley Joel Osment is doing these days, huh!
I see dead code - all the time ;)
@@ChrisNoringchrisnoring Hahaha... Nice followup :). If it's dead or not, it depends on your vue point :D
@@ChrisNoringchrisnoring Amazing presentation by the way.
Vue Cli : 12:09
why didn`t he talk about vuex store modules with namespaces? and it`s better to use ...mapGetters/...mapActions ..etc
thanks for the feedback
Only so much can be talked about. mapGetters and whatnot are useful, but something has to be dropped for the sake of time.
Where is the git repo of this demo?
hi Eduardo, the talk is a compilation of info from here github.com/softchris/vuejs-book
棒
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.
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.
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.
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} } }
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.