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

Video Statistics and Information

Video
Captions Word Cloud
Reddit Comments
Captions
some time ago i created three different courses about building a real application from scratch to production in three different frameworks in react angular and vue and it was a clone of medium website with a lot of production features and in this video i want to share with you how long did it take to implement the project in every framework and what problems did they have [Music] the application that i implemented is not a to-do list or a small block it's a fully functional real application with authentication pagination working with api fetching data liking and disliking articles following users and much much more in every application we just built the front-end part and skipped back and completely because we were using public api with already prepared requests also i need to mention that they have quite a lot of experience in all these three frameworks which means i didn't spend any time to google some use cases or how to implement things and if you are interested in any of these courses i will link them down in the description box below the most interesting question is of course what framework was the fastest to implement the project and they typically spend one or two hours in the evening so it was not the full day and also i didn't cut any corners and didn't implement things fast so everything is built in the scalable dry and easy to understand way and on the first place is obviously angular but of course from the end because it took me almost two months to implement the project while sitting there every single evening and this is happening of course because angular is quite verbose and we also need to define everything with the help of typescript i also used insight in george which is the most popular solution for state management inside angular but it is also quite verbose on the second place is react with react hooks and actually the development time was really fast and they implemented it in nearly two weeks but the main problems while developing were nasty bugs with react hooks because as you know react hooks are not easy and you can get some stale values inside your effects and this is really tricky to fix in react hooks project the code was short and easy to reuse we also didn't have a lot of files and also i didn't need any additional libraries like for example redex because i was using directly react context and use reducer hook to manage the state of the whole application and actually the unexpected winner here is vue i implemented their project in less than a week and mostly the code was really similar to react but they didn't get any nasty bugs there and it was easier to write also we are getting viewex together with view out of the box so it was also nice experience and actually what really makes code faster and easier to read are computed properties inside view this additional property inside view which are calculated reactively based on other properties so when some properties are changed inside our component all our computed properties will also be changed and it makes your code extremely easy and reactive also you can say that vue has really human readable errors this is why even when i have a bug there it was really easier to fix in comparison to react or especially angular the next important thing to compare is the amount of bugs obviously while developing and later from the students i got some bugs in applications and actually in angular almost all bugs which were difficult to fix were inside angular router because actually subscriptions inside angular router didn't work how i expected them to work when the component was remounted other than that typescript made it really easy to find bugs and typos in react almost all bugs are coming from react hooks and you have normally two problems either you are getting some stale values inside your state or your component is being rendered too often and then you need to sit there and understand why it is rendered too often and how you can prevent it and the bugs in view were the easiest to fix and human readable messages helped a lot for debugging and here is one important point i still think that we can't build a big production applications without typescript and actually we can use typescript with any of these frameworks but actually here is a huge difference inside angular we are getting typescript out of the box by default which means all set party libraries people are writing directly with typescript but actually it's not like this inside reactor view because it's not the part of the ecosystem sure you can use typescript with any of these frameworks but first of all with view 2 it was a little bit tricky with view 3 it is better but all third-party libraries can still be written with either javascript or typescript and obviously when they are written with javascript they are less stable this is why for big production applications i like react or angular because first of all in angular you are getting all libraries covered with typescript and in react at least all popular libraries are built already with typescript so what should you use as always it depends if you want to find the job the most popular framework is obviously react then goes angular and only then goes few if you want to get more money normally angular is paid better than react because it is first of all less popular there are less developers there and the level of entrance is much higher and if you never used any frontend framework i highly recommend to start with vue because from my perspective it is the easiest but obviously all these three frameworks are awesome they have kind of the same set of features performance and architecture which means you can build with any of these frameworks any project also if you want to know five most popular javascript interview questions don't forget to check this video also
Info
Channel: Monsterlessons Academy
Views: 12,832
Rating: undefined out of 5
Keywords: monsterlessons academy, same project in react angular vue, real project in react angular vue, project in react angular vue, project in angular vue react, project in react vue angular, project in vue react angular, project in vue angular react, project in all frontend frameworks
Id: CHEyx4a_xoM
Channel Id: undefined
Length: 6min 13sec (373 seconds)
Published: Tue Sep 21 2021
Related Videos
Note
Please note that this website is currently a work in progress! Lots of interesting data and statistics to come.