Why Vue.js is Taking Over the Front-end World - Gwendolyn Faraday

[@WayneHSmithJr]

I am completely sold on Vue now thank you.

[@abdallahrizk8787]

don't be stupid there is nothing better and faster than vanilla javascript except if you are a sissy developer

[@WayneHSmithJr]

@@abdallahrizk8787 and there are some that say JavaScript is garbage no matter if you use a framework or not. I make my own decisions. I don't use something just because someone else says to and I certainly don't stop using something just because some says not to.

[@abdallahrizk8787]

@@WayneHSmithJr good point

[@EzyoMusic]

Vue is my first encounter with front-end frameworks and it's great how easy it is to get into and start making things. :)

[@Aranarth78]

Same for me. I used to hate front-end, but with Vue.js it's a joy. And if it is replaced by better front-end libraries in the future, Vue CLI 3 can transform vue files into web components, so nothing is lost. Awesome.

[@zemiorka]

Fantastic lecture. Simple and clear like cristal. All that I can expect from a good teatcher. Thanks

[@petersutton1609]

Two weeks ago I had never used one of these framework's now I have a full scaled app! From the junk I had to work with Vue is awesome!

[@256k_]

this is dope, ive been looking for a well informed well presented argument for vue over other libraries, and this is the first one i see that actually was well done thank you.

[@miklosnemeth8566]

I have started with React to evaluate a mobile/web dev tool for a major maintainable business application planned to have 4 - 5 years of life-cycle; I found it really promising for this kind of (corporate) business applications until VUE CLI 3, which is a game changer. The out-of-the box integration with a type system, and PWA, together with a one-line-to-add excellent full MD UI framework, all these made VUE 3 immediately the best toolset on the market today. I worked quite a lot with Flow, but its integration and support is pathetic vs the brilliant TS support of Visual Studio Code. VS Code with TS is incredibly powerful for a maintainable/supportable team work for application development; a type system after design-1st of course is a must. So, we are switching over to VUE 3, sure. React's recent addition of hooks, fiber suspense, are nice but these are absolutely not relevant for a business application where you start with cleanly designed architecture and supported by a type system. We spent a month on Meteor, too, which is brilliant, too, but it doesn't have an integrated type system either: no way I allow my team to start working with a toolchain without a static type system. No test frameworks can replace a type system.

[@keithnicholas]

The thing is, the browser world is rapidly changing, javascript has dominated the front end, but now WASM is creeping in, and I'm pretty sure we are going to get another major front end shakeup of frameworks, there are already so interesting WASM frameworks in the works

[@miklosnemeth8566]

A very good point, but JavaScript now with TypeScript (and Flow) type system is really powerful, and even hard core corporate developers can find the tools to make serious business applications with this full-stack toolchain. For cost perspective using only one language from UI to AL over to back end is very important.

[@wpleary2]

So the next web UI framework will be VB.web. :)

[@StefanJarina]

@@wpleary2 :-D You made my day (stil don't understand how it can score so high at TIOBE index). However you are not that far from what may be, but it is not VB but C# at least:-) blazor.net/ I am really looking forward for what WebAssembly might bring.

[@wpleary2]

Štefan Jarina As primarily a C# dev that is music to my ears. Hoping to spend some time soon digging into Blazor. I’ve been mostly doing React for last few years for web UIs but would love for something else other than JS to be an option.

[@bguen1234]

Something has to happen because the current state of Web development is a complete mess.

[@allessandro989]

By far the best framework I ever used.

[@AdamSmith-de5oh]

Have you used React and Redux?

[@brawndo8726]

15:50 automatic access to data compared to binding methods in the constructor of react components sounds glorious.

[@jboxy]

so yeah try way binding is cool Lin Vue, just in React don't bind 'this', use => methods do top scope is passed in, no need to bind anything

[@jboxy]

*Two not Try, lol

[@RealToughCandy]

Enjoying this talk, thanks.

[@_neuromanser_]

Easier to use frameworks are the future, because more people will be able to contribute. Just remember jQuery and what success it has achiveved based on its simplicity. Even web designers, who are not dedicated developers, were able to use it. This is the reason Vue will win in a long run.

[@jboxy]

yep, and I started with prototype. I don't think either are going anywhere for some time though

[@jdmlvn]

Lovely talk, thanks for sharing.

[@Flip97rza]

Beauty is in simplicity...

[@jboxy]

It's what made mullets hot in the 80s 🕶️

[@Suriprofz]

Best framework ever

[@bobDotJS]

I left .NET and C# for VueJS and I've never looked back. Even React didn't convince me to leave .NET

[@xtm8194]

Vue.js is great, but I don't think people who invested time in learning Angular or React are going to want to change so early (the majority at least); although Angular users should definitely switch to Vue or React. If you're using Angular, it is worth spending time learning Vue since the concepts are mostly similar, but Vue is a lot cleaner, simpler, and easier to embed in existing systems. Angular doesn't work well for old projects, and upgrades brought too many broken changes when I used it (from version 2 to 4 - I believe it's at 6 or 7 now). I'm happy with Vue. It's easy to customize, has great documentation, smooth upgrades, and most of all, it's easy to learn. Here's an example of how simple Vue is compared to Angular. angular.io/guide/lifecycle-hooks vuejs.org/v2/guide/instance.html#Instance-Lifecycle-Hooks Angular documentation - giant walls of text, written for the sake of having documentation. Vue documentation - 3 short paragraphs and 1 picture.

