Angular vs React.js vs Vue.js - My Thoughts!

  Рет қаралды 928,076

Academind

Academind

7 жыл бұрын

Angular, React.js or Vue.js? I get this question a lot! Let me share some thoughts on it with you!
Join the full React.js course: acad.link/reactjs
Or dive into Angular: acad.link/angular
Or explore Vue.js: acad.link/vuejs
Want to read instead of watch? Here you go! academind.com/learn/javascrip...
Check out all our other courses: academind.com/learn/our-courses
----------
JS Framework Benchmark: github.com/krausest/js-framew...
----------
• Go to www.academind.com and subscribe to our newsletter to stay updated and to get exclusive content & discounts
• Follow @maxedapps and @academind_real on Twitter
• Join our Facebook community on / academindchannel
See you in the videos!
----------
Academind is your source for online education in the areas of web development, frontend web development, backend web development, programming, coding and data science! No matter if you are looking for a tutorial, a course, a crash course, an introduction, an online tutorial or any related video, we try our best to offer you the content you are looking for. Our topics include Angular, React, Vue, Html, CSS, JavaScript, TypeScript, Redux, Nuxt.js, RxJs, Bootstrap, Laravel, Node.js, Progressive Web Apps (PWA), Ionic, React Native, Regular Expressions (RegEx), Stencil, Power BI, Amazon Web Services (AWS), Firebase or other topics, make sure to have a look at this channel or at academind.com to find the learning resource of your choice!

