¡Aquí tenemos un diagrama para hacerte feliz de nuevo!
Basado e inspirado en https://github.com/petehunt/react-howto
-
Si las tecnologías relacionadas con React te confunden y no sabes por donde empezar, lee Pete Hunt’s react-howto guide.
-
Si estás usando una librería Flux (o Redux) y esta añade mucho código boilerplate sin dar una ventaja obvia, elimínala y aprende a manejar el estado en React puro con la guía oficial Thinking in React.
-
Si no te sientes cómodo usando las funcionalidades de ES2015 (por ejemplo classes y fat arrows) y crees que necesitas actualizar tus conocimientos de JavaScript, Understanding ECMAScript 6 es una guía excelente. Usa Babel para verificar tus suposiciones.
-
Si simplemente estás aprendiendo React y los bundlers como Webpack te confunden, copia jarsbe/react-simple y empieza a trastear sin proceso de build.
-
Una vez hayas aprendido React en solitario, puedes comenzar a aprender buenas prácticas de despliegue como el uso de bundlers JavaScript. Usa Google Page Speed para evaluar como de bien está generando el código cliente tu aplicación.
- Edita el fichero
.dot
con https://atom.io/packages/graphviz-preview - Instala
dot
desde http://www.graphviz.org/Download.php - Instala
dot
, como parte de Graphviz.
- En OSX con Homebrew, simplemente
brew install graphviz
. - De otra forma, probablemente esté entre los paquetes de los repositorios de tu OS como
graphviz
. - También puedes conseguir un instalador de la página de descargas de Graphviz.
- Genera el
.svg
condot -Tsvg fatigue.dot > fatigue.svg
- ¡Envía una PR!