Trying Vue.js for the First Time 

The church of React will not forget this

next video: trying angular for the first time (GONE WRONG) (911 CALLED) *I GOT SICK*

Almost every major programming RU-vidr: Does relevant and essential programming videos. Techlead: How I clean my ear wax with gold (as a millionaire)

You're gonna get a lot of vues on this video.

Ben always has a smirk like he is making inside jokes with himself all the time. So meta!

As a vue fan I was on the edge of my seat during this whole video. I dont usually say that about youtube videos (let alone programming ones). Glad you liked it

“That’s just their version of prop types” “Okay, so that’s useless” 👌😂🌹

Can't wait for "Trying Angular2 for the first time"

7:07 - Well, I know what this type is now *typing "any" That's where I smashed like btn

Typing "class" into HTML feels veird? :D Typing className is veird!

He lighted green light in the background for making "Vue mood" .

1:47 “uh oh, my vue code is emo”

3:12 you won't have type issues if the user doesn't even know how to pass the wrong type, thats a big stonks right there

1:46 "oh, my vue code is emo" LMAO

What I like about Vue is it's simplicity. Templates are pretty much plain HTML and data manipulation and events are pretty easy

Next video: "React dev codes a Vue crud app"? Would be fun and very clickable!

This is what I did last xmas - the two biggest things that make vue stand apart from a *cultural* perspective IMO; * progressive "incrementally adopt" approach to functionality (Ben you probably noticed this, you could just 'add on' as you needed and the docs were right there telling you how to) * A solid API that hasn't really changed since 2016, no real major deprecations ( a couple of attempted deprecations but unlike React they actually consult the community on these matters!) Also - did you know vue supports JSX? I think that's how you might get your typescript checks working.

Was looking forward to this :D

7:05 "Well I know what this type is now". You got me laughing there 😂

not considering myself a vue+typescript expert but I have been working on vue+typescript for more than a year. So the way it works is that you don't need to assign types when you are in the template. You need to define that when you are in the script. And part of it is because, unlike react, vue complies temples like angular's HTML.

Jump cutting out all the intermediate typing and reading the docs is AMAZING. Love it. Most of us don’t need hand holding.

The “I don’t know what the type is... I know what the type is now” made me laugh so hard because I literally did that a few minutes ago

me: oh, he's talking about vue, maybe he will do one about svelte Ben: Ive been trying svelte me :0 Ben: and ive kind of liked it me: and you didnt make a video about it!?!?

The reactions are hilarious 🤣🤣🤣🤣🤣 I'm a recent Vue convert myself

it's kind of weird to hear people saying it's 'weird' to use "class=xxx" instead of "className=xxx" in their template.... lol

In the template, it's JS only, no TS, as far as I can tell. You absolutely can use a lambda in the @click="". Event type is just `Event`. async changeLanguage(e: Event) { // (e.target as HTMLInputElement).value //... }

7:07 "Well, I know what this type is now." 😂 That's hilarious :D

Thanks for showing us to all React developers that we’re not really missing anything.

what chrome extension was he using to get the keyboard shortcuts on chrome?

Haha! Nice ending ^^ I'm a react webdev about to Start a new position as Vue webdev... after watching your video I feel more ready and can't wait to start that wonderful journey. 🙌 Thanks for sharing!

Vue 3 was recently released built with Typescript in mind and has first class citizen support.

Awesome video - really good to see how someone else explores and learns new tech.

Vue is hands down, no questions asked so much better than react. React has too much crap going on with it and too many ambiguities. Too many libraries to choose from in react and it makes the developers exhausted from trying and selecting which ones to use. And react third-party libraries keep changing. Vue makes it easy and has the core team working Vue-router and Vuex. So you know what to use right off the bat. You DONT need to learn JSX, so that’s one less thing to learn and think about and being a developer, this matters a lot. Vue is so much easier to understand and pick up and debug because it’s so easy to understand relative to how complicated react is to understand. Most react developers have no clue what they are actually doing and they are just using react because everyone else is. Vue, you can pick up and fully understand in less than a day. Whereas, react it could take weeks to months. Vue also isn’t controlled by any corporation like react is with Facebook. The Vue team listens to the developers and they are on top of things. Lastly, Vue got to where is it without the backing of a large company name like react with Facebook and angular with google. This is because it is THAT GOOD by itself and didn’t need to be back by a big company to gain popularity. The rise in popularity is purely organic. Vue is the best front end framework on the market in my opinion. I used to be a react dev for 4 years and now I’m fully switched over to Vue. React is a fucking nightmare to work with and when I switched to Vue, I felt like all my problems were solved! LOVE VUE ❤️

