fatigue.svg

<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN"
 "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<!-- Generated by graphviz version 2.36.0 (20140111.2315)
 -->
<!-- Title: %3 Pages: 1 -->
<svg width="1432pt" height="2878pt"
 viewBox="0.00 0.00 1432.00 2878.00" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g id="graph0" class="graph" transform="scale(1 1) rotate(0) translate(4 2874)">
<title>%3</title>
<polygon fill="white" stroke="none" points="-4,4 -4,-2874 1428,-2874 1428,4 -4,4"/>
<!-- unhappy -->
<g id="node1" class="node"><title>unhappy</title>
<path fill="none" stroke="black" d="M411.25,-2870C411.25,-2870 310.75,-2870 310.75,-2870 304.75,-2870 298.75,-2864 298.75,-2858 298.75,-2858 298.75,-2846 298.75,-2846 298.75,-2840 304.75,-2834 310.75,-2834 310.75,-2834 411.25,-2834 411.25,-2834 417.25,-2834 423.25,-2840 423.25,-2846 423.25,-2846 423.25,-2858 423.25,-2858 423.25,-2864 417.25,-2870 411.25,-2870"/>
<text text-anchor="middle" x="361" y="-2848.3" font-family="Times,serif" font-size="14.00">React te pone triste.</text>
</g>
<!-- are_you_using_react_boilerplates -->
<g id="node2" class="node"><title>are_you_using_react_boilerplates</title>
<polygon fill="none" stroke="black" points="361,-2796 193.5,-2743 361,-2690 528.5,-2743 361,-2796"/>
<text text-anchor="middle" x="361" y="-2754.3" font-family="Times,serif" font-size="14.00">¿Estás aprendiendo</text>
<text text-anchor="middle" x="361" y="-2739.3" font-family="Times,serif" font-size="14.00"> &#160;&#160;&#160;a usar React copiando de</text>
<text text-anchor="middle" x="361" y="-2724.3" font-family="Times,serif" font-size="14.00"> &#160;&#160;&#160;proyectos boilerplate?</text>
</g>
<!-- unhappy&#45;&gt;are_you_using_react_boilerplates -->
<g id="edge1" class="edge"><title>unhappy&#45;&gt;are_you_using_react_boilerplates</title>
<path fill="none" stroke="black" d="M361,-2833.81C361,-2826.1 361,-2816.49 361,-2806.44"/>
<polygon fill="black" stroke="black" points="364.5,-2806.3 361,-2796.3 357.5,-2806.3 364.5,-2806.3"/>
</g>
<!-- boilerplates_dont_teach -->
<g id="node3" class="node"><title>boilerplates_dont_teach</title>
<polygon fill="none" stroke="black" points="352.25,-2637.5 -0.25,-2637.5 -0.25,-2404.5 352.25,-2404.5 352.25,-2637.5"/>
<text text-anchor="middle" x="176" y="-2622.3" font-family="Times,serif" font-size="14.00">Aprender React copiando de boilerplates</text>
<text text-anchor="middle" x="176" y="-2607.3" font-family="Times,serif" font-size="14.00"> &#160;&#160;&#160;es como aprender a cocinar comiendo en</text>
<text text-anchor="middle" x="176" y="-2592.3" font-family="Times,serif" font-size="14.00"> &#160;&#160;&#160;restaurantes caros. No funciona. Necesitas</text>
<text text-anchor="middle" x="176" y="-2577.3" font-family="Times,serif" font-size="14.00"> &#160;&#160;&#160;empezar por lo básico e ignorar el miedo a</text>
<text text-anchor="middle" x="176" y="-2562.3" font-family="Times,serif" font-size="14.00"> &#160;&#160;&#160;perderte cosas. Es insostenible. La gente crea</text>
<text text-anchor="middle" x="176" y="-2547.3" font-family="Times,serif" font-size="14.00"> &#160;&#160;&#160;boilerplates para mostrar lo que construyeron</text>
<text text-anchor="middle" x="176" y="-2532.3" font-family="Times,serif" font-size="14.00"> &#160;&#160;&#160;o aprendieron, no para ayudarte a aprender. Son</text>
<text text-anchor="middle" x="176" y="-2517.3" font-family="Times,serif" font-size="14.00"> &#160;&#160;&#160;creados por y para usuarios avanzados, y muy</text>
<text text-anchor="middle" x="176" y="-2502.3" font-family="Times,serif" font-size="14.00"> &#160;&#160;&#160;frecuentemente mucho más experimentales de lo que ellos</text>
<text text-anchor="middle" x="176" y="-2487.3" font-family="Times,serif" font-size="14.00"> &#160;&#160;&#160;admiten. Boilerplates compiten por popularidad lo que</text>
<text text-anchor="middle" x="176" y="-2472.3" font-family="Times,serif" font-size="14.00"> &#160;&#160;&#160;lleva a exceso de información. Si estás en esto por React,</text>
<text text-anchor="middle" x="176" y="-2457.3" font-family="Times,serif" font-size="14.00"> &#160;&#160;&#160;trata de aprenderlo en el orden que Pete Hunt describe en</text>
<text text-anchor="middle" x="176" y="-2442.3" font-family="Times,serif" font-size="14.00"> &#160;&#160;&#160;esta guía: https://github.com/petehunt/react&#45;howto.</text>
<text text-anchor="middle" x="176" y="-2427.3" font-family="Times,serif" font-size="14.00"> &#160;&#160;&#160;No mires boilerplates antes de que puedas crear el</text>
<text text-anchor="middle" x="176" y="-2412.3" font-family="Times,serif" font-size="14.00"> &#160;&#160;&#160;tuyo propio.</text>
</g>
<!-- are_you_using_react_boilerplates&#45;&gt;boilerplates_dont_teach -->
<g id="edge2" class="edge"><title>are_you_using_react_boilerplates&#45;&gt;boilerplates_dont_teach</title>
<path fill="none" stroke="black" d="M326.42,-2700.88C312.881,-2684.78 296.571,-2665.38 279.758,-2645.39"/>
<polygon fill="black" stroke="black" points="282.409,-2643.1 273.295,-2637.7 277.052,-2647.61 282.409,-2643.1"/>
<text text-anchor="middle" x="307" y="-2660.3" font-family="Times,serif" font-size="14.00">si</text>
</g>
<!-- steal_from_boilerplates -->
<g id="node4" class="node"><title>steal_from_boilerplates</title>
<polygon fill="none" stroke="black" points="722.5,-2607.5 371.5,-2607.5 371.5,-2434.5 722.5,-2434.5 722.5,-2607.5"/>
<text text-anchor="middle" x="547" y="-2592.3" font-family="Times,serif" font-size="14.00">Aunque usar boilerplates no sea un buen</text>
<text text-anchor="middle" x="547" y="-2577.3" font-family="Times,serif" font-size="14.00"> &#160;&#160;&#160;modo de aprender las tecnologías que combinan,</text>
<text text-anchor="middle" x="547" y="-2562.3" font-family="Times,serif" font-size="14.00"> &#160;&#160;&#160;son útiles para ver como esas tecnologías pueden</text>
<text text-anchor="middle" x="547" y="-2547.3" font-family="Times,serif" font-size="14.00"> &#160;&#160;&#160;ser enlazadas *después* de sentirte cómodo con</text>
<text text-anchor="middle" x="547" y="-2532.3" font-family="Times,serif" font-size="14.00"> &#160;&#160;&#160;cada una de ellas independientemente. Es una estupenda</text>
<text text-anchor="middle" x="547" y="-2517.3" font-family="Times,serif" font-size="14.00"> &#160;&#160;&#160;manera de descubrir nuevas tecnologías pero no te</text>
<text text-anchor="middle" x="547" y="-2502.3" font-family="Times,serif" font-size="14.00"> &#160;&#160;&#160;deberías sentir obligado a usarlas.</text>
<text text-anchor="middle" x="547" y="-2487.3" font-family="Times,serif" font-size="14.00"> &#160;&#160;&#160;No dejes de lado los proyectos boilerplate completamente.</text>
<text text-anchor="middle" x="547" y="-2472.3" font-family="Times,serif" font-size="14.00"> &#160;&#160;&#160;Simplemente te en cuenta que este tipo de proyectos son</text>
<text text-anchor="middle" x="547" y="-2457.3" font-family="Times,serif" font-size="14.00"> &#160;&#160;&#160;una colección de técnicas y trucos, no una base sólida</text>
<text text-anchor="middle" x="547" y="-2442.3" font-family="Times,serif" font-size="14.00"> &#160;&#160;&#160;para tu proyecto.</text>
</g>
<!-- are_you_using_react_boilerplates&#45;&gt;steal_from_boilerplates -->
<g id="edge3" class="edge"><title>are_you_using_react_boilerplates&#45;&gt;steal_from_boilerplates</title>
<path fill="none" stroke="black" d="M395.767,-2700.88C416.133,-2676.79 442.733,-2645.33 467.937,-2615.52"/>
<polygon fill="black" stroke="black" points="470.871,-2617.47 474.654,-2607.57 465.525,-2612.95 470.871,-2617.47"/>
<text text-anchor="middle" x="439" y="-2660.3" font-family="Times,serif" font-size="14.00">no</text>
</g>
<!-- are_you_using_flux -->
<g id="node5" class="node"><title>are_you_using_flux</title>
<polygon fill="none" stroke="black" points="404,-2366 288.5,-2313 404,-2260 519.5,-2313 404,-2366"/>
<text text-anchor="middle" x="404" y="-2324.3" font-family="Times,serif" font-size="14.00">¿Estás usando una</text>
<text text-anchor="middle" x="404" y="-2309.3" font-family="Times,serif" font-size="14.00"> &#160;&#160;&#160;librería Flux</text>
<text text-anchor="middle" x="404" y="-2294.3" font-family="Times,serif" font-size="14.00"> &#160;&#160;&#160;(o Redux)?</text>
</g>
<!-- boilerplates_dont_teach&#45;&gt;are_you_using_flux -->
<g id="edge4" class="edge"><title>boilerplates_dont_teach&#45;&gt;are_you_using_flux</title>
<path fill="none" stroke="black" d="M303.996,-2404.35C323.362,-2386.86 342.18,-2369.85 358.171,-2355.41"/>
<polygon fill="black" stroke="black" points="360.71,-2357.83 365.784,-2348.53 356.017,-2352.64 360.71,-2357.83"/>
</g>
<!-- steal_from_boilerplates&#45;&gt;are_you_using_flux -->
<g id="edge5" class="edge"><title>steal_from_boilerplates&#45;&gt;are_you_using_flux</title>
<path fill="none" stroke="black" d="M487.597,-2434.43C470.39,-2409.64 452.221,-2383.46 437.232,-2361.87"/>
<polygon fill="black" stroke="black" points="440.019,-2359.75 431.441,-2353.53 434.268,-2363.74 440.019,-2359.75"/>
</g>
<!-- is_too_much_flux -->
<g id="node6" class="node"><title>is_too_much_flux</title>
<polygon fill="none" stroke="black" points="279,-2193 105,-2140 279,-2087 453,-2140 279,-2193"/>
<text text-anchor="middle" x="279" y="-2151.3" font-family="Times,serif" font-size="14.00">¿Añade mucho</text>
<text text-anchor="middle" x="279" y="-2136.3" font-family="Times,serif" font-size="14.00"> &#160;&#160;&#160;código boilerplate</text>
<text text-anchor="middle" x="279" y="-2121.3" font-family="Times,serif" font-size="14.00"> &#160;&#160;&#160;sin dar una ventaja obvia?</text>
</g>
<!-- are_you_using_flux&#45;&gt;is_too_much_flux -->
<g id="edge6" class="edge"><title>are_you_using_flux&#45;&gt;is_too_much_flux</title>
<path fill="none" stroke="black" d="M375.322,-2272.77C357.762,-2248.75 335.103,-2217.75 316.175,-2191.85"/>
<polygon fill="black" stroke="black" points="318.898,-2189.65 310.171,-2183.64 313.247,-2193.78 318.898,-2189.65"/>
<text text-anchor="middle" x="358" y="-2230.3" font-family="Times,serif" font-size="14.00">si</text>
</g>
<!-- is_not_enough_flux -->
<g id="node7" class="node"><title>is_not_enough_flux</title>
<polygon fill="none" stroke="black" points="750,-2208 471,-2140 750,-2072 1029,-2140 750,-2208"/>
<text text-anchor="middle" x="750" y="-2158.8" font-family="Times,serif" font-size="14.00">¿Tienes algunos</text>
<text text-anchor="middle" x="750" y="-2143.8" font-family="Times,serif" font-size="14.00"> &#160;&#160;&#160;componentes con el estado muy cargado al</text>
<text text-anchor="middle" x="750" y="-2128.8" font-family="Times,serif" font-size="14.00"> &#160;&#160;&#160;inicio de la jerarquía de tus componentes que</text>
<text text-anchor="middle" x="750" y="-2113.8" font-family="Times,serif" font-size="14.00"> &#160;&#160;&#160;frecuentemente son fuente de bugs?</text>
</g>
<!-- are_you_using_flux&#45;&gt;is_not_enough_flux -->
<g id="edge7" class="edge"><title>are_you_using_flux&#45;&gt;is_not_enough_flux</title>
<path fill="none" stroke="black" d="M458.825,-2284.9C510.042,-2259.59 587.728,-2221.2 649.979,-2190.43"/>
<polygon fill="black" stroke="black" points="651.632,-2193.52 659.047,-2185.95 648.531,-2187.24 651.632,-2193.52"/>
<text text-anchor="middle" x="584" y="-2230.3" font-family="Times,serif" font-size="14.00">no</text>
</g>
<!-- remove_flux -->
<g id="node8" class="node"><title>remove_flux</title>
<polygon fill="none" stroke="black" points="462.25,-2019.5 203.75,-2019.5 203.75,-1936.5 462.25,-1936.5 462.25,-2019.5"/>
<text text-anchor="middle" x="333" y="-2004.3" font-family="Times,serif" font-size="14.00">Elimina la librería Flux.</text>
<text text-anchor="middle" x="333" y="-1989.3" font-family="Times,serif" font-size="14.00"> &#160;&#160;&#160;Intenta entender mejor como estructurar</text>
<text text-anchor="middle" x="333" y="-1974.3" font-family="Times,serif" font-size="14.00"> &#160;&#160;&#160;aplicaciones en React puro, leyendo</text>
<text text-anchor="middle" x="333" y="-1959.3" font-family="Times,serif" font-size="14.00"> &#160;&#160;&#160;“Thinking in React” en la documentación</text>
<text text-anchor="middle" x="333" y="-1944.3" font-family="Times,serif" font-size="14.00"> &#160;&#160;&#160;oficial.</text>
</g>
<!-- is_too_much_flux&#45;&gt;remove_flux -->
<g id="edge8" class="edge"><title>is_too_much_flux&#45;&gt;remove_flux</title>
<path fill="none" stroke="black" d="M295.056,-2091.43C301.681,-2071.8 309.366,-2049.03 316.08,-2029.13"/>
<polygon fill="black" stroke="black" points="319.407,-2030.22 319.288,-2019.63 312.774,-2027.98 319.407,-2030.22"/>
<text text-anchor="middle" x="318" y="-2042.3" font-family="Times,serif" font-size="14.00">si</text>
</g>
<!-- are_you_using_bundler -->
<g id="node9" class="node"><title>are_you_using_bundler</title>
<polygon fill="none" stroke="black" points="530,-1898 294,-1845 530,-1792 766,-1845 530,-1898"/>
<text text-anchor="middle" x="530" y="-1856.3" font-family="Times,serif" font-size="14.00">¿Estás usando</text>
<text text-anchor="middle" x="530" y="-1841.3" font-family="Times,serif" font-size="14.00"> &#160;&#160;&#160;algún bundler para tu JavaScript</text>
<text text-anchor="middle" x="530" y="-1826.3" font-family="Times,serif" font-size="14.00"> &#160;&#160;&#160;(por ejemplo Webpack, Browserify)?</text>
</g>
<!-- is_too_much_flux&#45;&gt;are_you_using_bundler -->
<g id="edge9" class="edge"><title>is_too_much_flux&#45;&gt;are_you_using_bundler</title>
<path fill="none" stroke="black" d="M351.579,-2108.98C391.772,-2089.05 439.772,-2059.3 471,-2020 497.029,-1987.24 511.874,-1942.37 520.162,-1906.4"/>
<polygon fill="black" stroke="black" points="523.608,-1907.03 522.33,-1896.51 516.77,-1905.53 523.608,-1907.03"/>
<text text-anchor="middle" x="520" y="-1974.3" font-family="Times,serif" font-size="14.00">no</text>
</g>
<!-- is_not_enough_flux&#45;&gt;are_you_using_bundler -->
<g id="edge11" class="edge"><title>is_not_enough_flux&#45;&gt;are_you_using_bundler</title>
<path fill="none" stroke="black" d="M653.336,-2095.37C621.401,-2076.48 588.564,-2051.39 567,-2020 544.56,-1987.33 535.32,-1943.69 531.685,-1908.29"/>
<polygon fill="black" stroke="black" points="535.147,-1907.71 530.765,-1898.06 528.175,-1908.34 535.147,-1907.71"/>
<text text-anchor="middle" x="574" y="-1974.3" font-family="Times,serif" font-size="14.00">no</text>
</g>
<!-- add_flux -->
<g id="node10" class="node"><title>add_flux</title>
<polygon fill="none" stroke="black" points="861.25,-2012 590.75,-2012 590.75,-1944 861.25,-1944 861.25,-2012"/>
<text text-anchor="middle" x="726" y="-1996.8" font-family="Times,serif" font-size="14.00">Considera usar una librería Flux.</text>
<text text-anchor="middle" x="726" y="-1981.8" font-family="Times,serif" font-size="14.00"> &#160;&#160;&#160;Esto puede ayudarte a externalizar el estado</text>
<text text-anchor="middle" x="726" y="-1966.8" font-family="Times,serif" font-size="14.00"> &#160;&#160;&#160;compartido entre muchos componentes</text>
<text text-anchor="middle" x="726" y="-1951.8" font-family="Times,serif" font-size="14.00"> &#160;&#160;&#160;y actualizarlo de manera consistente.</text>
</g>
<!-- is_not_enough_flux&#45;&gt;add_flux -->
<g id="edge10" class="edge"><title>is_not_enough_flux&#45;&gt;add_flux</title>
<path fill="none" stroke="black" d="M740.238,-2073.92C737.619,-2056.46 734.853,-2038.02 732.462,-2022.08"/>
<polygon fill="black" stroke="black" points="735.896,-2021.38 730.951,-2012.01 728.973,-2022.42 735.896,-2021.38"/>
<text text-anchor="middle" x="741" y="-2042.3" font-family="Times,serif" font-size="14.00">si</text>
</g>
<!-- remove_flux&#45;&gt;are_you_using_bundler -->
<g id="edge13" class="edge"><title>remove_flux&#45;&gt;are_you_using_bundler</title>
<path fill="none" stroke="black" d="M393.983,-1936.45C415.827,-1921.92 440.565,-1905.47 462.897,-1890.62"/>
<polygon fill="black" stroke="black" points="464.939,-1893.47 471.328,-1885.02 461.063,-1887.64 464.939,-1893.47"/>
</g>
<!-- are_you_working_on_production_app_with_bundler -->
<g id="node11" class="node"><title>are_you_working_on_production_app_with_bundler</title>
<polygon fill="none" stroke="black" points="395,-1740 150,-1702 395,-1664 640,-1702 395,-1740"/>
<text text-anchor="middle" x="395" y="-1705.8" font-family="Times,serif" font-size="14.00">¿Estás trabajando</text>
<text text-anchor="middle" x="395" y="-1690.8" font-family="Times,serif" font-size="14.00"> &#160;&#160;&#160;en una aplicación que está producción?</text>
</g>
<!-- are_you_using_bundler&#45;&gt;are_you_working_on_production_app_with_bundler -->
<g id="edge14" class="edge"><title>are_you_using_bundler&#45;&gt;are_you_working_on_production_app_with_bundler</title>
<path fill="none" stroke="black" d="M488.762,-1800.93C471.121,-1782.5 450.646,-1761.12 433.337,-1743.04"/>
<polygon fill="black" stroke="black" points="435.574,-1740.32 426.131,-1735.51 430.518,-1745.16 435.574,-1740.32"/>
<text text-anchor="middle" x="468" y="-1762.3" font-family="Times,serif" font-size="14.00">si</text>
</g>
<!-- are_you_working_on_production_app_without_bundler -->
<g id="node12" class="node"><title>are_you_working_on_production_app_without_bundler</title>
<polygon fill="none" stroke="black" points="903,-1740 658,-1702 903,-1664 1148,-1702 903,-1740"/>
<text text-anchor="middle" x="903" y="-1705.8" font-family="Times,serif" font-size="14.00">¿Estás trabajando</text>
<text text-anchor="middle" x="903" y="-1690.8" font-family="Times,serif" font-size="14.00"> &#160;&#160;&#160;en una aplicación que está producción?</text>
</g>
<!-- are_you_using_bundler&#45;&gt;are_you_working_on_production_app_without_bundler -->
<g id="edge15" class="edge"><title>are_you_using_bundler&#45;&gt;are_you_working_on_production_app_without_bundler</title>
<path fill="none" stroke="black" d="M616.511,-1811.3C679.124,-1787.63 763.083,-1755.89 823.913,-1732.9"/>
<polygon fill="black" stroke="black" points="825.354,-1736.09 833.47,-1729.28 822.879,-1729.55 825.354,-1736.09"/>
<text text-anchor="middle" x="756" y="-1762.3" font-family="Times,serif" font-size="14.00">no</text>
</g>
<!-- add_flux&#45;&gt;are_you_using_bundler -->
<g id="edge12" class="edge"><title>add_flux&#45;&gt;are_you_using_bundler</title>
<path fill="none" stroke="black" d="M676.541,-1943.94C652.391,-1927.8 622.98,-1908.14 596.861,-1890.69"/>
<polygon fill="black" stroke="black" points="598.767,-1887.75 588.508,-1885.1 594.877,-1893.57 598.767,-1887.75"/>
</g>
<!-- do_you_know_es2015 -->
<g id="node13" class="node"><title>do_you_know_es2015</title>
<polygon fill="none" stroke="black" points="693,-1460 452.5,-1407 693,-1354 933.5,-1407 693,-1460"/>
<text text-anchor="middle" x="693" y="-1418.3" font-family="Times,serif" font-size="14.00">¿Te sientes cómodo</text>
<text text-anchor="middle" x="693" y="-1403.3" font-family="Times,serif" font-size="14.00"> &#160;&#160;&#160;usando las funcionalidades de ES2015</text>
<text text-anchor="middle" x="693" y="-1388.3" font-family="Times,serif" font-size="14.00"> &#160;&#160;&#160;(por ejemplo classes y fat arrows)?</text>
</g>
<!-- are_you_working_on_production_app_with_bundler&#45;&gt;do_you_know_es2015 -->
<g id="edge16" class="edge"><title>are_you_working_on_production_app_with_bundler&#45;&gt;do_you_know_es2015</title>
<path fill="none" stroke="black" d="M382.402,-1665.86C369.109,-1621.97 354.659,-1546.75 391,-1498 411.296,-1470.77 482.928,-1448.79 551.333,-1433.36"/>
<polygon fill="black" stroke="black" points="552.388,-1436.71 561.395,-1431.14 550.875,-1429.88 552.388,-1436.71"/>
<text text-anchor="middle" x="396" y="-1551.3" font-family="Times,serif" font-size="14.00">si</text>
</g>
<!-- remove_bundler -->
<g id="node14" class="node"><title>remove_bundler</title>
<polygon fill="none" stroke="black" points="709.25,-1611.5 410.75,-1611.5 410.75,-1498.5 709.25,-1498.5 709.25,-1611.5"/>
<text text-anchor="middle" x="560" y="-1596.3" font-family="Times,serif" font-size="14.00">No hay necesidad de usar un bundler</text>
<text text-anchor="middle" x="560" y="-1581.3" font-family="Times,serif" font-size="14.00"> &#160;&#160;&#160;si estás simplemente aprendiendo React.</text>
<text text-anchor="middle" x="560" y="-1566.3" font-family="Times,serif" font-size="14.00"> &#160;&#160;&#160;Copia https://github.com/jarsbe/react&#45;simple</text>
<text text-anchor="middle" x="560" y="-1551.3" font-family="Times,serif" font-size="14.00"> &#160;&#160;&#160;y empieza a trastear sin usar proceso de build.</text>
<text text-anchor="middle" x="560" y="-1536.3" font-family="Times,serif" font-size="14.00"> &#160;&#160;&#160;Usa tags &lt;script&gt; hasta que te sientas cómodo</text>
<text text-anchor="middle" x="560" y="-1521.3" font-family="Times,serif" font-size="14.00"> &#160;&#160;&#160;con React y quieras aprender más sobre sistemas</text>
<text text-anchor="middle" x="560" y="-1506.3" font-family="Times,serif" font-size="14.00"> &#160;&#160;&#160;de módulos y diferentes bundlers.</text>
</g>
<!-- are_you_working_on_production_app_with_bundler&#45;&gt;remove_bundler -->
<g id="edge17" class="edge"><title>are_you_working_on_production_app_with_bundler&#45;&gt;remove_bundler</title>
<path fill="none" stroke="black" d="M430.803,-1669.54C447.863,-1654.54 468.897,-1636.06 489.001,-1618.39"/>
<polygon fill="black" stroke="black" points="491.45,-1620.9 496.651,-1611.67 486.829,-1615.64 491.45,-1620.9"/>
<text text-anchor="middle" x="480" y="-1634.3" font-family="Times,serif" font-size="14.00">no</text>
</g>
<!-- are_you_working_on_production_app_without_bundler&#45;&gt;do_you_know_es2015 -->
<g id="edge19" class="edge"><title>are_you_working_on_production_app_without_bundler&#45;&gt;do_you_know_es2015</title>
<path fill="none" stroke="black" d="M837.184,-1674.16C808.648,-1659.57 777.024,-1638.92 756,-1612 751.35,-1606.04 727.062,-1524.91 710.041,-1466.78"/>
<polygon fill="black" stroke="black" points="713.33,-1465.56 707.165,-1456.94 706.612,-1467.52 713.33,-1465.56"/>
<text text-anchor="middle" x="763" y="-1551.3" font-family="Times,serif" font-size="14.00">no</text>
</g>
<!-- add_bundler -->
<g id="node15" class="node"><title>add_bundler</title>
<polygon fill="none" stroke="black" points="1053.25,-1611.5 778.75,-1611.5 778.75,-1498.5 1053.25,-1498.5 1053.25,-1611.5"/>
<text text-anchor="middle" x="916" y="-1596.3" font-family="Times,serif" font-size="14.00">Añade un bundler en el proceso de build</text>
<text text-anchor="middle" x="916" y="-1581.3" font-family="Times,serif" font-size="14.00"> &#160;&#160;&#160;para mantener tus dependencias manejables</text>
<text text-anchor="middle" x="916" y="-1566.3" font-family="Times,serif" font-size="14.00"> &#160;&#160;&#160;y servir tu código JavaScript eficientemente.</text>
<text text-anchor="middle" x="916" y="-1551.3" font-family="Times,serif" font-size="14.00"> &#160;&#160;&#160;Usa Google Page Speed insights tool</text>
<text text-anchor="middle" x="916" y="-1536.3" font-family="Times,serif" font-size="14.00"> &#160;&#160;&#160;para medir como lo estás haciendo.</text>
<text text-anchor="middle" x="916" y="-1521.3" font-family="Times,serif" font-size="14.00"> &#160;&#160;&#160;Recuerda usar procesos de minify y envify</text>
<text text-anchor="middle" x="916" y="-1506.3" font-family="Times,serif" font-size="14.00"> &#160;&#160;&#160;en tu código.</text>
</g>
<!-- are_you_working_on_production_app_without_bundler&#45;&gt;add_bundler -->
<g id="edge18" class="edge"><title>are_you_working_on_production_app_without_bundler&#45;&gt;add_bundler</title>
<path fill="none" stroke="black" d="M906.28,-1664.41C907.448,-1651.39 908.8,-1636.3 910.119,-1621.6"/>
<polygon fill="black" stroke="black" points="913.616,-1621.78 911.023,-1611.51 906.644,-1621.16 913.616,-1621.78"/>
<text text-anchor="middle" x="914" y="-1634.3" font-family="Times,serif" font-size="14.00">si</text>
</g>
<!-- use_es5 -->
<g id="node16" class="node"><title>use_es5</title>
<polygon fill="none" stroke="black" points="839.25,-1148 510.75,-1148 510.75,-990 839.25,-990 839.25,-1148"/>
<text text-anchor="middle" x="675" y="-1132.8" font-family="Times,serif" font-size="14.00">No uses ES2015 todavía.</text>
<text text-anchor="middle" x="675" y="-1117.8" font-family="Times,serif" font-size="14.00"> &#160;&#160;&#160;No lo necesitas para aprender React.</text>
<text text-anchor="middle" x="675" y="-1102.8" font-family="Times,serif" font-size="14.00"> &#160;&#160;&#160;Algunas librerías de terceros usan frecuentemente</text>
<text text-anchor="middle" x="675" y="-1087.8" font-family="Times,serif" font-size="14.00"> &#160;&#160;&#160;sintaxis ES2015 en su documentación pero</text>
<text text-anchor="middle" x="675" y="-1072.8" font-family="Times,serif" font-size="14.00"> &#160;&#160;&#160;no necesitas librerías de terceros cuando</text>
<text text-anchor="middle" x="675" y="-1057.8" font-family="Times,serif" font-size="14.00"> &#160;&#160;&#160;simplemente estás aprendiendo React.</text>
<text text-anchor="middle" x="675" y="-1042.8" font-family="Times,serif" font-size="14.00"> &#160;&#160;&#160;Cuando quieras actualizar tus conocimientos sobre</text>
<text text-anchor="middle" x="675" y="-1027.8" font-family="Times,serif" font-size="14.00"> &#160;&#160;&#160;JavaScript, https://leanpub.com/understandinges6/read</text>
<text text-anchor="middle" x="675" y="-1012.8" font-family="Times,serif" font-size="14.00"> &#160;&#160;&#160;es una guía excelente. Usa http://babeljs.io/repl</text>
<text text-anchor="middle" x="675" y="-997.8" font-family="Times,serif" font-size="14.00"> &#160;&#160;&#160;para verificar tus suposiciones.</text>
</g>
<!-- do_you_know_es2015&#45;&gt;use_es5 -->
<g id="edge22" class="edge"><title>do_you_know_es2015&#45;&gt;use_es5</title>
<path fill="none" stroke="black" d="M690.247,-1354.6C687.457,-1302.53 683.088,-1220.98 679.741,-1158.5"/>
<polygon fill="black" stroke="black" points="683.222,-1158.04 679.192,-1148.25 676.232,-1158.42 683.222,-1158.04"/>
<text text-anchor="middle" x="696" y="-1324.3" font-family="Times,serif" font-size="14.00">no</text>
</g>
<!-- are_you_using_dangerous_features -->
<g id="node17" class="node"><title>are_you_using_dangerous_features</title>
<polygon fill="none" stroke="black" points="931,-1302 703,-1234 931,-1166 1159,-1234 931,-1302"/>
<text text-anchor="middle" x="931" y="-1252.8" font-family="Times,serif" font-size="14.00">¿Estás usando</text>
<text text-anchor="middle" x="931" y="-1237.8" font-family="Times,serif" font-size="14.00"> &#160;&#160;&#160;funcionalidades experimentales</text>
<text text-anchor="middle" x="931" y="-1222.8" font-family="Times,serif" font-size="14.00"> &#160;&#160;&#160;que no están disponibles en ES2015</text>
<text text-anchor="middle" x="931" y="-1207.8" font-family="Times,serif" font-size="14.00"> &#160;&#160;&#160;(por ejemplo decorators)?</text>
</g>
<!-- do_you_know_es2015&#45;&gt;are_you_using_dangerous_features -->
<g id="edge23" class="edge"><title>do_you_know_es2015&#45;&gt;are_you_using_dangerous_features</title>
<path fill="none" stroke="black" d="M748.5,-1366.12C780.672,-1343.01 821.602,-1313.6 856.544,-1288.5"/>
<polygon fill="black" stroke="black" points="858.745,-1291.22 864.824,-1282.55 854.661,-1285.54 858.745,-1291.22"/>
<text text-anchor="middle" x="817" y="-1324.3" font-family="Times,serif" font-size="14.00">si</text>
</g>
<!-- remove_bundler&#45;&gt;do_you_know_es2015 -->
<g id="edge21" class="edge"><title>remove_bundler&#45;&gt;do_you_know_es2015</title>
<path fill="none" stroke="black" d="M610.661,-1498.39C622.333,-1485.57 634.697,-1472 646.196,-1459.38"/>
<polygon fill="black" stroke="black" points="649.084,-1461.41 653.231,-1451.66 643.909,-1456.69 649.084,-1461.41"/>
</g>
<!-- add_bundler&#45;&gt;do_you_know_es2015 -->
<g id="edge20" class="edge"><title>add_bundler&#45;&gt;do_you_know_es2015</title>
<path fill="none" stroke="black" d="M831.057,-1498.39C807.912,-1483.23 783.146,-1467.02 761.072,-1452.57"/>
<polygon fill="black" stroke="black" points="762.717,-1449.46 752.434,-1446.91 758.883,-1455.32 762.717,-1449.46"/>
</g>
<!-- do_you_update_packages_asap -->
<g id="node18" class="node"><title>do_you_update_packages_asap</title>
<polygon fill="none" stroke="black" points="892,-708 676,-655 892,-602 1108,-655 892,-708"/>
<text text-anchor="middle" x="892" y="-666.3" font-family="Times,serif" font-size="14.00">¿Actualizas tus dependencias</text>
<text text-anchor="middle" x="892" y="-651.3" font-family="Times,serif" font-size="14.00"> &#160;&#160;&#160;a las nuevas versiones principales</text>
<text text-anchor="middle" x="892" y="-636.3" font-family="Times,serif" font-size="14.00"> &#160;&#160;&#160;directamente cuando se publican?</text>
</g>
<!-- use_es5&#45;&gt;do_you_update_packages_asap -->
<g id="edge24" class="edge"><title>use_es5&#45;&gt;do_you_update_packages_asap</title>
<path fill="none" stroke="black" d="M707.675,-989.751C738.404,-918.976 787.437,-812.856 840,-726 843.528,-720.17 847.424,-714.225 851.448,-708.387"/>
<polygon fill="black" stroke="black" points="854.505,-710.125 857.408,-699.936 848.785,-706.091 854.505,-710.125"/>
</g>
<!-- are_you_using_dangerous_features&#45;&gt;do_you_update_packages_asap -->
<g id="edge26" class="edge"><title>are_you_using_dangerous_features&#45;&gt;do_you_update_packages_asap</title>
<path fill="none" stroke="black" d="M913.24,-1171.15C899.142,-1118.66 880.585,-1041.1 873,-972 866.404,-911.916 869.823,-896.361 873,-836 875.097,-796.158 879.788,-751.56 883.983,-716.724"/>
<polygon fill="black" stroke="black" points="887.468,-717.058 885.208,-706.707 880.52,-716.208 887.468,-717.058"/>
<text text-anchor="middle" x="882" y="-806.3" font-family="Times,serif" font-size="14.00">no</text>
</g>
<!-- can_you_spend_days_on_your_tooling -->
<g id="node19" class="node"><title>can_you_spend_days_on_your_tooling</title>
<polygon fill="none" stroke="black" points="1153,-972 882,-904 1153,-836 1424,-904 1153,-972"/>
<text text-anchor="middle" x="1153" y="-922.8" font-family="Times,serif" font-size="14.00">¿Te puedes tirar días</text>
<text text-anchor="middle" x="1153" y="-907.8" font-family="Times,serif" font-size="14.00"> &#160;&#160;&#160;arreglando tus herramientas frecuentemente</text>
<text text-anchor="middle" x="1153" y="-892.8" font-family="Times,serif" font-size="14.00"> &#160;&#160;&#160;debido a bugs, incompatibilidades,</text>
<text text-anchor="middle" x="1153" y="-877.8" font-family="Times,serif" font-size="14.00"> &#160;&#160;&#160;y cambios en el standard?</text>
</g>
<!-- are_you_using_dangerous_features&#45;&gt;can_you_spend_days_on_your_tooling -->
<g id="edge25" class="edge"><title>are_you_using_dangerous_features&#45;&gt;can_you_spend_days_on_your_tooling</title>
<path fill="none" stroke="black" d="M968.911,-1176.99C1007.59,-1119.84 1067.58,-1031.21 1108.48,-970.77"/>
<polygon fill="black" stroke="black" points="1111.42,-972.678 1114.13,-962.434 1105.62,-968.754 1111.42,-972.678"/>
<text text-anchor="middle" x="1098" y="-1065.3" font-family="Times,serif" font-size="14.00">si</text>
</g>
<!-- give_it_two_months -->
<g id="node21" class="node"><title>give_it_two_months</title>
<polygon fill="none" stroke="black" points="987.5,-550 596.5,-550 596.5,-392 987.5,-392 987.5,-550"/>
<text text-anchor="middle" x="792" y="-534.8" font-family="Times,serif" font-size="14.00">A no ser que estemos hablando de React</text>
<text text-anchor="middle" x="792" y="-519.8" font-family="Times,serif" font-size="14.00"> &#160;&#160;&#160;que pasa unas pruebas muy estrictas en cada nueva publicación,</text>
<text text-anchor="middle" x="792" y="-504.8" font-family="Times,serif" font-size="14.00"> &#160;&#160;&#160;considera no actualizar tus paquetes con tanta frecuencia.</text>
<text text-anchor="middle" x="792" y="-489.8" font-family="Times,serif" font-size="14.00"> &#160;&#160;&#160;Puedes probar nuevas versiones de las dependencias</text>
<text text-anchor="middle" x="792" y="-474.8" font-family="Times,serif" font-size="14.00"> &#160;&#160;&#160;pero es mejor mantenerlas en una rama a parte por un par</text>
<text text-anchor="middle" x="792" y="-459.8" font-family="Times,serif" font-size="14.00"> &#160;&#160;&#160;de meses hasta que la comunidad encuentre y arregle los</text>
<text text-anchor="middle" x="792" y="-444.8" font-family="Times,serif" font-size="14.00"> &#160;&#160;&#160;problemas más comunes. ¡No tomes decisiones con miedo a</text>
<text text-anchor="middle" x="792" y="-429.8" font-family="Times,serif" font-size="14.00"> &#160;&#160;&#160;a perderte algo! Cuando mires en documentos antiguos,</text>
<text text-anchor="middle" x="792" y="-414.8" font-family="Times,serif" font-size="14.00"> &#160;&#160;&#160;no olvides revisar las releases etiquetadas en GitHub, por ejemplo</text>
<text text-anchor="middle" x="792" y="-399.8" font-family="Times,serif" font-size="14.00"> &#160;&#160;&#160;https://github.com/reactjs/react&#45;router/tree/0.13.x/doc</text>
</g>
<!-- do_you_update_packages_asap&#45;&gt;give_it_two_months -->
<g id="edge30" class="edge"><title>do_you_update_packages_asap&#45;&gt;give_it_two_months</title>
<path fill="none" stroke="black" d="M866.766,-608.074C858.537,-593.098 849.112,-575.944 839.789,-558.977"/>
<polygon fill="black" stroke="black" points="842.813,-557.212 834.93,-550.133 836.678,-560.583 842.813,-557.212"/>
<text text-anchor="middle" x="855" y="-572.3" font-family="Times,serif" font-size="14.00">si</text>
</g>
<!-- consider_updating_react -->
<g id="node22" class="node"><title>consider_updating_react</title>
<polygon fill="none" stroke="black" points="1320,-550 1006,-550 1006,-392 1320,-392 1320,-550"/>
<text text-anchor="middle" x="1163" y="-534.8" font-family="Times,serif" font-size="14.00">Buena idea.</text>
<text text-anchor="middle" x="1163" y="-519.8" font-family="Times,serif" font-size="14.00"> &#160;&#160;&#160;Sin embargo te animamos a</text>
<text text-anchor="middle" x="1163" y="-504.8" font-family="Times,serif" font-size="14.00"> &#160;&#160;&#160;probar (¡en una rama!) nuevas versiones de</text>
<text text-anchor="middle" x="1163" y="-489.8" font-family="Times,serif" font-size="14.00"> &#160;&#160;&#160;React tan pronto como sean publicadas.</text>
<text text-anchor="middle" x="1163" y="-474.8" font-family="Times,serif" font-size="14.00"> &#160;&#160;&#160;No como muchos de los paquetes de la comunidad,</text>
<text text-anchor="middle" x="1163" y="-459.8" font-family="Times,serif" font-size="14.00"> &#160;&#160;&#160;estos son fuertemente probados por Facebook.</text>
<text text-anchor="middle" x="1163" y="-444.8" font-family="Times,serif" font-size="14.00"> &#160;&#160;&#160;Fíjate bien en las notas de la release</text>
<text text-anchor="middle" x="1163" y="-429.8" font-family="Times,serif" font-size="14.00"> &#160;&#160;&#160;ya que enlazan codemods que</text>
<text text-anchor="middle" x="1163" y="-414.8" font-family="Times,serif" font-size="14.00"> &#160;&#160;&#160;automatizan partes del proceso de migración</text>
<text text-anchor="middle" x="1163" y="-399.8" font-family="Times,serif" font-size="14.00"> &#160;&#160;&#160;por ti.</text>
</g>
<!-- do_you_update_packages_asap&#45;&gt;consider_updating_react -->
<g id="edge31" class="edge"><title>do_you_update_packages_asap&#45;&gt;consider_updating_react</title>
<path fill="none" stroke="black" d="M948.81,-615.847C974.955,-598.289 1007.08,-576.714 1038.42,-555.666"/>
<polygon fill="black" stroke="black" points="1040.45,-558.52 1046.8,-550.039 1036.55,-552.709 1040.45,-558.52"/>
<text text-anchor="middle" x="1026" y="-572.3" font-family="Times,serif" font-size="14.00">no</text>
</g>
<!-- can_you_spend_days_on_your_tooling&#45;&gt;do_you_update_packages_asap -->
<g id="edge27" class="edge"><title>can_you_spend_days_on_your_tooling&#45;&gt;do_you_update_packages_asap</title>
<path fill="none" stroke="black" d="M1058.53,-859.631C1023.49,-840.182 985.415,-814.655 957,-784 938.228,-763.749 923.53,-737.052 912.895,-713.281"/>
<polygon fill="black" stroke="black" points="916.059,-711.779 908.875,-703.992 909.635,-714.559 916.059,-711.779"/>
<text text-anchor="middle" x="962" y="-761.3" font-family="Times,serif" font-size="14.00">si</text>
</g>
<!-- stick_to_es2015 -->
<g id="node20" class="node"><title>stick_to_es2015</title>
<polygon fill="none" stroke="black" points="1172.25,-784 975.75,-784 975.75,-746 1172.25,-746 1172.25,-784"/>
<text text-anchor="middle" x="1074" y="-768.8" font-family="Times,serif" font-size="14.00">Limítate a usar ES2015,</text>
<text text-anchor="middle" x="1074" y="-753.8" font-family="Times,serif" font-size="14.00"> &#160;&#160;&#160;JSX, y object spread operator.</text>
</g>
<!-- can_you_spend_days_on_your_tooling&#45;&gt;stick_to_es2015 -->
<g id="edge28" class="edge"><title>can_you_spend_days_on_your_tooling&#45;&gt;stick_to_es2015</title>
<path fill="none" stroke="black" d="M1119.04,-844.105C1108.82,-826.376 1098.09,-807.772 1089.67,-793.17"/>
<polygon fill="black" stroke="black" points="1092.52,-791.116 1084.5,-784.201 1086.46,-794.613 1092.52,-791.116"/>
<text text-anchor="middle" x="1108" y="-806.3" font-family="Times,serif" font-size="14.00">no</text>
</g>
<!-- stick_to_es2015&#45;&gt;do_you_update_packages_asap -->
<g id="edge29" class="edge"><title>stick_to_es2015&#45;&gt;do_you_update_packages_asap</title>
<path fill="none" stroke="black" d="M1043.54,-745.923C1021.62,-732.919 991.136,-714.828 963.249,-698.279"/>
<polygon fill="black" stroke="black" points="964.686,-695.062 954.3,-692.969 961.114,-701.082 964.686,-695.062"/>
</g>
<!-- are_you_still_sad -->
<g id="node23" class="node"><title>are_you_still_sad</title>
<polygon fill="none" stroke="black" points="1020,-354 891.477,-336 1020,-318 1148.52,-336 1020,-354"/>
<text text-anchor="middle" x="1020" y="-332.3" font-family="Times,serif" font-size="14.00">¿Sigues estando triste?</text>
</g>
<!-- give_it_two_months&#45;&gt;are_you_still_sad -->
<g id="edge32" class="edge"><title>give_it_two_months&#45;&gt;are_you_still_sad</title>
<path fill="none" stroke="black" d="M925.947,-391.864C948.848,-378.506 970.639,-365.794 987.47,-355.976"/>
<polygon fill="black" stroke="black" points="989.411,-358.896 996.285,-350.834 985.884,-352.849 989.411,-358.896"/>
</g>
<!-- consider_updating_react&#45;&gt;are_you_still_sad -->
<g id="edge33" class="edge"><title>consider_updating_react&#45;&gt;are_you_still_sad</title>
<path fill="none" stroke="black" d="M1078.99,-391.864C1066.13,-379.907 1053.83,-368.468 1043.82,-359.158"/>
<polygon fill="black" stroke="black" points="1046.03,-356.427 1036.32,-352.18 1041.26,-361.553 1046.03,-356.427"/>
</g>
<!-- rant -->
<g id="node24" class="node"><title>rant</title>
<polygon fill="none" stroke="black" points="1025,-265.5 771,-265.5 771,-152.5 1025,-152.5 1025,-265.5"/>
<text text-anchor="middle" x="898" y="-250.3" font-family="Times,serif" font-size="14.00">Escribe un post constructivo en tu blog</text>
<text text-anchor="middle" x="898" y="-235.3" font-family="Times,serif" font-size="14.00"> &#160;&#160;&#160;sobre los problemas que has encontrado.</text>
<text text-anchor="middle" x="898" y="-220.3" font-family="Times,serif" font-size="14.00"> &#160;&#160;&#160;Abstente de ataques personales.</text>
<text text-anchor="middle" x="898" y="-205.3" font-family="Times,serif" font-size="14.00"> &#160;&#160;&#160;Se educado. Ayuda a la comunidad a</text>
<text text-anchor="middle" x="898" y="-190.3" font-family="Times,serif" font-size="14.00"> &#160;&#160;&#160;encontrar soluciones. Considera</text>
<text text-anchor="middle" x="898" y="-175.3" font-family="Times,serif" font-size="14.00"> &#160;&#160;&#160;otras tecnologías que se adapten mejor</text>
<text text-anchor="middle" x="898" y="-160.3" font-family="Times,serif" font-size="14.00"> &#160;&#160;&#160;a tus necesidades (por ejemplo Ember).</text>
</g>
<!-- are_you_still_sad&#45;&gt;rant -->
<g id="edge34" class="edge"><title>are_you_still_sad&#45;&gt;rant</title>
<path fill="none" stroke="black" d="M1005.04,-319.673C993.46,-307.807 976.587,-290.52 959.648,-273.164"/>
<polygon fill="black" stroke="black" points="961.889,-270.449 952.399,-265.737 956.879,-275.338 961.889,-270.449"/>
<text text-anchor="middle" x="988" y="-288.3" font-family="Times,serif" font-size="14.00">si</text>
</g>
<!-- happy -->
<g id="node25" class="node"><title>happy</title>
<polygon fill="none" stroke="black" points="1130.25,-114 897.75,-114 897.75,-76 1130.25,-76 1130.25,-114"/>
<text text-anchor="middle" x="1014" y="-98.8" font-family="Times,serif" font-size="14.00">¡React te hace feliz!</text>
<text text-anchor="middle" x="1014" y="-83.8" font-family="Times,serif" font-size="14.00"> &#160;&#160;&#160;O por lo menos, ya no te pone triste.</text>
</g>
<!-- are_you_still_sad&#45;&gt;happy -->
<g id="edge35" class="edge"><title>are_you_still_sad&#45;&gt;happy</title>
<path fill="none" stroke="black" d="M1024.34,-318.411C1027.74,-304.523 1032.18,-284.122 1034,-266 1039.06,-215.587 1042.65,-201.923 1034,-152 1032.36,-142.54 1029.27,-132.563 1026.01,-123.692"/>
<polygon fill="black" stroke="black" points="1029.21,-122.274 1022.31,-114.235 1022.69,-124.823 1029.21,-122.274"/>
<text text-anchor="middle" x="1046" y="-205.3" font-family="Times,serif" font-size="14.00">no</text>
</g>
<!-- rant&#45;&gt;happy -->
<g id="edge36" class="edge"><title>rant&#45;&gt;happy</title>
<path fill="none" stroke="black" d="M955.66,-152.328C966.967,-141.412 978.29,-130.478 987.912,-121.188"/>
<polygon fill="black" stroke="black" points="990.469,-123.585 995.232,-114.121 985.607,-118.549 990.469,-123.585"/>
</g>
<!-- share -->
<g id="node26" class="node"><title>share</title>
<path fill="none" stroke="black" d="M1190.25,-38C1190.25,-38 837.75,-38 837.75,-38 831.75,-38 825.75,-32 825.75,-26 825.75,-26 825.75,-12 825.75,-12 825.75,-6 831.75,-0 837.75,-0 837.75,-0 1190.25,-0 1190.25,-0 1196.25,-0 1202.25,-6 1202.25,-12 1202.25,-12 1202.25,-26 1202.25,-26 1202.25,-32 1196.25,-38 1190.25,-38"/>
<text text-anchor="middle" x="1014" y="-22.8" font-family="Times,serif" font-size="14.00">Comparte este diagrama: http://bit.ly/react&#45;makes&#45;you&#45;sad.</text>
<text text-anchor="middle" x="1014" y="-7.8" font-family="Times,serif" font-size="14.00"> &#160;&#160;&#160;Basado e inspirado en https://github.com/petehunt/react&#45;howto.</text>
</g>
<!-- happy&#45;&gt;share -->
<g id="edge37" class="edge"><title>happy&#45;&gt;share</title>
<path fill="none" stroke="black" d="M1014,-75.7079C1014,-67.4635 1014,-57.5376 1014,-48.3622"/>
<polygon fill="black" stroke="black" points="1017.5,-48.0817 1014,-38.0817 1010.5,-48.0818 1017.5,-48.0817"/>
</g>
</g>
</svg>