Angular 2 vs React Redux

Overview

Angular

Stacks3.8K

Followers4.8K

Votes499

GitHub Stars99.2K

Forks26.7K

React Redux

Stacks1.0K

Followers890

Votes0

Angular 2 vs React Redux: What are the differences?

# Introduction
In this comparison, we will outline key differences between Angular 2 and React Redux.

1. **Architecture**: Angular 2 is a complete framework that includes everything needed to build a web application, whereas React Redux is a library for managing application state in a predictable way.
2. **Component Structure**: Angular 2 uses components that are more closely tied to templates, while React Redux separates components into presentational and container components, making it more modular and reusable.
3. **Data Binding**: Angular 2 uses two-way data binding, which can simplify development but may cause performance issues with large applications, while React Redux uses one-way data flow, which can lead to better application performance and debugging.
4. **State Management**: Angular 2 provides its own way of managing state through services and observables, while React Redux relies on a global immutable state container to manage the state of the entire application.
5. **Learning Curve**: Angular 2 has a steeper learning curve due to its complex syntax and concepts, whereas React Redux is more straightforward and easier to understand for those who are familiar with JavaScript and functional programming.
6. **Community Support**: Angular 2 has a larger community and more built-in features, but React Redux has a strong community support for state management and modular component design.

In Summary, Angular 2 and React Redux differ in architecture, component structure, data binding, state management, learning curve, and community support.

Share your Stack

Help developers discover the tools you use. Get visibility for your team's tech choices and contribute to the community's knowledge.

View Docs

CLI (Node.js)

Manual

Advice on Angular, React Redux

Dennis

CTO at Prepaid-Hoster

May 17, 2020

Decided

I was first sceptical about using Angular over AngularJS. That's because AngularJS was so easy to integrate in existing websites. But building apps from scratch with Angular is so much easier. Of course, you have to build and boilerplate them first, but after that - you save a ton of time. Also it's very cozy to write code in TypeScript.

181k views181k

Comments

Kyle

Web Application Developer at Fortinet

Oct 16, 2019

Decided

When deciding on a front end framework to build my bitcoin faucet project, I knew I needed something battle hardened, dependedable, but also feature filled and ready to go out of the box.

While I've written some smaller apps with ng2+, I've never gone full tilt with it so I knew there were still some things to learn, and most importantly: how to do them properly, such as proper component architecture and breaking old habbits from ng1.

I didn't opt for React in this case, simply due to the need to stack more and more things on top of it to do what I'd need it to do. I wanted a framework that was going to take over routing and execution of complex UI controls, and keep items outside of a component's scope updated and react to events. This framework needed a comprehensive event emission system, data acquisition and handling, bi-directional data binding, state, and a series of things that you'd need to install separately for React to match up to what's already in the box with Angular.

I opted to stick to Angular instead of Vue for the fact that Angular also already has it's entire build system ready to go and comprehensivly built to deliver the tiniest version of it's deliverable. I was hosting this thing in a google cloud instance, so I needed to make sure the app stayed as small as possible, and could automatically trim out the cruft. This is where Angular's built in Tree Shaking took precedence for me.

Vue is more than capable of handling everything I'd need, and it was something I took serious considerion of. For instance, Vue poweres Cointiply, another bitcoin faucet application that's highly reactive and high componentized just like I wanted.

But I'd still need to learn Vue, I'd still need to configure it's build system, and I still wanted to use SCSS and TypeScript.

So Angular it was. ng8 is a great platform for building very complex user interfaces, and has many of the problems you'd inevitably face integrating a user interface to an application already figured out, and complete with a best practice recommendation.

React and Vue, given enough time and energy, are super capable platforms. No one can deny that. Angular's "A-Z Batteries Included" approach to the whole development process is what made it especially enticing this time.

55.4k views55.4k

Comments

Julius

PHP Engineer

Jan 31, 2020

Decided

It is a complete waste of time and life to learn a different framework to solve the same problem (Both AngularJS and Angular build A+ UI's, but both require a lot of time to learn). It's dumb to spend 200 hours learning AngularJS, then 200 hours learning Angular when you could spend 200 hours learning AngularJS and 200 hours learning how to solve a different problem (like AI/ML, Data Science, AR/VR, Digital Marketing, etc.)

115k views115k

Comments

Detailed Comparison

Angular	React Redux
It is a TypeScript-based open-source web application framework. It is a development platform for building mobile and desktop web applications.	It is the official React binding for Redux. It lets your React components read data from a Redux store, and dispatch actions to the store to update data. It is designed to work with React's component model. You define how to extract the values your component needs from Redux, and your component receives them as props.
Progressive Web Apps; Native; Code Generation; Code Splitting	Designed to work with React's component model; manage the store interaction logic for you; complex performance optimizations
Statistics
GitHub Stars 99.2K	GitHub Stars -
GitHub Forks 26.7K	GitHub Forks -
Stacks 3.8K	Stacks 1.0K
Followers 4.8K	Followers 890
Votes 499	Votes 0
Pros & Cons
Pros 109 It's a powerful framework 53 Straight-forward architecture 48 TypeScript 45 Great UI and Business Logic separation 40 Powerful, maintainable, fast Cons 9 Overcomplicated 9 Large overhead in file size and initialization time 2 CLI not open to other test and linting tools 2 Ugly code	No community feedback yet
Integrations
Bugsnag Firebase Sentry Socket.IO	Redux React

What are some alternatives to Angular, React Redux?

AngularJS

AngularJS lets you write client-side web applications as if you had a smarter browser. It lets you use good old HTML (or HAML, Jade and friends!) as your template language and lets you extend HTML’s syntax to express your application’s components clearly and succinctly. It automatically synchronizes data from your UI (view) with your JavaScript objects (model) through 2-way data binding.

Vue.js

It is a library for building interactive web interfaces. It provides data-reactive components with a simple and flexible API.

Ember.js

A JavaScript framework that does all of the heavy lifting that you'd normally have to do by hand. There are tasks that are common to every web app; It does those things for you, so you can focus on building killer features and UI.

Backbone.js

Backbone supplies structure to JavaScript-heavy applications by providing models key-value binding and custom events, collections with a rich API of enumerable functions, views with declarative event handling, and connects it all to your existing application over a RESTful JSON interface.

Aurelia

Aurelia is a next generation JavaScript client framework that leverages simple conventions to empower your creativity.

Underscore

A JavaScript library that provides a whole mess of useful functional programming helpers without extending any built-in objects.

Deno

It is a secure runtime for JavaScript and TypeScript built with V8, Rust, and Tokio.

Mithril

Mithril is around 12kb gzipped thanks to its small, focused, API. It provides a templating engine with a virtual DOM diff implementation for performant rendering, utilities for high-level modelling via functional composition, as well as support for routing and componentization.

Marionette

It is a JavaScript library with a RESTful JSON interface and is based on the Model–view–presenter application design paradigm. Backbone is known for being lightweight, as its only hard dependency is on one JavaScript library, Underscore.js, plus jQuery for use of the full library.