# react-makes-you-sad

**Repository Path**: mirrors_gaearon/react-makes-you-sad

## Basic Information

- **Project Name**: react-makes-you-sad
- **Description**: Here’s a flowchart to make you happy again!
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2020-08-08
- **Last Updated**: 2026-05-23

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# react-makes-you-sad
Here’s a flowchart to make you happy again!

## <a href='https://cdn.rawgit.com/gaearon/react-makes-you-sad/1377b6a6cdc644adfea6bf238f06c75d33ed6f1e/fatigue.svg' target='_blank'>Open in a new tab</a>

<img src='https://cdn.rawgit.com/gaearon/react-makes-you-sad/1377b6a6cdc644adfea6bf238f06c75d33ed6f1e/fatigue.svg'>

## Credits

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

## Links

* If you are confused by the React ecosystem and don’t know where to start, read <a href="https://github.com/petehunt/react-howto" target="_blank">Pete Hunt’s react-howto guide</a>.

* 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 <a href="https://facebook.github.io/react/docs/thinking-in-react.html" target="_blank">Thinking in React</a> guide.

* If you don’t feel comfortable using ES2015 features (e.g. classes and fat arrows) and you feel like updating your JavaScript knowledge, <a href="https://leanpub.com/understandinges6/read" target="_blank">Understanding ECMAScript 6</a> is an amazing guide. Use <a href="https://babeljs.io/repl/" target="_blank">Babel</a> to verify your assumptions.

* If you are just learning React, and a JavaScript bundler like Webpack confuses you, copy <a href="https://github.com/jarsbe/react-simple" target="_blank">jarsbe/react-simple</a> 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](https://developers.google.com/speed/pagespeed/) 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
2. Install `dot`, a part of [Graphviz](http://www.graphviz.org/).
  * On OSX with [Homebrew](http://www.brew.sh), 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](http://www.graphviz.org/Download.php).
3. Generate the `.svg` with `dot -Tsvg fatigue.dot > fatigue.svg`
4. Send a PR!

## Translation

- [Français](https://github.com/matteodelabre/react-vous-rend-triste)
- [Portuguese](https://github.com/brunogenaro/react-makes-you-sad)
- [Spanish](https://github.com/jvalen/react-makes-you-sad)
- [Tiếng Việt](https://github.com/petehouston/react-makes-you-sad)
- [简体中文](https://github.com/wyvernnot/react-makes-you-sad)
- [한국어](https://github.com/ehrudxo/react-makes-you-sad)
- [日本語](https://github.com/kuy/react-makes-you-sad)
- [Русский](https://github.com/Sacret/react-makes-you-sad)

## License

[CC0](https://wiki.creativecommons.org/wiki/CC0)