Implementation of Angular 2's "Tour of Heroes" Tutorial in React
JavaScript CSS HTML
Latest commit aad0f7e Jan 14, 2016 @coryhouse Update README.md

README.md

React Tour of Heroes

This is an implementation of Angular 2's Tour of Heroes tutorial application, but built in React for comparison. This project uses React Slingshot as a quick framework for getting started, so check out React Slingshot's docs for a full overview of the React stack involved.

I built this as part of my research for this post: Angular 2 versus React: There Will Be Blood

For comparison, check out the Angular 2 version.

Get Started

  1. npm install
  2. npm start

To Build

npm run build

How does this differ from the Angular 2 version?

  1. I used ES6 with Babel instead of TypeScript since that's included in the starter kit I selected. TypeScript isn't very popular in the React community anyway.
  2. I used Sass instead of embedding the styles in the component. Of course, I could have embedded the styles in the component via JSON if desired.
  3. The dev experience supports hot reloading via Redux and react-transform-hmr. Note that you can save changes to files and they're reflected immediately in the browser without requiring a refresh so you don't lose your client-side state. Nice. I'm not aware of an equivalent experience for Angular 2 yet. If you are, please let me know.
  4. It's much smaller. The built version is 151k compared to Angular 2's 764k.