Need advice about which tool to choose?Ask the StackShare community!

Angular 2

4.4K
3.4K
+ 1
413
React

98.6K
77.7K
+ 1
3.8K
Add tool

Angular 2 vs React: What are the differences?

The most noticeable difference between Angular 2 vs. React is that React is a library, whereas Angular is a framework. React is a JavaScript library build for User Interface development; it is used as a platform to develop single page applications or mobile applications too. React: ReactJS or React is a JavaScript library build to UI development, maintained by the mighty Facebook and enjoys strong community support of developers. Open sources and a platform to develop single page web applications or mobile applications too. Has only View layer, handles rendering on the server side, is flexible, and the most popular framework on the web. Angular-2: is TypeScript based and open source front-end web development framework. Built at Google by an Angular team, Angular 2 is a framework with complete MVC functionality renders on both client and server side. Scalable and with defined boundaries, has excellent support for 3rd party libraries.

Advice on Angular 2 and React
Adithya Shetty
Student at PES UNIVERSITY | 8 upvotes 路 15.2K views
Needs advice
on
React
and
Angular 2

I am almost done with frontend development and know JavaScript. I wanted to know if it is necessary to learn any frontend framework, and what would be the advantage of using them? I also want to know which of the frameworks to choose, especially on factors such as responsiveness(like mobile version or web app)? I am also open to suggestions of using frameworks other than the above two such as Vue.js etc. Thanks in advance.

See more
Replies (2)
Recommends
Vue.js

Choosing a framework be it angular, react, ember or vue is personal preference. I would say start with each and build something that utilise state management (todo list perhaps?) and see which style you are comfortable with.

If you wants to get employed, React is a wiser choice. It also helps you build native mobile apps with react-native . If you are building enterprise app with alot of client-side data, nothing beats Ember.js ember-data.

If you are like me who is prototyping light-weight startup and would like to move fast and missing your first front-end learning (angular 1), go with Vue.js . NativeScript-Vue is the binding to build mobile native apps with it.

See more
Recommends
React

I would first like to differentiate between two categories of front-end frameworks: JavaScript front-end frameworks (Angular, React, Vue) and CSS front-end frameworks (Bootstrap, Tailwind, Foundation).

Responsiveness is an aspect that deals mostly with CSS, and CSS frameworks such as the ones mentioned are focused on addressing this aspect, making it easy to use components in a standard and less bug-prone way when compared to writing CSS from scratch. This said, knowledge of CSS is very important for front-end development, as it is required to customize components provided by these frameworks, and allows you to create more customized and compelling experiences.

Choosing to use a CSS framework does not prevent you from using a JavaScript framework. The two are frequently used together. Usually, React, Vue and the other front-end JavaScript frameworks have their own implementations of these CSS frameworks, tailored to better integrate with the JavaScript frameworks themselves. The React community, for example, has React Bootstrap, and Material-UI, which are React implementations of popular CSS frameworks, among others.

In no way you are required to use JavaScript frameworks, but they tend to lower the barrier of writing apps by surrounding you with a component-based development process, which generally allows you to better organize code. It is usually better to allow yourself to feel the pain of not using a framework so you can understand what frameworks have to offer.

In any case, should you want to learn a JavaScript framework, I would suggest that you take the tour of each JavaScript framework, then try implementing a simple project, such as building a small blog application or a tic-tac-toe game, and try implementing it using different JavaScript frameworks. This should provide you with an overview of how things operate in each framework.

Also, I would like to add that the learning curve of Angular is generally considered much higher than the other JavaScript frameworks, so I would recommend that you avoid it for now unless you are sure that you would like to dive into it.

Personally, I have used Vue.js, React, Ionic, Angular, and I enjoyed the first two the most, especially React.

See more
Needs advice
on
Vue.js
React
and
AngularJS

What is the best MVC stack to build mobile-friendly, light-weight, and fast single-page application with Spring Boot as back-end (Java)? Is Bootstrap still required to front-end layer these days?

The idea is to host on-premise initially with the potential to move to the cloud. Which combo would have minimal developer ramp-up time and low long-term maintenance costs (BAU support)?

See more
Replies (3)
Carolyne Stopa
Full Stack Developer at Contabilizei | 9 upvotes 路 160K views
Recommends
Vue.js

