Angular vs React vs Vue. I Built Project in All Frontend Frameworks

Angular vs React vs Vue. I Built Project in All Frontend Frameworks - Which One Is Better?

Рет қаралды 12,966

Күн бұрын

Angular vs React vs Vue. Which one is better? I built project in all frontend frameworks: React, Angular and Vue because I have 3 different courses regarding each framework. In this video I want to compare on the real example with which project it was faster to implement the project, where I had more bugs and which framework is most suitable for you either for learning to earn money or to build your next production application
TIMESTAMPS
0:00 Angular vs React vs Vue
01:09 How much did it take?
03:28 Where are most bugs?
04:20 Why Typescript is important?
05:19 What framework should you use?
► CHECK MY COURSES - monsterlessons-academy.com/co...
FOLLOW ME
► TWITTER - / monster_lessons
REFERENCES
► Vue + Vuex course - monsterlessons-academy.com/p/...
► Angular + NgRx course - monsterlessons-academy.com/p/...
► React hooks course -monsterlessons-academy.com/p/...
RECOMMENDED VIDEOS
► My editor setup for web development - • Best Text Editor for W...
► Angular Tutorial for Beginners - • Angular Tutorial for B...
► Vue JS Crash Course - • Vue JS Crash Course fo...
► React Hooks Full Course - • React Hooks Tutorial f...
► Typescript Course for Beginners - • Typescript Crash Cours...
► Build a Todo App with Angular - • Build a Todo App With ...
► Creating custom select library - • Custom Javascript Drop...
► HTML Price comparison - • Practice CSS and HTML ...
► How to build Quiz with React hooks - • How to Build a Quiz Wi...
MY COURSES
► NestJS course - • Nest JS Project From S...
► Docker + Docker compose course - • Docker Compose Tutoria...
► Angular + NgRx course - • Angular Course 2021 - ...
► Vue + Vuex course - • Vue Course With Projec...
► React hooks course - • React Hooks tutorial b...

Пікірлер: 62

@MonsterlessonsAcademy 2 жыл бұрын

Learn 5 must know Javascript concepts - kzfaq.info/get/bejne/nJOPadF53LCooGw.html

@foxdie8106 2 жыл бұрын

Angular is the best choice for big apps, but you need to learn a lot in order to create good apps with it.

@MonsterlessonsAcademy 2 жыл бұрын

Totally agree!

@NamNguyen-oz8uj 2 жыл бұрын

Very detailed comparison, great content. Thank you very much!

@MonsterlessonsAcademy 2 жыл бұрын

Glad it was helpful!

@barrowmusics 2 жыл бұрын

I can´t alway see your video on youtube and dodge it, your contents are always attractive to sit , watch and listen i seriously like your style to be honest even if am not getting what you teach at some point i always say to myself that this man is really teaching something great i must get it at all cost.

@MonsterlessonsAcademy 2 жыл бұрын

I appreciate that!

@SanjeetKumar-xd3ne 2 жыл бұрын

Hi Oleksandr, Can you short video on how to make sidebar navigation for routing, like KZfaq or angular ngrx docs has.

@MonsterlessonsAcademy 2 жыл бұрын

Thanks for the idea. I will add it to future videos.

@arjayarjay8856 2 жыл бұрын

Thanks for putting this video. It's awesome.

@MonsterlessonsAcademy 2 жыл бұрын

Glad you liked it!

@egonknapen4079 2 жыл бұрын

I rather be more interested in knowing which one would be easiest to continue to work in after you have 1-2 years invested. I have been using angular 2 almost non stop since august 2016. I often refactor some parts when they grow, and it's made very easy with typescript and compile time errors. There are some things that I find still difficult or lots of work or don't work as I hope, one of them is more complex routing with matrix. The other is complex custom components. So you have a project, you know how it works. And now you want to add a few new pages, with some new custom components, which one is easier/fast/more stable/more fun. So just like this video, but now you want to add some more features.

@MonsterlessonsAcademy 2 жыл бұрын

For sure Typescript helps a lot so I would use any framework with TS. Also I'm a huge fan of Redux so in any of the I would use it which eliminates all logic from components. After that it's not a lot which is written in components so I don't see a lot of difference what framework to use for scalability.

@ninecrowns7092 2 жыл бұрын

Good stuff! Now try building it with Svelte :D

@MonsterlessonsAcademy 2 жыл бұрын

Good idea. Will probably do it in future. My expectations is it will be on Vue level.

@mfturkcan2247 2 жыл бұрын

Do you suggest angular to who is full stack dev moving from react? Isn't 2 months too much with angular compared to vuejs.

@MonsterlessonsAcademy 2 жыл бұрын

It's a difficult question. If I have a long term project (more than a month) I want static typing by default because it is easier to refactor and scale. But initial amount of time is doubled. You will see benefits with every next feature or bug where you spend time. In Angular Typescript goes out of the box and all libs are written with TS which makes it's safer compared to React world. This is why lot's are big projects are written with Angular. P.S. As always it's more a use case and personal preference. I like Angular because it's better paid. This is the most important for me.

@mfturkcan2247 2 жыл бұрын

@@MonsterlessonsAcademy Thank you, I will probably do the same thing as you. Didn't get the notification that why answered that later

@digitaldata-surveying 2 жыл бұрын

nice work thanks

@MonsterlessonsAcademy 2 жыл бұрын

You are welcome!

@joshuaheathcote2116 Жыл бұрын

I came across you with the **REACTJS CAROUSEL**, lucky find for me for sure!

@MonsterlessonsAcademy Жыл бұрын

Happy to hear!

