<commit_before>---
layout: post
title: Reactionary — the Awesome React resource list fleshed out
hcolor: '#eeeeee'
post_author: <NAME>
quote: The rapid adoption of React reflects how rapidly devs understand it
image:
      url: /media/2015-08-05-react-resources/cover.jpg
video: false
---
<p><img src="/media/2015-08-05-react-resources/react-logo.png" width="200px" style="float:left; padding-right: 10px;" />As noted in an <a href="http://www.super-script.us/2015/essential-js-links.html" title="link to post on essential JS links">earlier post</a>, there’s a ton of material to learn about JavaScript, and my approach to mastering it is first to rely on experienced, talented developers to point me in the right direction. In learning React.js, I quickly encountered references to “<a href="https://github.com/enaqx/awesome-react" title="link to awesome-react GitHub page">awesome React</a>” as a resource, and I concur, it <em>is</em> awesome — 700 links to React resources, divided into 72 categories. </p>

However, while it is massive and comprehensive it is also an unvariegated listing. So as I have begun to explore what each link offers, I am adding here some contextual information to the ur-source. 

That means this list — like  two previous ones I’ve posted on <a href="http://www.super-script.us/2015/essential-js-links.html" title="link to post on essential JS links">JavaScript</a> and <a href="http://www.super-script.us/2015/es6-tools.html" title="link to post on es6 tools">es6</a> (aka es2015) — is a _re_-presentation of someone else’s link list. The “awesome React” list was compiled by the relentless [<NAME>](https://twitter.com/enaqx "link to @enaqx twitter page"), who continues to update it.

I have not altered the original list (each link of which is usually characterized only by a single short phrase) except to provide visuals for many links, quote a self-description or summary from the site itself, identify authors when possible and cite some of the GitHub or npm metadata. Any non-quoted description that I myself have added appears in italics and/or within square brackets. (Btw, I’m doing this gradually, so for now only a few of those 700 links are fleshed out.)

<p>&nbsp; </p>



# Awesome React  [![Awesome](https://cdn.rawgit.com/sindresorhus/awesome/d7305f38d29fed78fa85652e3a63e154dd8e8829/media/badge.svg)](https://github.com/sindresorhus/awesome "link to site")


A collection of awesome things regarding React ecosystem.

- [React](#react)
  - [React General Resources](#react-general-resources)
  - [React Community](#react-community)
  - [React Online Playground](#react-online-playground)
  - [React Tutorials](#react-tutorials)
    - [React General Tutorials](#react-general-tutorials)
    - [Isomorphic Apps](#isomorphic-apps)
    - [JSX](#jsx)
    - [Building Robust Web Apps with React](#building-robust-web-apps-with-react)
    - [Comprehensive Guide to Building Apps with React](#comprehensive-guide-to-building-apps-with-react)
    - [Scotch.io React tutorials series](#scotchio-react-tutorials-series)
    - [React styling](#react-styling)
    - [React Charts Tutorials](#react-charts-tutorials)
    - [React and Backbone](#react-and-backbone)
    - [React and Angular](#react-and-angular)
    - [React and Bootstrap](#react-and-bootstrap)
    - [React and ClojureScript](#react-and-clojurescript)
    - [React and CoffeeScript](#react-and-coffeescript)
    - [React and Haskell](#react-and-haskell)
    - [React and SocketIO](#react-and-socketio)
    - [Server-Client with React](#server-client-with-react)<commit_msg>add explanatory note to ToC<commit_after>---
layout: post
title: Reactionary — the Awesome React resource list fleshed out
hcolor: '#eeeeee'
post_author: <NAME>
quote: The rapid adoption of React reflects how rapidly devs understand it
image:
      url: /media/2015-08-05-react-resources/cover.jpg
video: false
---
<p><img src="/media/2015-08-05-react-resources/react-logo.png" width="200px" style="float:left; padding-right: 10px;" />As noted in an <a href="http://www.super-script.us/2015/essential-js-links.html" title="link to post on essential JS links">earlier post</a>, there’s a ton of material to learn about JavaScript, and my approach to mastering it is first to rely on experienced, talented developers to point me in the right direction. In learning React.js, I quickly encountered references to “<a href="https://github.com/enaqx/awesome-react" title="link to awesome-react GitHub page">awesome React</a>” as a resource, and I concur, it <em>is</em> awesome — 700 links to React resources, divided into 72 categories. </p>

However, while it is massive and comprehensive it is also an unvariegated listing. So as I have begun to explore what each link offers, I am adding here some contextual information to the ur-source. 

That means this list — like  two previous ones I’ve posted on <a href="http://www.super-script.us/2015/essential-js-links.html" title="link to post on essential JS links">JavaScript</a> and <a href="http://www.super-script.us/2015/es6-tools.html" title="link to post on es6 tools">es6</a> (aka es2015) — is a _re_-presentation of someone else’s link list. The “awesome React” list was compiled by the relentless [<NAME>](https://twitter.com/enaqx "link to @enaqx twitter page"), who continues to update it.

I have not altered the original list (each link of which is usually characterized only by a single short phrase) except to provide visuals for many links, quote a self-description or summary from the site itself, identify authors when possible and cite some of the GitHub or npm metadata. Any non-quoted description that I myself have added appears in italics and/or within square brackets. (Btw, I’m doing this gradually, so for now only a few of those 700 links are fleshed out.)

<p>&nbsp; </p>



# Awesome React  [![Awesome](https://cdn.rawgit.com/sindresorhus/awesome/d7305f38d29fed78fa85652e3a63e154dd8e8829/media/badge.svg)](https://github.com/sindresorhus/awesome "link to site")


__A collection of awesome things regarding React ecosystem.__

Categories that the listings are arrange in:

- [React](#react)
  - [React General Resources](#react-general-resources)
  - [React Community](#react-community)
  - [React Online Playground](#react-online-playground)
  - [React Tutorials](#react-tutorials)
    - [React General Tutorials](#react-general-tutorials)
    - [Isomorphic Apps](#isomorphic-apps)
    - [JSX](#jsx)
    - [Building Robust Web Apps with React](#building-robust-web-apps-with-react)
    - [Comprehensive Guide to Building Apps with React](#comprehensive-guide-to-building-apps-with-react)
    - [Scotch.io React tutorials series](#scotchio-react-tutorials-series)
    - [React styling](#react-styling)
    - [React Charts Tutorials](#react-charts-tutorials)
    - [React and Backbone](#react-and-backbone)
    - [React and Angular](#react-and-angular)
    - [React and Bootstrap](#react-and-bootstrap)
    - [React and ClojureScript](#react-and-clojurescript)
    - [React and CoffeeScript](#react-and-coffeescript)
    - [React and Haskell](#react-and-haskell)
    - [React and SocketIO](#react-and-socketio)
    - [Server-Client with React](#server-client-with-react)
{'fraction_non_alphanumeric': 0.11617280531708668, 'fraction_numerical': 0.020492938244253668, 'mean_word_length': 4.434913468773514, 'pattern_counts': {'":': 0, '<': 37, '<?xml version=': 0, '>': 37, 'https://': 8, 'lorem ipsum': 0, 'www.': 6, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '4994135', 'n_tokens_mistral': 2350, 'n_tokens_neox': 2141, 'n_words': 762}