Mastering Vue.js and Vuex

No video

Mastering Vue.js and Vuex

Рет қаралды 85,897

Күн бұрын

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

Пікірлер: 102

@ChrisNoringchrisnoring 6 жыл бұрын

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 5 жыл бұрын

Thank you for this presentation :)

@mikul3122 5 жыл бұрын

Hey great talk.

@philiphalim707 5 жыл бұрын

great talk man

@sirmiles1820 4 жыл бұрын

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 4 жыл бұрын

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

@Welcometomyjourney20 5 жыл бұрын

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

@ic3xiii 6 жыл бұрын

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 6 жыл бұрын

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

@rallokkcaz 6 жыл бұрын

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 4 жыл бұрын

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

@franckadonis2623 6 жыл бұрын

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

@hansjay9795 5 жыл бұрын

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

@maxkowalski4609 4 жыл бұрын

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

@N.A._ 5 жыл бұрын

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

@tagoma27 5 жыл бұрын

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

@jiaweitan3066 4 жыл бұрын

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

@blokche_dev 6 жыл бұрын

Vue.js: quite simple but so powerful!

@MrBalobba 3 жыл бұрын

Great introduction with a great speaker!

@weipingpan1802 6 жыл бұрын

I just mastered VUE.JS

@karinavaldivia1506 6 жыл бұрын

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

@ChrisNoringchrisnoring 6 жыл бұрын

Thank you for that :)

@Nice-sm5hr 5 жыл бұрын

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

@ChrisNoringchrisnoring 5 жыл бұрын

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

@nevinkuser9892 3 жыл бұрын

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

@nishchyaverma608 3 жыл бұрын

This is so good and relevant even in 2021.

@hakooplayplay3212 6 жыл бұрын

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

@ChrisNoringchrisnoring 5 жыл бұрын

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

@sarsenm5874 5 жыл бұрын

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

@maheshravirala1927 5 жыл бұрын

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

@milosnedeljkovic5691 5 жыл бұрын

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

@mrrolandlawrence 5 жыл бұрын

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

@JohnOatis 4 жыл бұрын

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

@negpon 5 жыл бұрын

Thank you so much Chris!

@nunofsilva 6 жыл бұрын

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

@rallokkcaz 6 жыл бұрын

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

@KidJV 4 жыл бұрын

thankssss i get sleepy reading documentations this was a great help

@ArielNoname 5 жыл бұрын

Very good. No wasted time.

@WikkiOnIlluminati 3 жыл бұрын

Very nice, very well presented

@yongzeyao1337 5 жыл бұрын

This is the best talk on vuex!

@Steve-Richter 4 жыл бұрын

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.

@MatthijsMissiaen 5 жыл бұрын

24:30 Is there a difference between and ?

@LluisLasaosa 5 жыл бұрын

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

@ChrisNoringchrisnoring 5 жыл бұрын

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

@suj1945 4 жыл бұрын

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

@stevi8923 6 жыл бұрын

awesome, very detail

@chiandet 5 жыл бұрын

This guy is a lot of fun amirite?

@Yiosho 5 жыл бұрын

Great presentation, terrible audience.

@pedmindset7492 5 жыл бұрын

hahahaha

@puneettripathi8418 5 жыл бұрын

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

@ibrahimmohammed3484 5 жыл бұрын

@BearkFearGamer 4 жыл бұрын

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

@aymenoppasoftware6971 4 жыл бұрын

Audiences are of shit or corona

@Andrei-ds8qv 4 жыл бұрын

Awesome tutorial, thanks a lot!

@trentstewart8592 5 жыл бұрын

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

@mariany4691 5 жыл бұрын

It makes the workflow way more cleaner and more organized.

@trentstewart8592 5 жыл бұрын

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

@mariany4691 5 жыл бұрын

@@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 5 жыл бұрын

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

@scorpio9ification 6 жыл бұрын

Thanks, good talk

@jiahelin3840 4 жыл бұрын

vuex starts at 35:00

@aleksandrstaetskiy5687 4 жыл бұрын

Very good lecture

@porith4709 4 жыл бұрын

Fabulous. Cheers.

@jaouadballat5256 6 жыл бұрын

like it

@xinchou2322 6 жыл бұрын

Really helpful!!!

@leeren_ 4 жыл бұрын

Great talk

@abdo.magdy. 6 жыл бұрын

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

@ChrisNoringchrisnoring 6 жыл бұрын

thanks for the feedback

@dudebrogan 6 жыл бұрын

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

@rallokkcaz 6 жыл бұрын

This is great!

@mysterOrel7924 4 жыл бұрын

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

@edustreamimg 5 жыл бұрын

Where is the git repo of this demo?

@ChrisNoringchrisnoring 5 жыл бұрын

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

@mreddygi 4 жыл бұрын

Imagine if Netninja did this!☺️

@adriantaker 5 жыл бұрын

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 5 жыл бұрын

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

@CherPsKy 5 жыл бұрын

Really good coverage of Vue fundamentals, crowd sucks ass.

@miroslavmakhruk4102 5 жыл бұрын

knockout.js forever!! :-)

@CTimmerman 6 жыл бұрын

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 6 жыл бұрын

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 6 жыл бұрын

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.

@MecegguemMohamed 4 жыл бұрын

Vue Cli : 12:09

@danpro6535 5 жыл бұрын

FUCKING PRONUNCIATION!

@lijinxin5803 5 жыл бұрын

棒

@jgkdmdevienjjgg8866 6 жыл бұрын

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

@ChrisNoringchrisnoring 6 жыл бұрын

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

@vacho8182 4 жыл бұрын

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

@gitamgadtaula1772 4 жыл бұрын

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

@aram5642 3 жыл бұрын

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.

@someguyonyoutube992 5 жыл бұрын

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

@ChrisNoringchrisnoring 4 жыл бұрын

I see dead code - all the time ;)

@someguyonyoutube992 2 жыл бұрын

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

@someguyonyoutube992 2 жыл бұрын

@@ChrisNoringchrisnoring Amazing presentation by the way.

@Kobayashhi 5 жыл бұрын

Great presentation but the guy sounds like a robot.

@SonnyDarvishzadeh 6 жыл бұрын

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 6 жыл бұрын

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.