gaearon/react-makes-you-sad

Here’s a flowchart to make you happy again!

Makefile

2,066

40 commits

updated Oct 6, 2016

See the code

README

react-makes-you-sad

Here’s a flowchart to make you happy again!

Open in a new tab

Credits

Based on and inspired by https://github.com/petehunt/react-howto

  • If you are confused by the React ecosystem and don’t know where to start, read Pete Hunt’s react-howto guide.

  • If you are using a Flux library (or Redux) and it adds a lot of boilerplate for no obvious gain, remove it and learn state management in vanilla React with the official Thinking in React guide.

  • If you don’t feel comfortable using ES2015 features (e.g. classes and fat arrows) and you feel like updating your JavaScript knowledge, Understanding ECMAScript 6 is an amazing guide. Use Babel to verify your assumptions.

  • If you are just learning React, and a JavaScript bundler like Webpack confuses you, copy jarsbe/react-simple and start hacking with no build step.

  • After you’ve learned React itself you can begin learning good deployment practices such as using JavaScript bundlers. Use Google Page Speed to assess how well your app delivers the client code.

Contributing

  1. Edit the .dot file with https://atom.io/packages/graphviz-preview
  2. Install dot from http://www.graphviz.org/Download.php
  3. Install dot, a part of Graphviz.
  • On OSX with Homebrew, merely do brew install graphviz.
  • Otherwise, it's probably in your OS's package repositories as simply graphviz.
  • You can also get an installer from the Graphviz downloads page.
  1. Generate the .svg with dot -Tsvg fatigue.dot > fatigue.svg
  2. Send a PR!

Translation

License

CC0

gaearon/react-makes-you-sad

Here’s a flowchart to make you happy again!

Makefile

2,066

40 commits

updated Oct 6, 2016

See the code

README

react-makes-you-sad

Here’s a flowchart to make you happy again!

Open in a new tab

Credits

Based on and inspired by https://github.com/petehunt/react-howto

  • If you are confused by the React ecosystem and don’t know where to start, read Pete Hunt’s react-howto guide.

  • If you are using a Flux library (or Redux) and it adds a lot of boilerplate for no obvious gain, remove it and learn state management in vanilla React with the official Thinking in React guide.

  • If you don’t feel comfortable using ES2015 features (e.g. classes and fat arrows) and you feel like updating your JavaScript knowledge, Understanding ECMAScript 6 is an amazing guide. Use Babel to verify your assumptions.

  • If you are just learning React, and a JavaScript bundler like Webpack confuses you, copy jarsbe/react-simple and start hacking with no build step.

  • After you’ve learned React itself you can begin learning good deployment practices such as using JavaScript bundlers. Use Google Page Speed to assess how well your app delivers the client code.

Contributing

  1. Edit the .dot file with https://atom.io/packages/graphviz-preview
  2. Install dot from http://www.graphviz.org/Download.php
  3. Install dot, a part of Graphviz.
  • On OSX with Homebrew, merely do brew install graphviz.
  • Otherwise, it's probably in your OS's package repositories as simply graphviz.
  • You can also get an installer from the Graphviz downloads page.
  1. Generate the .svg with dot -Tsvg fatigue.dot > fatigue.svg
  2. Send a PR!

Translation

License

CC0

Significant stargazers

Lipis

1,707 followers · starred Oct 2017

Hugh Willson

432 followers · starred Mar 2016

Henri

79 followers · starred Feb 2016

Wassim Chegham

1,586 followers · starred Mar 2016