6:55 Good ol 'any' solving problems since the beginning of times.

When using Vue you don't need to use Pure components/React.memo as it internally takes care of the dependecies. That's the coolest thing about vue.

As a JSX fan, when i started using vue it felt really weird to me, and the the thing that bothered me the most was having my template at the top but when you put the script tag at the top and start using vue with composition api or typescript, man it was somehing else, i fell in love with it right after that

this video is super chill just started out learning coding I like the video format your doing. its help me understand better the mind behind coding

Vuex is one of the main reasons I prefer Vue over React. Vue and vuex are made exclusively for each other and are not interchangable with other frameworks - which is great - much less friction when modifying state.

Been programming for a year, using Vue for a month and its the first time I watch a coding video that makes me laugh from time to time, thank you.

I choose Vuejs as my first front end framework to learn. I pass the course on udemy and start use it at work.. funny thing is that version 3 came right the next day after I have finished my studies. Now I will finish mvp at work and will do migration to vue 3

when you assign a property to v-bind directive, if you want to send a string you would do: v-bind:prop="' ' Hello ' " also, you don't need to write v-bind you could do just :prop=" ' Hello ' ", great video Ben! I've been following you for a while because I want to learn React, thanks for sharing your content is gold.

that "reactive" state management from vue3 is literally laughing out loud at all my suffer to understand Redux with only one line

Vue is great! I am interested to see if you think react is still the king after being in vue a little more extensively lol There are some great vue extensions in vs code and vs co-sign that help with some of lifting/auto complete stuff you mentioned :)

This dude learning in a few seconds what took me a whole day

Vue state management feels like a breath of fresh air after dealing with old react state for so long. Hooks definitely helped but still not at Vue level.

7:06 "well I know what this type is now" hahaha

You are the best React teacher on youtube nowadays It's incredible how in one year. You beat TraversyMedia, Web Dev simplified, Net Ninja and Dev Ed in quality of content I can't believe these guys have more subscribers than you You made me realy love react and typescript, and you are supersmart aswell I think only one youtuber, who is close to you is CJ Garden You should do Code Catas with him . That would be clash of the titans for me :) Sorry for bad english and Thank you for superGreat free content. I was wrong about you. I'm sorry

Vue was my favorite framework about a year ago. I came back to it recently and man, its gotten way more complex!

People are still talking about there being only one king. Open your mind people, the market is so big that you can't just have one King. Currently you have enough capacity for four kings or more. Let's say those kings are Vue, React, Svelte, Angular (Respectively XD)

Angular and Vue are used by the same rebels who do red sql. I prefer for(...){} above

Can someone explain the value of reading the docs when learning. You can't intuit everything.

If you want more typescript, use only the vue setup function with the composition API. You can replace data, computed, methods, etc just by returning object from setup function and it has better typescript support. I’ve fully switched over and I’m not going back

It’s funny he likes the template syntax so much because it’s a lot like Angular’s.

I was just about close the video b4 the end bro but I was tempted to watch. Just to make it clear, React is still the king!🔥🔥🔥

Anyone know the name of that util that marks the links with what I assume to be keyboard shortcuts? Can be seen at 1:10

How did you enable that characters on each controll of page. I wanna do the same. It's convinient I guess 1:12

My experience with frontend frameworks so far is that vue is the best all round framework, react is just as good for highly technical teams, angular is just a bore and svelte was promising until i figured out you couldn't really easily mutate slot content the way you can with vue. Vue3 has a way to go with typescript, specifically tooling, vetur needs better typescript suppprt in templates. But the core of vue3 is typescript now so the future is bright