[@jboxy]

there is a beauty in, typescript, though time consuming

[@xtm8194]

@@jboxy As someone who mostly deals with Java, typescript was very easy to pick up. I don't find it time consuming.

[@ProCoder2007]

For someone who is more on the server side, who has played with the beginner tutorials of react, angular and vue: Which one do you would recommend? Sometimes I would like to do do some frontend work. I like Typescript of of the obvious fact of using types to prevent some annoying bugs - but which one should I really investigate further on? React because of it is a library and not a framework? Thanks! Anyway very good talk - I am just curious and can understand the "javascript fatigue". The thing I focus more on backend work instead crawling from trend framework to trend framework.

[@jboxy]

For React the easiest way to learn is to play with Gatsby. For Vue it's pretty easy to use with the cli builder. I think it's a matter of syntax preference, they both produce the same result in roughly equal time. Angular oddly takes a lot longer, not sure if it's typescript or just that it's a huge framework rather than a lib

[@ProCoder2007]

Thanks @@jboxy !

[@vigilantezack]

I've heard it said, if you want the full and opinionated framework experience, get Angular. If you want the purest JS and least opinionated option use React libraries and tools. If you want a somewhat opinionated mix of the two, look at Vue.

[@jboxy]

@@vigilantezack that's pretty true, Vue it's balanced the best, when you get a few weeks into React you'll hit some hard spots, Angular is difficult for a long while, Vue makes things smootg

[@fish1r1]

First code slide is wrong. V-model does two way data binding, not v-bind

[@fish1r1]

Read a tutorial, get half of it, hold a presentation. This style of presentations are worth nothing

[@mahdinejad]

So, because she made a mistake, the whole presentation becomes useless? Speak for yourself; I actually liked her presentation and it was exactly what I was looking for

[@fish1r1]

@@mahdinejad I'm glad you liked it. IMO it's 1 hour of stuff that might be wrong vs 1 hour spent of that excelent documentation that even the presenter recommended, that's why I think it's useless.

[@emanuelmutschlechner]

There's another error at 29:36. The return is missing in the getCount function and the $store getter shouldn't be called as function. In general I like her presentation but it doesn't feel well prepared or researched

[@mahdinejad]

@@fish1r1 It's a conference presentation, not a Vue.js course! Of course official documentation is better for learning details. It's all about introducing the concept and talking the big picture with some examples.

[@xplorebits7728]

Very good presentation. Only one remark - Instead of using the words "Borrowed" or "Stoled", you would have said "Inspired". That is the best way to put it. Most of the other "Inspired" libraries released as open-source. There is nothing wrong with re-using concepts and build from scratch.

[@ngplittle642]

Well said!!!!!!

[@A5tr0101]

Simple to use, nice pre processors and templating language, less markup then react and angular take, i can make a relativley large app in about a month with Vue, combined with writing the backend with ASP.NET Core as well, however react still has a good use case, especially because of react native

[@bloodandbonezzz]

Kieran Grosvenor you could do the same with React.

[@A5tr0101]

I know they both solve the same problem, i just prefer Vue's syntax and i find it more developer friendly, if there was a reason for me to switch to react what would your one be, just curious?

[@bloodandbonezzz]

