gaearon/react-makes-you-sad

Here’s a flowchart to make you happy again!

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

Links

• 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.

3. Generate the .svg with dot -Tsvg fatigue.dot > fatigue.svg
4. Send a PR!

Translation

• Français
• Portuguese
• Spanish
• Tiếng Việt
• 简体中文
• 한국어
• 日本語
• Русский

License

CC0

react-makes-you-sad's Issues

Please update translation to include Links section

Hi,

I couldn't raise issues on your repositories, that's why i'm mentioning everyone in here. Please update your translation to include the links section that makes it easier for people to access the suggested readings.

https://github.com/gaearon/react-makes-you-sad#links

@matteodelabre
@brunogenaro
@jvalen
@wyvernnot
@ehrudxo
@kuy

Thank you very much

Duplicate node

These node's should be duplicate? On the left one, it should be Are you not working ... or Are you working on a non-production...

Remove "dot" dependence

I think that "dot" dependence is not good for future contributions and project maintenance.

We have gh-pages and we can use the "viz.js" to render graph without "dot".

I've created a gh-pages with this approach. You can see here an example.

If do you agree, I can send a pull request (if gh-pages branch exists).

l10n

Do you accept translation of "react-makes-you-sad" in other languages?

The term boilerplate

While I agree that using these react/redux boilerplate example projects as a reference for advanced users is a good thing, I don't think boilerplate is a good word to describe it. As mentioned here all these sample projects do require a significant amount of setup to get running just right. I have benefited from looking at the configs of some of these boilerplate projects. You really need to try things out to get it working because every project is different. But, using the term 'boilerplate' on these repos may be confusing to some people because to me at least the term boilerplate implies that it is the minimal requirements to get up and running.

typo

"better suites your needs" should probably be "better suits your needs"