React might be a good option if you're considering a mobile app for the future, because of react native. Although, Vue.js has the easiest learning curve and offers a better developer ramp-up time. Vue.js is great to build SPAs, very clean and organized and you won't have a lot of long-term maintenance problems (like AngularJS, for example). Bootstrap can still be used, but with flexbox there's no need anymore.

See more
Chaitanya Chunduri
Recommends
React

I recommend React because of less memory occupant compare to Angular, but this will depend on your organisation flexibility. When you use React you need to import different libraries as per your need. On the other side angular is a complete framework.

Performance-wise I vote for react js as it loads up quickly and lighter on the mobile. You can make good PWA with SSR as well.

See more
Recommends
React

If you are new to all three react will be a good choice considering, react-native will be useful if you want to build cross platform mobile application today or tomorrow. If you are talking about bootstrap styling framework than it's a choice you can style ur components by ur self or use bootstrap 4.0 framework. The complete stack mentioned above is platform agnostic u can run it anywhere you want be it cloud or on-premise.

See more
View all (3)
Needs advice
on
React
ASP.NET Core
and
Angular 2

We are coming from a C# background and we are trying to port our Windows Forms and WPF UIs to the browser. Our current UI is hosted in a "framework" which hosts all Windows and you can navigate in the program. As a back-end, we want to use ASP.Net Core to use some existing logic as well as database access logic. We already collected some experience in JS and TS and are able to create basic UIs in vanilla JS/TS. But we struggle a bit with navigation from one "App" to another "App".

What would be your recommendation?

See more
Replies (3)
Tyler Thomas
Recommends
Angular 2

Have you tried Angular or React? They are frameworks for creating single page WebApps where the DOM is updated on a single webpage, what this means is that your app only loads once and thereafter it is as smooth as a native experience. What you can do is build one menu interface and then have multiple apps all running in the same project. Google Docs is a good example of this. Angular is easier to manage, but personally a bit jarring to get into and understand, whereas React is a bit messier, but easier to pick up.

See more
Dehru Cromer
Lead Software Engineer at Salesforce | 5 upvotes 路 2.3K views
Recommends
Angular 2

Coming from C# I think you鈥檒l find Angular comfortable. If you were more node/ruby/web developer savvy I鈥檇 probably recommend React.

Angular comes with everything you need out of the box, it鈥檚 a bit more opinionated framework. React is a series of libraries that you can patch together to tweak exactly how you like to web dev.

See more
Tanat Jakphan
Recommends
React

I think react easy and fast to learn for you.

See more
View all (3)
Decisions about Angular 2 and React
Michael Wellner
Software Developer at sidion | 14 upvotes 路 7.2K views

For me Angular is a complete framework. It is built on the experience of AngularJS, has a very cool CLI with a lot of features (also IntelliJ Integration of course), complies with web standards, provides a good maintainability and integrated solutions like i18n or animations. And it is also good for beginners. (linked a german article about my first steps in angular)

See more
Kamaleshwar BN
Head of Engineering at Dibiz Pte. Ltd. | 10 upvotes 路 224.5K views

It was easier to find people who've worked on React than Vue. Angular did not have this problem, but seemed way too bloated compared to React. Angular also brings in restrictions working within their MVC framework. React on the other hand only handles the view/rendering part and rest of the control is left to the developers. React has a very active community, support and has lots of ready-to-use plugins/libraries available.

See more
Jos茅 Oberto
Head of Engineering & Development at Chiper | 14 upvotes 路 200.4K views

It is a very versatile library that provides great development speed. Although, with a bad organization, maintaining projects can be a disaster. With a good architecture, this does not happen.

Angular is obviously powerful and robust. I do not rule it out for any future application, in fact with the arrival of micro frontends and cross-functional teams I think it could be useful. However, if I have to build a stack from scratch again, I'm left with react.