Пікірлер: 1 600
@gregs_on_tracks
@gregs_on_tracks 5 жыл бұрын
That Vue is not backed by any big company is one of its biggest strengths. It created a very friendly and collegial community,where the contributors support each as the survival of everyone depends on the overall quality of the ecosystem.
@darrenking8941
@darrenking8941 7 жыл бұрын
Whether or not you agree with Max's conclusions, I appreciate how he acknowledges that personal bias/preference come into play when making these kinds of comparisons. So often these kinds of discussions devolve into (sometimes highly technical sounding, and sometimes not!) tribal warfare. Humility and self-awareness are SO essential in these matters; and are traits sorely lacking in our industry. While we're trained to reason well about our code, we often do that much less successfully when thinking critically about our own perspectives. Ultimately though, that can prove just as costly. It just doesn't "break" anything immediately, and so it tends to slip through the cracks much more often. Also, our various communities can be very friendly -- within the ranks. But the tone BETWEEN communities often leaves much to be desired. We can do better.
@academind
@academind 7 жыл бұрын
Amazing comment, I couldn't agree more. As you say, we're all biased but I never understood why would insult each other based on some strange "code religion" if in the end we're all trying to do the same thing: Build great code and therefore apps and do that with enthusiasm!
@dancancro5524
@dancancro5524 7 жыл бұрын
I commented this link above but I am really curious what you think of a solution to this very big problem like the following tool. It is meant to provide factual, exhaustive, objective, technical comparisons of things. The only problem is that I can't get a single person to contribute a single fact about something they know. There's so much changing information about things that it will never work with only me on the job. The data contained within comes primarily from my own readings about things, but if a few or many others pitched in it could be really helpful. www.techtradeoffs.info
@dsmyify
@dsmyify 7 жыл бұрын
Darren King that was a great comment. Developers are not alone in their bias towards the latest fad (not that I'm saying these frameworks are a fad). It's the hype cycle I suppose and business management are similar in applying the latest greatest thinking from McKinsey year on year. As developers we invest time in learning one framework, and as we do we identify with it more, our identity becomes rooted in the community, we need to defend our decision, we have to defend our identity, until the next fad comes along and we all retool. Companies do not help, they expect developers to have experience in one framework and, from experience, do not hire those that need to retool into another. The best technology doesn't necessarily become the standard. The technology company that set's the standard controls the industry. The industry is still young. This was a useful video Max. Thanks!
@ErikSjaastad
@ErikSjaastad 6 жыл бұрын
I feel a little sheepish to admit it, but after 20 years of knowing a little about a lot and a master of none, I finally have a preference! His comments really hit hit home when he talked about having to use className vs class. I took to it as an upgrade and not a deterrent. I haven't tried Vue yet but I kind of like where I with React and being able to stick a component anywhere is a huge advantage when the scope of your job is modulare. This might be in part that I'm a contractor and get tossed in to new environments all the time.
@youneskasdi
@youneskasdi 6 жыл бұрын
I find it funny how developers communities would be ready to attack you with full force if you mentioned using different framework or different way of working in general
@RockCYP
@RockCYP 7 жыл бұрын
Having tried all three of them, think vuejs is the simplest and most easy to work with.
@jakubrpawlowski
@jakubrpawlowski 7 жыл бұрын
Petros Kyriakou I recommend all of you who think like Petros and Max- try Riot.js - it has all the Vue and React advantages but 0 bloat, no JSX, built in observable and the most simplistic and beautiful syntax. I come from AngularJS background and I do not like Angular 4 for the reason it's too big so it takes forever for your first time customers to see your app on mobile. Riot.js is king.
@aArcziMetin2
@aArcziMetin2 7 жыл бұрын
If I need to be honest with you, I would be pretty scared to use it in a big project.
@jakubrpawlowski
@jakubrpawlowski 7 жыл бұрын
If just about 12 thousand stars on Github don't convince you then I don't think my opinion will bring you any courage either. If you ever find yourself in need of real mobile first framework though: come back and see for yourself how we attracted so many members of communities like Preact, Inferno, Vue and Polymer.
@jakubrpawlowski
@jakubrpawlowski 7 жыл бұрын
Also answer for yourself would you rather use a compact and simple framework that You use 90% of, or large and complicated framework that you use 10% of? I don't know if you remember "Little Prince", but its author- Antoine de Saint-Exupéry said something awesome that I live my minimalist life by: Perfection is achieved, not when there is nothing more to add, but when there is nothing left to remove.
@aArcziMetin2
@aArcziMetin2 7 жыл бұрын
I do actually work with react native. I do really don't get it if all the things Riot.JS has are so good and the size is so important in this case, I would like to know why to Rect Facebook Team does not use Riot.JS futures and implement it into React?
@VURGINN
@VURGINN 7 жыл бұрын
LoL... "It's like angular and react have sex" - Max 2017
@destructhit
@destructhit 7 жыл бұрын
ChroniZz i think the same
@shahe1169
@shahe1169 7 жыл бұрын
haha... I thought he was gonna say baby but he really went for the word
@destructhit
@destructhit 7 жыл бұрын
Next coming. "(Laravel) It's like Rails and PHP have sex."
@academind
@academind 7 жыл бұрын
...That's actually kind of true :D
@mrmagnetic927
@mrmagnetic927 7 жыл бұрын
I'm certain that a majority of large frameworks widely used will phase into lighter weight solutions. LargeApp.replace('Angular/React/Ember/Jquery', 'VueJs') LargeApp.replace('PHP/Rails', 'Python') LargeApp.replace('bootstrap/foundation', 'css grid') just my opinion.
@vikramkrishnan6414
@vikramkrishnan6414 6 жыл бұрын
Personal opinion - Angular Pros: 1. Can be scaled to large teams 2. If you have a large team, and you are adding new members who are not super-experienced, it is less likely that their mistakes will cause catastrophic failure 3. Templates are separate - this means you can have your design team create the HTML and CSS and you can add your JS bits 4. Since all major dependencies are courtesy of the Angular team, low risk of dependency hell Angular Cons: 1. Typescript makes things verbose, you typically would need more man hours to create the same functionality in angular than you would in React or Vue 2. Angular 1 to 2 major API breakages 3. Google uses Angular, but it is not used in their flagship products like Mail (eating your own cooking typically produces pragmatic decision making) 4. Angular JS team is seen as insular (and rightly so). Could break the APIs once again causing more grief React Pros: 1. Componentization is a major plus, the fact that Angular 2 moved in this direction is telling 2. FB actually uses it to power their flagship product 3. Multi-device. Angular, while it has Cordova, is nowhere near as versatile as React React Cons: 1. FB's dithering over licenses - this could cause other large companies to avoid using React - in case FB does an Oracle 2. JSX makes it difficult to separate responsibility between developer and designer 3. Lack of opinion on app structure can hurt if your devs are not used to designing and maintaining large scale front-end apps. You need to have developers who are Facebook level smart 4. NPM hell Vue Pros: 1. Templates are separate 2. Has components 3. No Typescript as compulsory 4. No major licensing issues Vue Cons: 1. Still young - there is a distinct chance as the framework matures unpopular choices may have to be made 2. No FB/Google scale users - largely a volunteer army. Could go the way of backbone and stop being super-actively maintained. Risk is especially triue for Vue packages
@Daniel-Condurachi
@Daniel-Condurachi 6 жыл бұрын
very good summary, Vikram
@ShobhitGupta12
@ShobhitGupta12 6 жыл бұрын
Usage of Typescript should be counted in PROs. But that is possibly my own biased opinion in favor of Typescript.
@vikramkrishnan6414
@vikramkrishnan6414 6 жыл бұрын
Typescript by choice is fine, but making typescript compulsory, I am not so sure about that. For instance, you can use React or Vue with Typescript, but they don't force you to do so
@tsujin3122
@tsujin3122 6 жыл бұрын
I disagree that JSX makes it any more difficult to separate responsibilities. A designer's job should be to tell you how a page should look. It's up to the developer to build that structure and put it to code.
@manishparganiha
@manishparganiha 6 жыл бұрын
Angular can be written using Typescript, Javascripte ES5/6, DART etc so choices are there for developer. This is a advantage with Angular.
@SeanArcherXXX
@SeanArcherXXX 7 жыл бұрын
Angular provides/enforces more structure so to a beginner who isn't a trained software engineer, there's less to think about. You know you access data in services, you modify DOM in directives, you write logic in controllers, etc... In Vue you're free to structure your own data access layer, your mappers, etc... and while that gives you more power, someone who hasn't done a large scale project can easily get started on the wrong path and produce some pretty messy code. That said, I'm using Vue for my own projects, stay away from React and I use Angular if someone wants me to and they're paying me to do it.
@academind
@academind 7 жыл бұрын
That's a very good point you're bringing up here Sean!
@neithanm
@neithanm 7 жыл бұрын
Can you recommend a good repo with good structured Vue to read? It's definitely difficult to find good literature on the subject.
@SeanArcherXXX
@SeanArcherXXX 7 жыл бұрын
I don't, but if someone is does, I'd love to read it. Unless I do a simple proof of concept, with VueJS I most often start with the "webpack" template that the CLI provides (github.com/vuejs/vue-cli) and go from there. I have an '/assets/scripts/ ' folder right in '~/src', and here I keep folders for domain objects './domain', api clients (this is the only place that talks to the outside world) './api', mappers converting API objects to domain objects './mappers' (only here, everywhere else I use domain objects), and whatever other groups of code I use ('./i18n' for languages, './utils' for various helpers that are used throughout the app, etc). My components, under '~/components' I group based on functionality (which often maps to pages in my app), and have '/shared' folder in there for generic components). I find this structured enough to not get too messy, but not overly structured to get lost into it. Hope that helps a bit.
@darrenking8941
@darrenking8941 7 жыл бұрын
A very even-handed response! This is the kind of nuance we need when making comparisons as developers.
@zariumsheridan3488
@zariumsheridan3488 4 жыл бұрын
Well, nothing really prevents you from doing data access and logic in components/controllers instead of the services. It's just bad design. Tends to cause violations of the DRY principle. So Angular does provide a structure but does not necessarily force you to follow it.
@filipvabrousek6900
@filipvabrousek6900 4 жыл бұрын
I love how in React you just specify a single in HTML, and you can write rest of your app without leaving JS.
@ahmady09
@ahmady09 7 жыл бұрын
it's a good comparison - i also pick vue and it's creative vue files idea
@FadiQua
@FadiQua 7 жыл бұрын
first i worked with angularjs, then i learned anguular 2, then i tried react, honestly i prefer react, you can manage your data easily with redux, and create great reusable components, with angular i felt that i'm restricted and should follow what the angular rules.
5 жыл бұрын
there is redux for angular
@tiagox9
@tiagox9 6 жыл бұрын
I think there's no wrong choice, because there is the need for each one of them. You can see that US is more React orientated, Europe to Angular, as Google trends show. As a junior developer i started with React and i like it, but now the company i work for demand us to learn 2+ and...i'm loving it. I really do find Angular easy to learn and to build real projects as a junior. All the libraries provided like rxjs, form validation and Angular Material just makes Angular pretty straight forward. And the directives, ahh i love the directives. But non the less i love both Angular and React, still want to learn Vue, and i will stick to work with Angular at work and React at home!
@rob.ale90
@rob.ale90 6 жыл бұрын
I really do hope Angular Material to stop existing. Angularjs Developer 3+ years, Angular 5 now for some months, started a project with angular material, hate it completely. A lot of boilerplate, adding a lot of classes for everything. Directives that won't work if their not inside other directives. A complete mess, missing documentation, stackoverflow missing entirely as people can ask only creators on git. Failure.
@vinodwani6082
@vinodwani6082 5 жыл бұрын
Hi, I have question regarding Angular vs React. What about two way binding in angular which is not there in React? how it will affect performance and what is the pros and cons of using angular or react?
@GalibHossain
@GalibHossain 7 жыл бұрын
I enrolled to your js, es6 and vue js course. Learnt a lot from the accelarated JS course.
@rintintin_
@rintintin_ 5 жыл бұрын
Love this channel 😭 can you make a 2019 version of the comparison between these frameworks please 😁
@academind
@academind 5 жыл бұрын
I might create one, but an updated version already exists, just in case you haven't seen it: academind.com/learn/angular/angular-vs-react-vs-vue-my-thoughts/
@iarde3422
@iarde3422 6 жыл бұрын
Academind, thanks, finally, a good, sane comparison out of all other comparisons, that I have seen. Your video has helped me to choose the right framework to learn - vue. I also prefer the separation of pure html, js and style.
@academind
@academind 6 жыл бұрын
Thank you very much for your great feedback! Great to read that the video helped you, I also like to work with Vue a lot :)
@milanzinzuvadiya6447
@milanzinzuvadiya6447 4 жыл бұрын
You just solved my long time dilemma on Angular vs React. Your personal views make this video ,awesome. I have tired of reading articles and watching videos where at the end they just wrap up with saying "everything is same." I know languages such as C++,C#,JAVA. I prefer the cleaner way like you. I don't like to sacrifice Native HTML and CSS while leveraging new framework. Thank you. Great Great video👌👌
@watherby29
@watherby29 4 жыл бұрын
Love the courses! You are great. Thank you.
@aleodoni
@aleodoni 5 жыл бұрын
Thanks Max. I chose to learn Vue.js a few months ago and I think I did the right choice. Cheers !
@marcoamodio8720
@marcoamodio8720 7 жыл бұрын
Vue guys! Top
@gustocoder8900
@gustocoder8900 2 жыл бұрын
I started off learning React, but later switched to learning Vue because of a job, then fell in love with it. Now i hope i dont have to touch React again. As for Angular, i am learning it too. I had to, because by every indication, it is still the leader of the pack.
@bennettwaisbren
@bennettwaisbren 6 жыл бұрын
Dude your info is so concise and easy to digest. I love the format and the articulation. Keep it up! :) :)
@academind
@academind 6 жыл бұрын
So awesome to read that, thank you very much for your comment! I'll try my best to keep it up :)
@vetsebojs8276
@vetsebojs8276 7 жыл бұрын
Still new to the whole web scene...soo much to learn, soo much happening...ahh! Time to look at a rxjs video.
@sangeethks554
@sangeethks554 7 жыл бұрын
I had learned Vue and certainly suggest others to go with vue. Because not only it has an easy learning curve, but it also packed with rich features. Let's go for Vue.js
@Aweklin
@Aweklin 6 жыл бұрын
You are absolutely correct. I started learning it 2 days ago & have decided to use it for my app going forward. Bye-bye to Angular :(
@NickoPorras627
@NickoPorras627 6 жыл бұрын
Going for vue because it is so similar to knockout
@jamesmanjada9553
@jamesmanjada9553 5 жыл бұрын
How do yo learn that? Any online tutorial
@ShaferHart
@ShaferHart 4 жыл бұрын
If only vue native was _there._
@BMikel
@BMikel 6 жыл бұрын
Sirs can i incorporate vue or react into one of my simple html pages with further upload to basic hosting? Without changing web hosting plan Excuse me im beginner
@eliastodakee
@eliastodakee 3 жыл бұрын
youre amazing max, i have several of youre courses, and will continue to take more!
@spikespiegel5112
@spikespiegel5112 5 жыл бұрын
I agree with your thought about vue,js, I also hope vue become the most popular framework in the world
@JustSomeAussie1
@JustSomeAussie1 6 жыл бұрын
"It's like React and Angular had sex" that made me laugh. You could have said "It's like the love child of React and Angular" but no, you went with the dirty way. Excellent.
@ShaileshSingh-wu1ve
@ShaileshSingh-wu1ve 6 жыл бұрын
Hey, How can I use react on my laravel project. I have been using angular 1.* with my view(blades). Can i use ajax to get data and render it on DOM using react JS. and I am looking for a video about TypeScript, ES* and what to do with JS .
@hatrick3117
@hatrick3117 6 жыл бұрын
Just started to work with angular. I'm kinda write more like js code inside of components, and as for me it works greit! So the question is: do I necessarily need to use strong typisation?
@CsabaKissColorado
@CsabaKissColorado 7 жыл бұрын
Max is a great teacher. I bought this course after 3 minutes of watching this video.
@academind
@academind 7 жыл бұрын
Awesome! Welcome on board Csaba!
@markmendez1014
@markmendez1014 7 жыл бұрын
Csaba Kiss I finally mastered angula 2+ after buying his complete angular guide. He really is a great teacher. Keep up the good work Max!
@icopyninja
@icopyninja 7 жыл бұрын
I Love React so much that I can't imagine not using it. I also love that it's a library and not a framework.
@esamcoding
@esamcoding 6 жыл бұрын
why you love that it's a library and not a framework?
@esamcoding
@esamcoding 6 жыл бұрын
i don't know react
@sqbossh
@sqbossh 6 жыл бұрын
coz framework forces you to do things in certain way , library usage is more optional - use it when u need it
@toksdotdev
@toksdotdev 6 жыл бұрын
I super super hate react..... It's just complicates matters.
@neaumusic
@neaumusic 6 жыл бұрын
React promotes top-down data flow, and the only way to loop back with data is via callback or Redux, which simulates prop injection (as opposed to specifying the HTML attribute props)
@neils15
@neils15 5 жыл бұрын
if ,i have a existing legacy application in jsp,if i have transform the same slowly ,won't react be better to use compared to angular?
@sivasankarchimata1882
@sivasankarchimata1882 6 жыл бұрын
Hello sir i am looking for the tutorial on MYSQL with ANGULAR & NODE.JS. So can you please make a video on CRUD operation in MYSQL with ANGULAR & NODE.JS.
@IsaiahGamers
@IsaiahGamers 5 жыл бұрын
Been using React for almost a year now and all I can say is that React is more focused on SPAs and only SPAs. While Vue looks like you can drop it into any existing project and add rich functionality to it.
@EdSilva-vo7zg
@EdSilva-vo7zg 7 жыл бұрын
Vue is beautiful! Very clean and easy to use.
@coolworx
@coolworx 6 жыл бұрын
That's it right there.... Vue is beautiful. It feels good to use it. It feels natural.
@akiren7730
@akiren7730 5 жыл бұрын
React is also clean ;)
@softdevstuff1008
@softdevstuff1008 5 жыл бұрын
@@akiren7730 I disagree on that part. React does feel to provide more control on everything, but it does not feel clean. Feels like lot of wiring on surface. Vue on the other hand has cleaner interface for application development and gives better dev experience enabling better focus on business problem in hand. P.S. I worked with react for 2 years, switched to vue only 4 months back. :)
@akiren7730
@akiren7730 5 жыл бұрын
@@softdevstuff1008 I will give it another look thanks
@pkvpraveen
@pkvpraveen 7 жыл бұрын
If everything is in js we can test drive everything rt?
@yuliyy__
@yuliyy__ 4 жыл бұрын
Currently learning Angular 10 and yes having a background in C# especially with WPF and MVVM helps a lot in learning this framework.
@LiranPeleg
@LiranPeleg 7 жыл бұрын
I think that Angular is the way to go in terms of future support and adoption of latest web standards like ES6-7 and beyond...and honestly, Im not a fan of React's Spaghetti code style.
@phee3D
@phee3D 5 жыл бұрын
Spaghetti is an understatement, i ran away in fear of my life after using react for a few days. Vuejs is clean and sleek
@popoyyhmwhy7234
@popoyyhmwhy7234 4 жыл бұрын
@@phee3D angular 2 is more clean but vuejs is more simply
@Akadehmix
@Akadehmix 7 жыл бұрын
I personally have found Angular to be my favourite to use so far. The small bit of Vue and React I've played with didn't seem all that fun or appealing to me.
@rezataba6204
@rezataba6204 3 жыл бұрын
Coming from C# and Java background, I've found Angular more structured and easier for me.
@sudhirdhawan2583
@sudhirdhawan2583 4 жыл бұрын
hi max, im studying javascript from your course. my question is can we add dom as property in classes, and then access class list method on them
@anaversionto
@anaversionto 7 жыл бұрын
Ohh I gotta find time to take this course. Love your courses!
@academind
@academind 7 жыл бұрын
Thanks so much, that's really great to hear!
@vladwebdev9617
@vladwebdev9617 7 жыл бұрын
React and Vue brings more freedom in your code than Angular. That's why in large teams it seems to be better to use Angular, because it forces your team to write code in more strict, standard and one style way. I think this is very important advantage of Angular, of which few speak. I'm behind React and Angular :)
@robsmith1184
@robsmith1184 7 жыл бұрын
Large teams should code review PRs then this freedom can actually become a benefit as then the team decides what architecture works best for them and that particular application rather than them being bound to premature decisions by some framework.
@BeautifulAccidento
@BeautifulAccidento 7 жыл бұрын
Robert Smith This is so true. And some things that are trivial in JSX or hyperscript takes 10x the time when using templates.
@winnemucca-sk5392
@winnemucca-sk5392 7 жыл бұрын
Freedom is great until you have to refactor someone else's code.
@robsmith1184
@robsmith1184 7 жыл бұрын
@steven That's what code reviews help negate.
@winnemucca-sk5392
@winnemucca-sk5392 7 жыл бұрын
Code reviews do not always protect people from their own bad habits or a team from putting out code that is difficult to maintain. None of these frameworks are full proof. You can learn all of them via tutorials and documentation. There are style guides that some choose to follow and others choose to ignore. If you can't get a soiid ui out that's on you as a team not the framework.
@thanhtungbui7823
@thanhtungbui7823 7 жыл бұрын
Firebase (or Django) + Vue + Bulma --> clean, beautiful, fast and easy
@luv2medit8
@luv2medit8 3 жыл бұрын
First time visitor here and a new friend. Nice content!
@surajt1304
@surajt1304 6 жыл бұрын
What framework would be good for a project that's currently in asp.net (aspx) and asp.net mvc (razor)?
@knko7158
@knko7158 3 жыл бұрын
I kinda wanna try Vue but React Hooks keeps me from doing it.
@ninoporcino5790
@ninoporcino5790 7 жыл бұрын
React can have templates too: there's an npm package called `react-templates` that does them nicely (much better than Vue imho).
@deepanshgoyal7568
@deepanshgoyal7568 6 жыл бұрын
could you plzz explain me the meaning of packages which u mentioned several times in this video. pretty confused what does this mean!
@AneesHameed
@AneesHameed 5 жыл бұрын
Polymer. js? I have been using p and vue for some time and if you ask me which framework will I choose when building a pretty large web app, I would say p3. The best part of p is that it gives lot of stuffs right from developers and it has also got a good community of people building and sharing web component. Next major release of p team will be Lit-html which looks very interesting. BTW, I love vue too...
@cybervigilante
@cybervigilante 5 жыл бұрын
The language of the month and the framework of the week. I'm tired of keeping up ;)
@mvsicaficta6859
@mvsicaficta6859 7 жыл бұрын
After giving each a good shot I go for VueJS. For the missing DI in VueJS there is vue-inject (www.npmjs.com/package/vue-inject). It would be great to get VueJS handling DI as well and better than Angular. Something else that is important is how reactivity is handled. VueJS has it's own built-in version yet officially supports RxJS with vue-rx, which is excellent. RxJS is indispensable and gaining further insight into how these two reactive systems compliment each other in VueJS is key.
@academind
@academind 7 жыл бұрын
Yep, that's true - thanks for sharing that!
@esamcoding
@esamcoding 6 жыл бұрын
You aren't afraid that in the long term those little libraries like vue-inject will cease to exist for any reason?
@b_markovic
@b_markovic 6 жыл бұрын
Vue-inject is about 100 lines of code and not rocket science. How hard would it be for you to keep it up to date really if the original author goes AWOL or moves on?
@jackassjunge
@jackassjunge 6 жыл бұрын
when people argue that react is breaking with separation of concerns, i think that's not quite true. i think jsx is trying to go more for a seperation in a component style. Each component has it's own logic and style bundled together which sounds totally fine to me. But as you said, it's much more of a personal preference tho. ;-)
@shamimhossain551
@shamimhossain551 6 жыл бұрын
I always love your informative tutorials. I would like this too if you discuss here about Making a SEO friendly web app. Which framework will be better for making web app SEO friendly. I know about server side rendering in Angular and Vue might be in React too. But I found server side rendering in Angular is very tough. Third party library like ngx-bootstrap, facebook sdk etc break the server side rendering in build step. Also found slow performance in initial page loading etc. I would be very very grateful to you if you explain comparatively which framework is best for making SEO friendly and easy integration of third party libraries.
@SimpleCookiee
@SimpleCookiee 6 жыл бұрын
Why do people say Angular is harder to learn than react? I've used both for months and I can clearly say, Angular is way way way way easier to learn and you get everything out of the box, causing way less headache.
@CodingAbroad
@CodingAbroad 6 жыл бұрын
I agree :)
@Cupofshake
@Cupofshake 6 жыл бұрын
Yeah, I am learning Angular 6, built my first app with nodejs. It was easy.
@jaysonmartin1542
@jaysonmartin1542 6 жыл бұрын
because in angular you need to learn a lot of new concept like directive,module,components,services,boostraping,dependency injection and so on compared to react you only need to learn state,props and components you also need to learn typscript in angular while in react, jsx is just html in javascipt. maybe it depends in your current skill set/knowledge like on my case, I came from php cms and frameworks, js/jquery and css styling while I never learn how to code in java and c# react with redux is a different story though
@jaysonmartin1542
@jaysonmartin1542 6 жыл бұрын
I also forgot to mention you need to learn es6 syntax in react which is a good thing since it is more cleaner and can save a lot of lines compared to old plain javascript
@mieszkogulinski168
@mieszkogulinski168 5 жыл бұрын
Angular is a much bigger thing than React. React actually is a library that does one thing, and Angular tries to replace everything that JS has built in.
@bigsuccessor
@bigsuccessor 7 жыл бұрын
I personally have fiddled around with React, but never built anything to serious. With that said, I would like to share my experience in working with both Vue and Angular 2. Angular was my first framework that I learned (from your course) and after completing the course, I decided to take on a project that a friend of mine has wanted, a project management application for his construction company. I really enjoyed Angular and Typescript (coming from systems programming). As my project got bigger and bigger and more features were being added, I never found myself lost in the code I was writing due to the component modularity of Angular. I finished the project and the bugs were very little to none, due to typescripts typed nature. After learning Vue (again, from your course), I decided to write an application that has tools to help you sell better on Ebay. I loved Vue, and maybe even better than Angular because setting it up and getting started was extremely easy. As my project and original scope started to change and get bigger, I did find myself getting lost in my code where I would search through my files and finding specific functions to modify and test. BTW, Testing in Vue was a nightmare for me compared to with Angular. With my personal experience, I am concluding that if you want to write a simple application that does a few things and looks cool, use vue or react. When you have a large application, like a project management app, use angular. Side Note: To those that say react is not a framework, my answer is that it CAN be. React is similar to vue only in the context that they are both libraries, but they have tooling where if you sit down at your desk and decide to build a web application you can do it with either of those big 3 and more as a framework.
@ConstantineKulak
@ConstantineKulak 6 жыл бұрын
Thanks for a comprehensive and reasonable review! Looking forward for your next videos.
@academind
@academind 6 жыл бұрын
Awesome to read that you liked the video Constantine!
@ScenicITSolutions
@ScenicITSolutions 5 жыл бұрын
Can we have recent versions comparisons like Angular, React, and Vue CLI?
@Yhippa
@Yhippa 6 жыл бұрын
I'm on a project with a lot of junior developers using Angular 4 on the front-end. I'm pleasantly surprised and impressed how easy it is to keep the project on rails for a large team. TypeScript helps out with that too. That might be the biggest point in using Angular above all three.
@freesgen
@freesgen 6 жыл бұрын
Richard Yhip vue csn use Typescript
@davidsuperrockstar
@davidsuperrockstar 7 жыл бұрын
what about ember.js could you please do some tutorial about it
@MichaelBrown-kk6ck
@MichaelBrown-kk6ck 6 жыл бұрын
Very good vid, glad I discovered this channel. Currently migrating from Java/J2EE/JSP/Tomcat to Node/Angular5/Ionic3.
@academind
@academind 6 жыл бұрын
Thank you for your great feedback Michael, happy to have you on board! In case you want to find all the content we have regarding Node, Angular and Ionic, also feel free to have a look at our website: academind.com/learn
@kenvng
@kenvng 5 жыл бұрын
Thank you. I absolutely love your detailed explanations which help me more and I so agree with you about React. I love html and css and I abhor the fact that you tried to take something good and recreate or change it to something else wannabe so you can call it yourself. Thank you so much.
@Savageboi506
@Savageboi506 7 жыл бұрын
Vue seems the most flexible to me. You could use JSX, HTML templates, JS strings, Vue files, or VNodes. Btw I learned vue from your course
@Savageboi506
@Savageboi506 7 жыл бұрын
I use Vue Components because it's done in HTML, so you still get normal HTML functionality, as well as CSS (or SASS (what I use)) and JS
@khuongduybui6590
@khuongduybui6590 7 жыл бұрын
VUEX is awesome too, it simple than Redux!
@mistypixstudios6304
@mistypixstudios6304 6 жыл бұрын
in react you can loop through html code just like we do in php, i don't know if doing that is that simple in angular?
@Nick0n
@Nick0n 7 жыл бұрын
Maybe Angular Team did some breaking changes updates. But I see this as an advantage. I could refactor my code, because I prefer my framework to work perfect. If any breaking changes needed to fix something up, so why not? I'm tired of patching and making walkarounds to fix some easy issue only because the changes will be impacting or the company simply doesn't have enough money to do it right.
@rob.ale90
@rob.ale90 6 жыл бұрын
Aha, especially when you have a build system like envoyer that will deploy your app and after 2 months you will see your app no longer working on IE because someone at angular screwed up and somehow after 4.x.x version(i do not know it anymore) polyfills aren't included no more, so you will need to add them manually. Nice advantage. Even in theory you don't sound good. When i run "npm install" i would pretty much insist on app to work the same every time. Would someone like to refactor his whole application that was running perfectly just because someone at google decided to rename some packages, i don't think so.
@yvrelna
@yvrelna 6 жыл бұрын
It's a JavaScript library, you ship the library to your users, so the only reason backward compatibility is an issue is if you upgrade the library. Frankly speaking, for most project I see no reason to upgrade a JavaScript library unless you know the newer version fixes an issue you've been affected by or you're spotted a new feature that you want to use.
@yvrelna
@yvrelna 6 жыл бұрын
Robert Ale You should use "npm ci" instead to install the exact version specified in the lock file instead of getting unexpected upgrades.
@rob.ale90
@rob.ale90 6 жыл бұрын
Yeah, i'm using npm install --no-save for a while. But my answer was mainly for the guy above, i do not love so much updates. I updated from 4 to 5 with ease, but there still are a lot of risks. Thx for your time
@rob.ale90
@rob.ale90 6 жыл бұрын
I showed your comment to my HOT and guess what :)) We're gonna start at least testing npm ci, so thx. Dind't know about it.
@connormc711
@connormc711 7 жыл бұрын
Curious about your thoughts on react styled-components. same repo name on github and npm
@alextanasoiu
@alextanasoiu 6 жыл бұрын
Hi Max, First of all, I really like your teaching style and I'm glad I've found courses that I enjoy taking. Have you tried Aurelia? Do you have any thoughts on that framework? I've worked with it in beta stage when I didn't have to much experience with SPAs and I delivered the project quite easily. I found myself learning Angular 5 (using your famous complete course on udemy) now because the no. of jobs and trends indicate to it, but although is similar to Aurelia, I do feel that Angular has some pretty messed up way of handling things like forms and custom mark-up. I would love to hear you opinion on this. Thanks
@academind
@academind 6 жыл бұрын
I haven't really looked into Aurelia, no. Can't really share any insights on it therefore, sorry :/
@UrbanBDKNY
@UrbanBDKNY 7 жыл бұрын
HAHAHA Y SO SERIOUS? This is so typical. A lot of people are upset at what the guy has said because of their bias or preference. I like a lot of the responses here which just look to keep the plain field even... 1) React is a library not a framework. This is why it doesn't come with a router or form validation etc 2) All 3 of these libraries/ frameworks are awesome. Pick the one you PREFER 3) The facts are there with regards to jobs/ community and the team size (Facebook, Google, 1 guy) 4) React and Vue can be included in all kind of projects whereas Angular has to sort of be it's own project/ thing I have worked with both React and Angular and I can appreciate both. I have a lot of experience in CSS and so I can see why Angular's way of doing styling and templating may be preferred. For a while I preferred Angular because of this. I love that. I like working in the HTML I do think React is actually simpler to work with. It is just JavaScript and I like the way the parent-child relationships as well as how you include components in other components Everyone just take a chill pill and understand this guy like separation of concerns and so Angular and Vue fit him better. There was a little bias against React in this video but you can tell it's a preference thing
@academind
@academind 7 жыл бұрын
Thanks for summing that up ;) And just to highlight that again: Yes, I prefer Vue and Angular, I'll be honest and of course you can see that in the video. I did call React a framework because people ARE comparing it to Angular and Vue and ARE using router and Redux. If anyone isn't doing that, then the whole comparison of course doesn't make that much sense (at least not with Angular). And I have nothing against React - just not my #1 pick
@Qixiano
@Qixiano 7 жыл бұрын
I like being happy Vue, of course!
@jedwards1211
@jedwards1211 6 жыл бұрын
Max, another thing you didn't really cover is how much flexibility each framework gives you for advanced use cases. For instance, I know it's easy and clean to make a React component that provides an interactive, rearrangeable dashboard layout, and use it with any variety of child components you want. I remember when I was working with Angular 1, there was really no clean, modular way to put an arbitrary variety of children in a dashboard component without the dashboard component knowing more than it should. I don't know if Angular 4 or Vue provide as much flexibility as React for cases like this, so it would be an important question for me.
@DanielWeikert
@DanielWeikert 7 жыл бұрын
I am still new to webdevelopment and i want to learn front and backend. Is Jquery still is Angular the future? Same question for backend. Does it still make sense to learn php ? Thanks
@sandeepvk
@sandeepvk 7 жыл бұрын
hahaha...Only a German can say this " If Angular and React has SEX" LOL...
@scoobysnacks3942
@scoobysnacks3942 6 жыл бұрын
That was the best.
@danielchoi32
@danielchoi32 6 жыл бұрын
lolololololol
@sktzoootech8475
@sktzoootech8475 6 жыл бұрын
I agree. The best part. Almost choke on my coffee. lol
@DanaBlack
@DanaBlack 6 жыл бұрын
I was just expecting "had a baby" but then lol'd when I heard that.
@HearterSG
@HearterSG 6 жыл бұрын
came completely out of nowhere. i was not prepared.
@nexplusedinburgh5545
@nexplusedinburgh5545 7 жыл бұрын
100% agree. Finally an honest review, by a guy that seems knowledgeable on all the three frameworks. Thanks!
@academind
@academind 7 жыл бұрын
Thanks so much! :)
@muhmmadtayyab1713
@muhmmadtayyab1713 5 жыл бұрын
please name the file icon theme you are using at Udemy on angular 7 course
@hostar2
@hostar2 5 жыл бұрын
It is posibble to use TypeScript with React as well. The files for that are called TSX and it is like JSX, but with types.
@JoeDidIt
@JoeDidIt 4 жыл бұрын
10:22 HHAHAHAHA i think what you were looking for this phrase "if angular and react had a lovechild" xDDD
@sergeysedelnikov3015
@sergeysedelnikov3015 7 жыл бұрын
What about Aurelia JS? I like it a lot!
@WesleyOverdijk
@WesleyOverdijk 7 жыл бұрын
Troll detected.
@troooooper100
@troooooper100 7 жыл бұрын
Sergey Sedelnikov why does it sound like female sexual organ
@sumanthshankar333
@sumanthshankar333 6 жыл бұрын
Hi Max I have taken your Angular and ReactJS courses on Udemy. After learning it and implementing on projects one more disadvantage on React is, like Angular react doesn't have services for api calls that makes api calls in components data access rarely stays simple which according to me makes components very cluttered and hard to read and maintain.
@frankjohansen3132
@frankjohansen3132 5 жыл бұрын
I have used Vue with Flask (Python) at work and that combination is so easy and manageable to use. Some otherr department use React and Golang. I will force them to use Vue :)
@Philson
@Philson 7 жыл бұрын
Kinda of prefer Angular because of the modular nature. Not sure about it's stability.
@josejacob99
@josejacob99 7 жыл бұрын
I think for big projects Angular is the best and Vue for small projects , with Angular​ projects are very easy to manage and maintain
@TseegiiTselmeg-TseegiiTselmeg
@TseegiiTselmeg-TseegiiTselmeg 7 жыл бұрын
VueJS is not only for small project. Try Vue + Vuex. And I think project scale depends on code architecture.
@shingiraibondai747
@shingiraibondai747 7 жыл бұрын
10:25 Dude chill 😂😂😂😂
@peterhayman
@peterhayman 6 жыл бұрын
such a helpful video, i would 1 up the documentation for angular, im learning it at the moment and find it very well structured and a pleasure to work with
@kumarankugesh6851
@kumarankugesh6851 4 жыл бұрын
How can I get a fingerprint as input using React js?? What are the ways?? Please help me...
@brandsupport6434
@brandsupport6434 4 жыл бұрын
In 2019 my personal top React, Vue, Svelte, Angular.
@blessynoby9640
@blessynoby9640 4 жыл бұрын
Hey... can I ask what is the best way to start if new to react.
@fedus22
@fedus22 4 жыл бұрын
@@blessynoby9640 Try the Udemy course Academind has made. That's the one I'm currently learning from.
@TheEricBrian
@TheEricBrian 7 жыл бұрын
One thing that I really did not like about React is the documentation. I thought it was poor, at best. I am going to rewrite my react app with vue and see how I like it. Thanks for this video.
@academind
@academind 7 жыл бұрын
That's true, the documentation is indeed horrible.
@robsmith1184
@robsmith1184 7 жыл бұрын
Then submit a PR or file an issue so they can improve it? I actually don't see a lot wrong with the React documentation.
@souhailkaoussi6415
@souhailkaoussi6415 7 жыл бұрын
horrible? seriously?
@souhailkaoussi6415
@souhailkaoussi6415 7 жыл бұрын
that's the right thing to do, and yeah, I don't see myself something wrong with it.
@VaughnHaynes
@VaughnHaynes 7 жыл бұрын
Yep. I've seen worse. It could be better though. Example: the Life Cycle Methods page give an example of some of them being used but not all and doesn't really explain why you'd use one over the other like ComponentDidMount vs ComponentWillMount. ComponentWillMount is not even on the page.
@vaibhavdhiman7166
@vaibhavdhiman7166 4 жыл бұрын
Hi max, your angular course is fully amazing, thanks for your in depth angular course next is your MEAN stack course. Thanks
@SenthuranElangovan
@SenthuranElangovan 5 жыл бұрын
hey Max, is that okey to use vue js by cdn for project , liike we use jquery in webpages
@johnreybaylen1300
@johnreybaylen1300 7 жыл бұрын
VueJS is great! Documentation is so easy to understand compared to React and Angular, documentation has a big role to the developer actually. Thanks for this series :)
@academind
@academind 7 жыл бұрын
Definitely. It's interesting to see how many languages/ frameworks don't provide good docs.
@johnreybaylen1300
@johnreybaylen1300 7 жыл бұрын
Hey Mindaspace, can u create a tutorial that will teach us how to use socket.io on vue-cli?
@Keyakina
@Keyakina 6 жыл бұрын
I really don't like the vue explanations.. I started a internship this week at a company what does very difficult vuejs stuff, can't find explanations on pretty much anything..
@alicelf
@alicelf 7 жыл бұрын
Vue! Without any doubts. I dropped learning Angular in the middle of your course - angular is awful. Planned to take a look at your ionic + angular course, maybe then I will like angular again. And React.. I don't know, after I found Vue, I understand - it's my love =) Vue is awesome!
@Smiley01987
@Smiley01987 7 жыл бұрын
Care to explain why?
@zeeeeeman
@zeeeeeman 7 жыл бұрын
Oleg _WebArtisan look at electron too btw. It's very nice with vue
@EggyPocket
@EggyPocket 6 жыл бұрын
@Oleg_WebArtisan I too was taking his angular course and at first thought I hated it because of the instructor pace and teaching style, I dropped it and am now taking his Vue course and I realize that It wasn’t the instructor, I just just didn’t like Angular lol. Also after doing more research I realized that no major companies use it (besides weather.com) and I think it may be more powerful than what I would ever need it for.
@yadeemkool5895
@yadeemkool5895 6 жыл бұрын
Personally i love angular. I feel angular is better for those who don't come from a web designing back ground. I work mostly with back end programming for website and programming appliaction. Angular just clicks with me since its similair to OOP and typescript is simple to pick up for me.
@RaymondLopezaleman
@RaymondLopezaleman 6 жыл бұрын
Oleg _WebArtisan same here +1
@cruzfarfan1284
@cruzfarfan1284 5 жыл бұрын
Excellent video Max!!!. I wonder if you can comment on a similar set of tools for building PWAs. I know I can use both Ionic and NativeScript to build them, but I'm sure there are other options.
@jamieperkins906
@jamieperkins906 6 жыл бұрын
An important thing to point out when considering Angular vs. React and Vue is that you will never have to touch a webpack config file with Angular. The Angular CLI abstracts it all away. Everything is configured for local dev with live-reloading, and for prod builds with tree-shaking and bundle optimizations.
@PrestonSego
@PrestonSego 5 жыл бұрын
none. Ember. I've used React, Angular, and Ember, and I'd choose Ember for apps of any size.
@ColdStoneBoy
@ColdStoneBoy 7 жыл бұрын
I think Vue.js is esay to learn, Angular is the hardest, and Vue.js is most popular in China. Finally Vue.js will become 1st.
@KerryOConnor1
@KerryOConnor1 7 жыл бұрын
This was a smoother introduction to frameworks than Bob Ross gives to clouds, thanks man
@academind
@academind 7 жыл бұрын
Haha, thanks Kerry!
@rohitmourya1291
@rohitmourya1291 6 жыл бұрын
can you please guide me i have done Angular 2 certification what next should i go for (phone gap, cordova) or node js which will be best if there is better option then this then also please reply me
@ich_iel
@ich_iel 6 жыл бұрын
I love how simple React is.
@_wli
@_wli 7 жыл бұрын
Re: you use "normal" HTML for Vue and Angular this is not normal HTML :p
@mistypixstudios6304
@mistypixstudios6304 6 жыл бұрын
in react you can loop through html code just like we do in php, i don't know if doing that is that simple in angular
@Keyakina
@Keyakina 6 жыл бұрын
Wooow can you (or anyone) explain what you just did here?
@b_markovic
@b_markovic 6 жыл бұрын
That's pretty much the worst thing about JSX. It looks, feels and behaves like bunch of tags in my HTML. Yuck.
@tolwarri4769
@tolwarri4769 6 жыл бұрын
Yeah, but the example was vue though. Idk, I personally love it, might look unusual, but after small learning curve, you'll totally get why Max says it's close to "normal" HTML. Vue bindings are very intuitive, and drop onto html seamlessly.
@KaiMatsu500
@KaiMatsu500 7 жыл бұрын
The power of React comes from the fact that it's decoupled from its rendering. That's to say that ReactDom and React are seperate. This gives way to things like ReactNative which is simply just React with a React renderer for different OSs (like apple's OS or windows or android). Also I would argue that the fact that react is so decentralized is a good thing. Because of the vibrant community the range of stuff React can cover is limitless. Also with JSX it doesn't necessarily limit or sacrifice the features of HTML or CSS it simply changes the syntax, and JSX isn't just HTML or CSS it gives more functionality then just HTML and CSS like JS that produces and returns JSX, components, etc etc.
@academind
@academind 7 жыл бұрын
I totally see your point, you list very valid arguments here - and don't get me wrong: I worked with React and I think it's an awesome library. I still work with it, even though I'm not the biggest JSX fan on the world ;)
@BillBrutzman
@BillBrutzman 5 жыл бұрын
For writing apps that work on phones, tablets and desktops... Google's Material Design is key. I have had trouble with Vue and Material Design. Just now, React seems to be the library of choice for aws... especially AppSync. Together with Material Design, Application STATE is the 2nd over-arching pillar of front-end design... but... how can a pillar be over-arching?
@aArcziMetin2
@aArcziMetin2 7 жыл бұрын
In my case, I'm a fan of React. The community is really big and there is plenty of companies that are looking for React.js developers. I'm using Laravel in our company and mixing it with static cms. I do even use Backbone (application is too big to switch to react) and we just render react with backbone router, also I'm on the opposite way, I love the way react.js syntax works. I also think that learning ES6 is a must. I do agree about things like a router, it's pretty annoying to use some NPM react router without knowing how long it will be up to date... For me react is showing how powerful javascript can be. It's true, you need to know how to design your react application. Beginners can get most problems with setting up the project and structuring it. Vue.js is nice(Have not tried it, I will soon) but still it's created by one guy in the first case so he decides everything.
@academind
@academind 7 жыл бұрын
That's a really great addition, thanks for that Artur!
@cesarsc971
@cesarsc971 7 жыл бұрын
VUE
@marcelomcustodio
@marcelomcustodio 6 жыл бұрын
hey, still React mixes JS and HTML even though much less than Vue. Isn't strange? Furthermore: the Vue Router is not an attempt to replace back end routing services ? Aren't people forgeting the separation of concerns trying to resolve everything on the client side ? Thank you in advance.
@user-mfsc-2024
@user-mfsc-2024 7 жыл бұрын
There are so many front-end js framework. I'm thinking of this question too. Which one should I choose to learn.
Angular vs React vs Vue: Which Framework to Learn in 2022
17:19
Svelte vs React vs Angular vs Vue
8:43
Academind
Рет қаралды 209 М.
Smart Sigma Kid #funny #sigma #comedy
00:25
CRAZY GREAPA
Рет қаралды 37 МЛН
- А что в креме? - Это кАкАооо! #КондитерДети
00:24
Телеканал ПЯТНИЦА
Рет қаралды 7 МЛН
SQL vs NoSQL or MySQL vs MongoDB
21:30
Academind
Рет қаралды 1,8 МЛН
WHAT IS WEBPACK, HOW DOES IT WORK? | Webpack 2 Basics Tutorial
14:55
The Story of React
10:05
uidotdev
Рет қаралды 247 М.
State Managers Are Making Your Code Worse In React
13:33
Web Dev Simplified
Рет қаралды 167 М.
You might not need useEffect() ...
21:45
Academind
Рет қаралды 154 М.
Why I'm Switching from Vue to React
10:45
Suboptimal Engineer
Рет қаралды 66 М.
Angular 18 is EXACTLY what we needed
9:15
Academind
Рет қаралды 66 М.
React vs Angular in 2024
9:00
Kodaps Academy
Рет қаралды 36 М.
Vue vs Angular: Which Framework Should You Choose In 2021?
21:11
Program With Erik
Рет қаралды 15 М.
React vs Angular vs Vue: What to Choose for Your Next Project
11:40
Programming with Mosh
Рет қаралды 191 М.