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

แชร์
ฝัง
  • เผยแพร่เมื่อ 8 ก.ค. 2024
  • 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
    @MonsterlessonsAcademy  2 ปีที่แล้ว +1

    Learn 5 must know Javascript concepts - th-cam.com/video/f-_6nHwJDp8/w-d-xo.html

  • @foxdie8106
    @foxdie8106 2 ปีที่แล้ว +26

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

  • @NamNguyen-oz8uj
    @NamNguyen-oz8uj 2 ปีที่แล้ว +3

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

  • @barrowmusics
    @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.

  • @arjayarjay8856
    @arjayarjay8856 2 ปีที่แล้ว

    Thanks for putting this video. It's awesome.

  • @egonknapen4079
    @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
      @MonsterlessonsAcademy  2 ปีที่แล้ว +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.

  • @SanjeetKumar-xd3ne
    @SanjeetKumar-xd3ne 2 ปีที่แล้ว

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

  • @praktycznewskazowki6733
    @praktycznewskazowki6733 2 ปีที่แล้ว +2

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

    • @MonsterlessonsAcademy
      @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.

  • @ninecrowns7092
    @ninecrowns7092 2 ปีที่แล้ว +3

    Good stuff! Now try building it with Svelte :D

    • @MonsterlessonsAcademy
      @MonsterlessonsAcademy  2 ปีที่แล้ว +1

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

  • @jurycould4275
    @jurycould4275 9 หลายเดือนก่อน +2

    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
      @jurycould4275 9 หลายเดือนก่อน

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

    • @jurycould4275
      @jurycould4275 9 หลายเดือนก่อน

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

    • @MonsterlessonsAcademy
      @MonsterlessonsAcademy  9 หลายเดือนก่อน +1

      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.

  • @digitaldata-surveying
    @digitaldata-surveying 2 ปีที่แล้ว

    nice work thanks

  • @joshuaheathcote2116
    @joshuaheathcote2116 ปีที่แล้ว

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

  • @softblood1941
    @softblood1941 2 ปีที่แล้ว

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

    • @MonsterlessonsAcademy
      @MonsterlessonsAcademy  2 ปีที่แล้ว

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

  • @mfturkcan2247
    @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
      @MonsterlessonsAcademy  2 ปีที่แล้ว +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
      @mfturkcan2247 2 ปีที่แล้ว

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

  • @InfiniteTwice
    @InfiniteTwice 2 ปีที่แล้ว +1

    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
      @MonsterlessonsAcademy  2 ปีที่แล้ว

      I used state manager in all 3 of them

    • @InfiniteTwice
      @InfiniteTwice 2 ปีที่แล้ว

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

    • @MonsterlessonsAcademy
      @MonsterlessonsAcademy  2 ปีที่แล้ว

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

  • @CodingAbroad
    @CodingAbroad 2 ปีที่แล้ว +12

    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
      @MonsterlessonsAcademy  2 ปีที่แล้ว +5

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

  • @bennyban6604
    @bennyban6604 5 หลายเดือนก่อน

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

    • @MonsterlessonsAcademy
      @MonsterlessonsAcademy  5 หลายเดือนก่อน

      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
      @bennyban6604 5 หลายเดือนก่อน

      @@MonsterlessonsAcademy no thanks i want only see the code

  • @szeredaiakos
    @szeredaiakos 2 ปีที่แล้ว

    Tried React SOLID? AKA class based?

    • @MonsterlessonsAcademy
      @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
    @han1218 9 หลายเดือนก่อน +1

    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.

  • @m-ok-6379
    @m-ok-6379 9 หลายเดือนก่อน +1

    Vue is just easy to use.

  • @indianthuglife2395
    @indianthuglife2395 3 หลายเดือนก่อน

    Why no black t-shirt

  • @Samaelish
    @Samaelish 2 ปีที่แล้ว +1

    So, Vue won?

    • @MonsterlessonsAcademy
      @MonsterlessonsAcademy  2 ปีที่แล้ว +1

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

    • @Samaelish
      @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
      @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
      @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
      @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
    @user-dp2po9wi2t 9 หลายเดือนก่อน

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

  • @moegreen8543
    @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
      @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