See more
Get Advice from developers at your company using Private StackShare. Sign up for Private StackShare.
Learn More
Pros of Angular 2
Pros of React
  • 93
    It's a powerful framework
  • 47
    Straight-forward architecture
  • 39
    Great UI and Business Logic separation
  • 38
    TypeScript
  • 37
    Powerful, maintainable, fast
  • 33
    Amazing CLI
  • 30
    Great mvc
  • 22
    Powerfull Dependency Injection
  • 17
    Easy to build
  • 13
    Opinionated, batteries-included approach
  • 9
    All in one Framework
  • 7
    Solid Standard Setup.
  • 7
    Schematics
  • 6
    Structured
  • 5
    Performance
  • 3
    Only for single page applications
  • 3
    Complex
  • 1
    Builders
  • 0
    React
  • 751
    Components
  • 651
    Virtual dom
  • 558
    Performance
  • 484
    Simplicity
  • 436
    Composable
  • 174
    Data flow
  • 159
    Declarative
  • 123
    Isn't an mvc framework
  • 113
    Reactive updates
  • 110
    Explicit app state
  • 31
    JSX
  • 23
    Learn once, write everywhere
  • 18
    Uni-directional data flow
  • 16
    Easy to Use
  • 14
    Works great with Flux Architecture
  • 10
    Great perfomance
  • 8
    Built by Facebook
  • 6
    Javascript
  • 5
    TypeScript support
  • 5
    Speed
  • 4
    Feels like the 90s
  • 4
    Easy to start
  • 4
    Awesome
  • 4
    Scalable
  • 3
    Hooks
  • 3
    Fancy third party tools
  • 3
    Server side views
  • 3
    Functional
  • 2
    Strong Community
  • 2
    Simple, easy to reason about and makes you productive
  • 2
    Simple
  • 2
    Has functional components
  • 2
    Excellent Documentation
  • 2
    Very gentle learning curve
  • 2
    Scales super well
  • 2
    Just the View of MVC
  • 2
    Server Side Rendering
  • 2
    Cross-platform
  • 2
    Rich ecosystem
  • 2
    Has arrow functions
  • 2
    Super easy
  • 2
    Closer to standard JavaScript and HTML than others
  • 2
    Props
  • 2
    Great migration pathway for older systems
  • 2
    SSR
  • 2
    Fast evolving
  • 1
    Obama
  • 1
    Www
  • 1
    Allows creating single page applications
  • 1
    Start simple
  • 1
    Every decision architecture wise makes sense
  • 1
    Fragments
  • 1
    Permissively-licensed
  • 1
    Beautiful and Neat Component Management
  • 1
    Split your UI into components with one true state
  • 1
    Sharable
  • 1
    Sdfsdfsdf

Sign up to add or upvote prosMake informed product decisions

Cons of Angular 2
Cons of React
  • 8
    Large overhead in file size and initialization time
  • 8
    Overcomplicated
  • 2
    Ugly code
  • 2
    Cringe
  • 2
    CLI not open to other test and linting tools
  • 32
    Requires discipline to keep architecture organized
  • 20
    No predefined way to structure your app
  • 19
    Need to be familiar with lots of third party packages
  • 6
    JSX
  • 6
    Not enterprise friendly
  • 1
    One-way binding only
  • 1
    State consistency with backend neglected

Sign up to add or upvote consMake informed product decisions

What is Angular 2?

It is a TypeScript-based open-source web application framework. It is a development platform for building mobile and desktop web applications.

What is React?

Lots of people use React as the V in MVC. Since React makes no assumptions about the rest of your technology stack, it's easy to try it out on a small feature in an existing project.

Need advice about which tool to choose?Ask the StackShare community!

What companies use Angular 2?
What companies use React?
See which teams inside your own company are using Angular 2 or React.
Sign up for Private StackShareLearn More

Sign up to get full access to all the companiesMake informed product decisions

What tools integrate with Angular 2?
What tools integrate with React?

Sign up to get full access to all the tool integrationsMake informed product decisions

Blog Posts

+12
5
3249
Oct 11 2019 at 2:36PM

LogRocket