@@A5tr0101 If there is one thing it's less abstraction, and I know that's the reason why you use VueJS, but I enjoy the bareness of React, there's less magic going on in it, this makes switching to no library/framework a lot easier, and when developing, importing and implementing things is way simpler and straightforward. On the issue of simplicity for writing UI, I think it's a preference thing because I actually enjoy JSX way more than the Vue template, If you're having issues with the coloring or syntax highlight there are plugins you can use depending on your IDE/Text editor for that.

[@A5tr0101]

@@bloodandbonezzz I'm a fan of abstraction and really never find it to be a problem when using babel, I can just use module exports and write functional code and import it in my components, I like the whole MVVM pattern in general and i'm keen to follow frameworks that follow that pattern, topped with store actions, getters, setters, mutations and computations that just update when reacting to a change just seems like the perfect way to do UI. Another tool to appreciate here is Webpack in my opinion, such a great technology. Man, I remember using jQuery and binding data manually (i still use it for some things) so either way we're winning and our job is a hell of a lot easier now because of these great frameworks!

[@hepthegreat4005]

Try vuenative. Native playground is awesome too.

[@striker865]

Why Vue.js is taking over the world? Because we don't learn from mistakes. Vue js is simply a slightly nicer angular binding syntax, which is slightly nicer than ember, which is slightly nicer than metoer, which is slightly nicer than knockout. Don't do it guys! We are stuck in a loop!

[@mahdinejad]

What's wrong with binding syntax of angular/ember/meteor/ko?

[@striker865]

@@mahdinejad there isn't anything wrong with binding syntax, I agree with you there. Also, I just want to add that the cycle is repeating itself. For example, you can think of knockout being version "1", and Vue being the latest and greatest version. How much nicer is Vue? How close to the finish line are we? Just some thoughts and concerns is all.

[@mahdinejad]

@@striker865 so, we have something which is not bad and we keep improving it every time. And you think that's somehow concerning? I really don't follow

[@striker865]

@@mahdinejad it's concerning because the templates can only take you so far. Template bindings work really well in largely static pages. Once you start writing if, else if statements, the niceness of templates starts to fall apart. They aren't fixing this, they are merely improving the syntax.

[@striker865]

@@mahdinejad like in the small knockout.js value binding is like so Meteor.js In angular it's In vue.js it's I mean, it's a bit shorter, slightly nicer, but most of the differences are like this. Like, it's not like these are ground breaking changes. Like I said it's worth switching to a new library for? Like these upgrades are debatable at best, they aren't tackling any of the real issues with templates.

[@abdallahrizk8787]

I just started react learning journey for a personal project and now I'm confused in what to use react or vue

[@jboxy]

just use Vue, easiest to start, if you want to try React you can, so the concepts are so insanely close, only different words

[@jboxy]

AdonisJS is the node version of Laravel, heard a few taking PHP. Good to try stuff

[@scigama71]

Great talk

[@andresfrr100]

A little bit old, but still useful video. I love Vue.

[@charleswoodruff9013]

"computed" is a Lotus Notes concept. Nice!

[@tarekkhatib6968]

great presentation thanks!

[@zealousprogrammer4539]

Because Vue is the only Pure Js Framework out there, Angular and React are soup with all kind of vegetable syntax [JSX, Typescript, flowjs] specially Angular I cannot find a single of JS although it claims to be it.

[@mikevaleriano9557]

"PURE JS FRAMEWORK!" **proceeds to insert all sorts of crazy stuff into html tags** Right...

[@zealousprogrammer4539]

@@mikevaleriano9557 You have to admit it is cleaner than React and Angular also you use Es6 *import to organize and avoid from separate folders.

[@mikevaleriano9557]

@@zealousprogrammer4539 Here's the thing at this point: it's all opinion based, and this is the next holy war in development. So no, I don't have to admit something I personally don't find to be true. I find React cleaner, and better than Vue or Angular in every single way; and while I will not be switching any time soon (or ever, but who knows?) I keep a healthy amount of knowledge about all the "hot" frameworks. I usually don't care about these crazy claims people do ("Vue is taking the frontend world?") because the titles of these talks need to be catchy and all. But then the "holy warriors" start actually attacking the "enemy" framework with untrue statements that are mostly opinion based. It's ego. It's nonsense. And unless it's PHP, you're good using whatever you ENJOY as long as you get paid.

[@mauricioe.matamoros8993]

Bruh, react is so JS that it’s a library not a framework

[@zealousprogrammer4539]

@@mikevaleriano9557 I like PHP still have some respect due to Laravel which is compatible with Vue, you're right whatever you enjoy most and getting [I am still a beginner]

[@perc-ai]

