Angular 2 versus React: There Will Be Blood

Cory House
Jan 3, 2016 · 10 min read
Photo credit: @jwcarrol

You’re Comparing Apples and Orangutans!

Angular 2 Advantages

Low Decision Fatigue

TypeScript = Clear Path

Reduced Churn

Broad Tooling Support

Web Component Friendly

React Advantages

JSX

Contrasting how Angular 2 and React handle a missing closing tag

React Fails Fast and Explicitly

React is JavaScript-Centric

Angular 2 continues to put “JS” into HTML. React puts “HTML” into JS.

React’s JavaScript-centric design = simplicity

{{myVar}} //One-way binding
ngModel="myVar" //Two-way binding
{myVar}
<ul>
<li *ngFor="#hero of heroes">
{{hero.name}}
</li>
</ul>
<ul>
{ heroes.map(hero =>
<li key={hero.id}>{hero.name}</li>
)}
</ul>

To read Angular: Learn a long list of Angular-specific syntax.

To read React: Learn JavaScript.

Ember: {{# each}}
Angular 1: ng-repeat
Angular 2: ngFor
Knockout: data-bind=”foreach”
React: JUST USE JS. :)
(click)=”onSelect(hero)"
onClick={this.onSelect.bind(this, hero)}

Luxurious Development Experience

Size Concerns

React Embraces the Unix Philosophy.

The philosophy of small, composable, single-purpose tools never goes out of style.

Showdown Summary


Thanks to Clayton Hunt

Cory House

Written by

Pluralsight Author, Principal at reactjsconsulting.com, Software Architect, Microsoft MVP, Speaker, Clean Coder, Aspiring Outlier.

Welcome to a place where words matter. On Medium, smart voices and original ideas take center stage - with no ads in sight. Watch
Follow all the topics you care about, and we’ll deliver the best stories for you to your homepage and inbox. Explore
Get unlimited access to the best stories on Medium — and support writers while you’re at it. Just $5/month. Upgrade