+8
5
1511
+17
32
28379
+29
15
11064
What are some alternatives to Angular 2 and React?
Polymer
Polymer is a new type of library for the web, designed to leverage the existing browser infrastructure to provide the encapsulation and extendability currently only available in JS libraries. Polymer is based on a set of future technologies, including Shadow DOM, Custom Elements and Model Driven Views. Currently these technologies are implemented as polyfills or shims, but as browsers adopt these features natively, the platform code that drives Polymer evacipates, leaving only the value-adds.
Aurelia
Aurelia is a next generation JavaScript client framework that leverages simple conventions to empower your creativity.
Vue.js
It is a library for building interactive web interfaces. It provides data-reactive components with a simple and flexible API.
Meteor
A Meteor application is a mix of JavaScript that runs inside a client web browser, JavaScript that runs on the Meteor server inside a Node.js container, and all the supporting HTML fragments, CSS rules, and static assets.
Knockout
It is a JavaScript library that helps you to create rich, responsive display and editor user interfaces with a clean underlying data model. Any time you have sections of UI that update dynamically (e.g., changing depending on the user鈥檚 actions or when an external data source changes), it can help you implement it more simply and maintainably.
See all alternatives
Reviews of Angular 2 and React
Review of
React

Perfect workflow

How developers use Angular 2 and React
Instacart uses
React

Before two weeks ago or so, it used to be Backbone views and models, and everything was on our main store app, and our mobile web app, but actually, we just switched our mobile web app to using ReactJS for the interface. So it鈥檚 using Backbone models but ReactJS front-end components. Really, it was borne out of the frustration with how the Backbone model-view bindings worked, and it wasn鈥檛 especially performant for large views, and we had to do lots of tricks to make it performant. But swapping that out with React views meant that it could be both simpler and faster without having to spend a lot of time on that.

One other interesting thing about that is, since React actually works okay with the Backbone models and the Backbone router and stuff like that, we didn鈥檛 have to rewrite the mobile web application and update it to ReactJS. Rewrites are almost always a bad idea. We were able to upgrade pieces of it at a time, move on to React, and now the entire thing is using React and just has the Backbone router and models and stuff like that that we already had, so it's a lot faster.

Netflix uses
React

At the beginning of last year, Netflix UI engineers embarked on several ambitious projects to dramatically transform the user experience on our desktop and mobile platforms. Given a UI redesign of a scale similar to that undergone by TVs and game consoles, it was essential for us to re-evaluate our existing UI technology stack and to determine whether to explore new solutions. Do we have the right building blocks to create best-in-class single-page web applications? And what specific problems are we looking to solve? Much of our existing front-end infrastructure consists of hand-rolled components optimized for the current website and iOS application. Our decision to adopt React was influenced by a number of factors, most notably: 1) startup speed, 2) runtime performance, and 3) modularity.

React has exceeded our requirements and enabled us to build a tremendous foundation on which to innovate the Netflix experience.

Cloudcraft uses
React

Web-frontend programming prior to React: like banging rocks together. With React: Like wearing fusion powered underwear. Gives you a nice warm feeling. Using React for Cloudcraft.co allowed us to create a beautiful UI in record time (1 month start to launch), with virtually no bugs popping up during development. The functional approach to just rendering your component given a state just makes so much sense, with React figuring out the delta between your current and desired representation. It's the future kids!

Kurzor, s.r.o. uses
React

React is choice number 1 when it comes to JS development at Kurzor. We choose React because it solves many issues with web applications in a elegant way. Writing an app in components is useful for coordination and isolation of concerns. React forces you to abandon state and use vertical passing through props instead. And having as many Pure Components as possible helps to write cleaner code.

With React we usually use: Redux, React Router, React Toolbox, Styled Components.

CloudRepo uses
Angular 2

The Angular 2 CLI is great, it's easy to get up and running with a project.

The really great thing about Angular 2 is it allows us to work with designers by augmenting their artifacts (html pages) with Angular directives. This allows our designs to go back and forth between designers and engineers without having to learn a new markup language (like JSX).

Kent Steiner uses
React

This is the best component framework and API available today for building modern web sites and apps. I really enjoy how minimal it is, and powerful at the same time. It removes opinionated development and replaces it with logic and data philosophies, which has in turn fostered a robust and lively code and support community.

Andrew Miller uses
Angular 2

Angular 2 is a great framework for C# developers. Deeply rooted in OOP & MVC principles and full integration with TypeScript. My go-to for client-side dev now...

Pascal Malbranche uses
Angular 2

Angular 2 is a beautiful and fast MVC Framework. We are using it for mobile, web and desktop development.

Daniel Kovacs uses
Angular 2

Webapp frontend development in enterprise projects.

Harba uses
Angular 2

Frontend for administrative dashboard.