idk i like using the vanilla js with react, not some if else inside an html tag thats not really javascript

[@fahmiirfan6923]

There are trade off. Get some cleaner by hiding some complexity or get the power of Js but sometimes its need more efforts

[@MuhammadAdnan-gx6rd]

Lol

[@jboxy]

it will pay off in knowledge more when these frameworks die

[@tanko.reactions176]

well... what can i say... you convinced me!

[@SelfActualized174]

Vue looks a lot more intuitive and fun than React.

[@souzaramon1348]

because u r lazy

[@mikevaleriano9557]

Each to their own, I guess. You couldn't pay me to switch. Or you could, but you would have to pay a lot. Because Vue is garbage.

[@mikevaleriano9557]

@@GeeDeeDee "Oh no, random person on the internet said the thing I enjoy is bad! I better offend then directly! That will show them!" Grow up, trashcan.

[@tcindie]

It is.

[@vigilantezack]

@@mikevaleriano9557 what is garbage? I'd honestly like a few examples where Vue fails at something while React doesn't. I don't have a horse in the race, just curious about limitations and problems.

[@georgebeltran8536]

I don't understand why they always show react as easier to learn than angular, for me was the opposite by far. Taking about Vue, was the easiest one to learn and also my favorite one for WEB SITES specially when I have to use pre built themes with a lot of jquery stuff and for WEB APPS I go with angular, I just don't like react at all.

[@LeeKao]

The first point is silly IMHO, What framework isn't designed for developers? do you really think React wasn't built and designed for developers? Angular?

[@milanstojadinovic7419]

Best teacher on net

[@azimuth73]

The history related by her is more about the path she took to learn. Vue.js is more a mix & a simplication of backbone & Rivets. In order to escape from the Angular 1.0 mess.

[@jboxy]

Vue is more like angular two and onwards than Angular one that's what crazy (react is also)

[@yolamontalvan9502]

I haven’t even finished React and Angular and now we have another one? Vue.js? Is this a war between front-End frameworks? Why don’t they create one whatever.js and improve it? People don’t have the time to play with something new that may not as good as the next thing coming in.

[@Tigregalis]

The APIs are completely different. Vue is the closest to HTML+CSS+JavaScript, and focuses on developer experience in their APIs, their features, their ecosystem and their documentation.

[@wpleary2]

As I type this comment another JavaScript UI framework has sprung to life and will be taking over the world in 5 months.

[@A5tr0101]

Woo.js

[@A5tr0101]

@@wpleary2 No.js

[@jboxy]

learn one you know all three

[@inserthere6387]

lol great documentation: "since Vue doesn’t allow dynamically adding root-level reactive properties, you have to initialize Vue instances by declaring all root-level reactive data properties upfront, even with an empty value"....proceeds to do so, chrome spits out: "render function is trying to access a property that doesn’t exist" sry

[@A5tr0101]

Watch some videos & practice, clearly getting it wrong.

[@Welcometomyjourney20]

Wow. vuejs not hosted by big companies like React & Angular, but it is still the best!!

[@yongzeyao1337]

Alibaba is a big company that uses Vue.js a lot...

[@TheGargalon]

Comments are almost as bad as android vs ios discussion

[@jboxy]

I use both React and Vue, both have plus and minus-- i call them pretty much equal, syntax preference IMO. I'm not as big of a fan of so much Chinese (can't read it), but I'm also glad a major Corp didn't write Vue. Evan You is a smart fellow for sure. He's like the Potencier/Ottwell of PHP for JS frontend, in a league of his own. JS server side node is fun as well, Koa, Feathers, Strapi, Keystone, etc x100 -- and another list begins :(

[@DarioCangialosi]

ractive.js is good too

[@codenine]

If take a closer look at numbers you will find that mostly it's being used in China. We can't determine a framework popularity if its used by just 1 country.

[@tinle4109]

Well said! " take a closer look at numbers you will find that mostly it's being used in China." I stick with React JSX

[@DarioCangialosi]

vue.js is a most starred software in github

[@jboxy]

it's up there behind bootstrap a bit ahead of react by 10k. I remember when it was far behind React, Vue blew up

[@wpleary2]

I'm so tired of JavaScript UI frameworks. I don't care if Vue is better, I'm sticking with React for now. Too much time invested.

[@veramentegina]

gosh, i hate how coders become fanatics.. Bunch of them here.

[@JohnnBlade]

just another layer around simple shit

[@famousbadger3801]

No, it’s not :)