This could easily be renamed to `Trying Angular for the First Time`

Hey Ben, when React is still the king for you, it would be very interesting to tell, what do you like more in React.

Weird how much YT algorithm loves your content

Great move dude! You gonna love it!

So... When we are going to see a red light in your background? 👀

Hi Ben. How do you show the shortcut keys for each link on the page at 1:10 ?

I enjoyed so much React but when I got a project using Vue....boy..... it's so cool!!

I like vue because it is different enough from vanilla JS that it doesn’t feel like I’m replacing JS with a framework. As a proud vanilla js developer I take pride in that, as opposed to some other frameworks that are sort of a different version of JS and it feels like I’m sort of undoing What I’ve learned. I prefer something that compliments my current JS not something that completely takes over it

The directives remind me of AngularJS days!

Came for VueJS stayed for Vimium

FYI: the use of v-bind: isn't necessary. You can abbreviate it by just using : (E.x. :msg="5")

Svelte is awesome. So little boilerplate and encourages you to try to keep your apps small without preventing you from using libraries if you wish. Great balance.

@submit.prevent="onSubmit" that's how you prevent default in vue😉

Hey can I know how did you control your browser with keyboard keys only.. which software is it?

From a theoretical POV flutter is superior

Me: "Vue is now the king"

Can you make a video to tell us why react is still the KING ?

this is pretty cool! it honestly doesnt look that different from angular. angular just has an html file instead of a . and the last part is just dependency injection :) overall it looks like these frameworks are pretty similar tbh

Make a series called “Ben Tries” or something. Svelte next??

I'm so happy Ben is experiencing the exact same feeling I had when I was trying to make TS works in Vue lol

The reactive stuff instead of vuex is fine but with VueX you can make it more scalable and allow you know where mutations and actions before mutations happen. Keeps your code seperated and ensures that you can trace back any bugs that may arise.

What's that thing that you're using to use your keyboard to click buttons?

watching video after a video and noone points out that vue is more flexible when it comes to working with your backend. Ract pure js and can generate static html + work with node. Vue can be attached to existing DOM elements printed out by php, just like angularjs, can do static html and can work with node. For me thats the biggest advantage just after how easy and fun to use it is.

Comprehensive list why I don't care about react 1. Its not vue

“That’s just their version of prop types. Ok, so that’s useless” Seems about right

I'm jealous at how fast you're learning this

The framework itself has typescript support, but it was introduced in 3.0, which was officially a few days ago. So some of the toolings may not work as expected. The documentations, browser extension, Vetur are all being updated still. It literally came out a few days ago, and since Vue 3 is new, there aren't a while lot of people who are expert at Vue +TS

I like your videos, I mean your style, so funny yet useful :D

Love how you just dive in!

Him: i hope theres a vue expert watching Me: oh yeah thats my friend from school

Try adding vue-class-component and vue-property-decorator. I think that takes Vue to the next level.

If you like react and hooks... Oh boy, you're in for a treat. Vue composition api is so clean. You don't even need to write all of that data, methods, computeds etc in options anymore. Pieces of data flow are easily refactored out of the component.

Using vue with webstorm is heaven

This is cool and all but I'll stick to my pseudocode for web dev

Try creating and publishing a component in Vue 3 using TS then import and use it in another Vue project. You will Love :( Vue after that. I promise. React is still the King.

1:10 - What extension you're using to have those keyboard shortcuts? [EDIT]: Nevermind, I've used my senior developer search abilities and found out it is Vimium.

Very interesting, might make a React-ion video on this!

welcome to the good side

I love this! live learning, and it looks like Ben loved Vue, RIP react

7:05 this was hilarious

Templates are only referring to the TS variables in your script code, which is where you define the types, not in the template. JS in templates is really just for string interpolation and basic control structures. Not sure why you would want to redefine a type in your template that has already been defined in the script.

React will always be the king 👑

I think you is going to like Vue with JSX, give it a try! Great vid.