@InfiniteTwice 2 жыл бұрын

Why you have used a state manager only on angular? Moreover angular is the one who need less a state manager, since have services and dependency injection.

@MonsterlessonsAcademy 2 жыл бұрын

I used state manager in all 3 of them

@InfiniteTwice 2 жыл бұрын

@@MonsterlessonsAcademy you have used context api in react, right? Can be considered a state manager?

@MonsterlessonsAcademy 2 жыл бұрын

Yes you are right. And Context api is the low level example of state manager.

@praktycznewskazowki6733 2 жыл бұрын

I like angular, i like that everything what i need is includes

@MonsterlessonsAcademy 2 жыл бұрын

Yes that is certainly a benefit but the level of entrance is much higher and the amount of code that we need to write is bigger.

@CodingAbroad 2 жыл бұрын

I love Angular and I think it’s main edge over the other 2 is when you’re doing really complicated forms like form arrays. If I’m building something smaller and simpler I’ll go for vue. I’ll also use vue for multi page web sites just like how we used jquery. I can’t stand react and everything it stands for lol

@MonsterlessonsAcademy 2 жыл бұрын

Yes angular really shines with forms and typescript out of the box but sometimes it may be more complicated than needed.

@jurycould4275 9 ай бұрын

Eveeryone claiming Angular is good for big apps, hasn’t used it for a big app yet. The fact that people struggle or used to struggle with hooks obviously cannot be ignored. It’s just that I can’t empathise, because it’s been clear to me how they work from day one and I’ve never caused any nasty bugs with them. I have however encountered many bugs created by others and again the hooks are exactly never the issue, but a complete lack of competence in logical thinking.

@jurycould4275 9 ай бұрын

If you prefer angular over react it very likely means you are below average IQ and should find another profession 😂😂😂

@jurycould4275 9 ай бұрын

“Muh but the docs says i need to put all deps in the deps array, why no worky” 😂😂😂

@MonsterlessonsAcademy 9 ай бұрын

You can build any apps with any of them. But Typescript out of the box and all libs covered with Typescript is a huge Angular point for me.

@bennyban6604 6 ай бұрын

can you please share the github links for this projects, i want to inspect the diffrences

@MonsterlessonsAcademy 6 ай бұрын

These are 3 paid courses so I can't share their code monsterlessons-academy.com/courses/angular-and-ngrx-building-real-project-from-scratch monsterlessons-academy.com/courses/vue-and-vuex-building-real-project-from-scratch monsterlessons-academy.com/courses/react-hooks-building-real-project-from-scratch

@bennyban6604 6 ай бұрын

@@MonsterlessonsAcademy no thanks i want only see the code

@softblood1941 2 жыл бұрын

( Vue 3 / Composition API and TypeScript ) is the New King.

@MonsterlessonsAcademy 2 жыл бұрын

That depends on your taste. I don't really like composition API. For me options api in vue was simple and understandable

@szeredaiakos 2 жыл бұрын

Tried React SOLID? AKA class based?

@MonsterlessonsAcademy 2 жыл бұрын

Is it a library? Or you mean just React classes? Sure I used React classes before it's not that different from hooks but the whole React ecosystem is going in hooks, functional way so it doesn't make a lot of sense to write classes.

@han1218 10 ай бұрын

A lot of the problems with Angular is the steeper learning curve, but once you know it, it's amazing how you can switch from one project to another and be productive very fast, because it is very opinionated on the file structure of the project, as well as it uses the same core libraries to accomplish majority of what you need.

@MonsterlessonsAcademy 9 ай бұрын

Yeap!

@m-ok-6379 9 ай бұрын

Vue is just easy to use.

@MonsterlessonsAcademy 9 ай бұрын

Yeap

@indianthuglife2395 3 ай бұрын

Why no black t-shirt

@MonsterlessonsAcademy 3 ай бұрын

It was in washing machine

@Samaelish 2 жыл бұрын

So, Vue won?

@MonsterlessonsAcademy 2 жыл бұрын

From the time that I spent on implementation and the lowest amount of bugs yes.

@Samaelish 2 жыл бұрын

@@MonsterlessonsAcademy so doesn't it have as many job offerings? Vue has been with us for years, but atm React is still king for some reason. Why don't HR guys search for the best instrument for their company?

@MonsterlessonsAcademy 2 жыл бұрын

@@Samaelish The problem is not related to the technology at all. It's all about promotion, ads and backup. The thing that is promoted more is more popular. React is being stronger promoted, is backed up by Facebook this is why it is a king. Vue and React are super similar and what you choose is a matter of taste or taking something that are more "popular".

@Samaelish 2 жыл бұрын

@@MonsterlessonsAcademy what I want to say is for someone who is looking for a first job in web development, React seems to be a forced choice.

@MonsterlessonsAcademy 2 жыл бұрын

@@Samaelish Mostly yes as it's the most popular framework but for junior position as a company I don't expect any major knowledge from the person at all so in big cities you might get other framework or plain JS depending on the company.

@user-dp2po9wi2t 10 ай бұрын

Мне кажется или я когда-то слышал тебя на русском

@MonsterlessonsAcademy 10 ай бұрын

Не может быть

@Alex.Shalda 6 ай бұрын

😅

@moegreen8543 2 жыл бұрын

First, can I ask you not to speak English so quickly? It is difficult to follow the thought. Secondly, I would like a link to the angular project to see the best practices

@MonsterlessonsAcademy 2 жыл бұрын

Hi Moe, you can slow down video in player settings. Here is my Angular + NgRx course monsterlessons-academy.com/courses/angular-and-ngrx-building-real-project-from-scratch