<map version="freeplane 1.8.0">
<!--To view this file, download free mind mapping software Freeplane from http://freeplane.sourceforge.net -->
<node TEXT="react" FOLDED="false" ID="ID_43637424" CREATED="1570527567769" MODIFIED="1570527604613" LINK="../index.mm" STYLE="oval">
<font SIZE="18"/>
<hook NAME="MapStyle">
    <properties edgeColorConfiguration="#808080ff,#ff0000ff,#0000ffff,#00ff00ff,#ff00ffff,#00ffffff,#7c0000ff,#00007cff,#007c00ff,#7c007cff,#007c7cff,#7c7c00ff" fit_to_viewport="false"/>

<map_styles>
<stylenode LOCALIZED_TEXT="styles.root_node" STYLE="oval" UNIFORM_SHAPE="true" VGAP_QUANTITY="24.0 pt">
<font SIZE="24"/>
<stylenode LOCALIZED_TEXT="styles.predefined" POSITION="right" STYLE="bubble">
<stylenode LOCALIZED_TEXT="default" ICON_SIZE="12.0 pt" COLOR="#000000" STYLE="fork">
<font NAME="SansSerif" SIZE="10" BOLD="false" ITALIC="false"/>
</stylenode>
<stylenode LOCALIZED_TEXT="defaultstyle.details"/>
<stylenode LOCALIZED_TEXT="defaultstyle.attributes">
<font SIZE="9"/>
</stylenode>
<stylenode LOCALIZED_TEXT="defaultstyle.note" COLOR="#000000" BACKGROUND_COLOR="#ffffff" TEXT_ALIGN="LEFT"/>
<stylenode LOCALIZED_TEXT="defaultstyle.floating">
<edge STYLE="hide_edge"/>
<cloud COLOR="#f0f0f0" SHAPE="ROUND_RECT"/>
</stylenode>
</stylenode>
<stylenode LOCALIZED_TEXT="styles.user-defined" POSITION="right" STYLE="bubble">
<stylenode LOCALIZED_TEXT="styles.topic" COLOR="#18898b" STYLE="fork">
<font NAME="Liberation Sans" SIZE="10" BOLD="true"/>
</stylenode>
<stylenode LOCALIZED_TEXT="styles.subtopic" COLOR="#cc3300" STYLE="fork">
<font NAME="Liberation Sans" SIZE="10" BOLD="true"/>
</stylenode>
<stylenode LOCALIZED_TEXT="styles.subsubtopic" COLOR="#669900">
<font NAME="Liberation Sans" SIZE="10" BOLD="true"/>
</stylenode>
<stylenode LOCALIZED_TEXT="styles.important">
<icon BUILTIN="yes"/>
</stylenode>
</stylenode>
<stylenode LOCALIZED_TEXT="styles.AutomaticLayout" POSITION="right" STYLE="bubble">
<stylenode LOCALIZED_TEXT="AutomaticLayout.level.root" COLOR="#000000" STYLE="oval" SHAPE_HORIZONTAL_MARGIN="10.0 pt" SHAPE_VERTICAL_MARGIN="10.0 pt">
<font SIZE="18"/>
</stylenode>
<stylenode LOCALIZED_TEXT="AutomaticLayout.level,1" COLOR="#0033ff">
<font SIZE="16"/>
</stylenode>
<stylenode LOCALIZED_TEXT="AutomaticLayout.level,2" COLOR="#00b439">
<font SIZE="14"/>
</stylenode>
<stylenode LOCALIZED_TEXT="AutomaticLayout.level,3" COLOR="#990000">
<font SIZE="12"/>
</stylenode>
<stylenode LOCALIZED_TEXT="AutomaticLayout.level,4" COLOR="#111111">
<font SIZE="10"/>
</stylenode>
<stylenode LOCALIZED_TEXT="AutomaticLayout.level,5"/>
<stylenode LOCALIZED_TEXT="AutomaticLayout.level,6"/>
<stylenode LOCALIZED_TEXT="AutomaticLayout.level,7"/>
<stylenode LOCALIZED_TEXT="AutomaticLayout.level,8"/>
<stylenode LOCALIZED_TEXT="AutomaticLayout.level,9"/>
<stylenode LOCALIZED_TEXT="AutomaticLayout.level,10"/>
<stylenode LOCALIZED_TEXT="AutomaticLayout.level,11"/>
</stylenode>
</stylenode>
</map_styles>
</hook>
<hook NAME="AutomaticEdgeColor" COUNTER="19" RULE="ON_BRANCH_CREATION"/>
<node TEXT="links" POSITION="left" ID="ID_990086409" CREATED="1571160460734" MODIFIED="1571160488688">
<icon BUILTIN="attach"/>
<edge COLOR="#ff00ff"/>
<node TEXT="getting started" ID="ID_1710336257" CREATED="1570527641882" MODIFIED="1571160465273" LINK="https://reactjs.org/docs/getting-started.html"/>
<node TEXT="roadmap" ID="ID_1313044671" CREATED="1571810538956" MODIFIED="1571810954742" LINK="https://github.com/adam-golab/react-developer-roadmap">
<node TEXT="mine" ID="ID_63308067" CREATED="1571810963274" MODIFIED="1571810970442" LINK="roadmap.mm"/>
</node>
<node TEXT="meta frameworks" ID="ID_1544605098" CREATED="1571227413610" MODIFIED="1571817991015">
<node TEXT="iconic" ID="ID_662028730" CREATED="1571227427047" MODIFIED="1571227434154" LINK="https://ionicframework.com/blog/announcing-ionic-react/"/>
</node>
<node TEXT="react view" ID="ID_1353090153" CREATED="1577603835871" MODIFIED="1577611563038" LINK="https://baseweb.design/blog/introducing-react-view/"/>
<node TEXT="storybook" ID="ID_1418687782" CREATED="1577611575614" MODIFIED="1577611583019" LINK="https://storybook.js.org/"/>
<node TEXT="react mental modals" ID="ID_1046743230" CREATED="1588112838929" MODIFIED="1588112845860" LINK="https://obedparla.com/code/a-visual-guide-to-react-mental-models/"/>
</node>
<node TEXT="tools" POSITION="left" ID="ID_198452527" CREATED="1578215073365" MODIFIED="1578215075106">
<edge COLOR="#007c00"/>
<node ID="ID_1761135339" CREATED="1578215078698" MODIFIED="1578215078698" LINK="https://github.com/aeksco/react-typescript-chrome-extension-starter"><richcontent TYPE="NODE">

<html>
  <head>
    
  </head>
  <body>
    <a http-equiv="content-type" content="text/html; charset=utf-8" href="https://github.com/aeksco/react-typescript-chrome-extension-starter">https://github.com/aeksco/react-typescript-chrome-extension-starter</a> 
  </body>
</html>
</richcontent>
</node>
</node>
<node TEXT="Build Tools" POSITION="right" ID="ID_724688107" CREATED="1571811593039" MODIFIED="1571817987453">
<edge COLOR="#00007c"/>
<node TEXT="Package Managers" ID="ID_1501344868" CREATED="1571818240446" MODIFIED="1571818247534">
<node TEXT="npm" ID="ID_1504932536" CREATED="1571818264272" MODIFIED="1571818286848" LINK="https://www.npmjs.com/"/>
<node TEXT="yarn" ID="ID_188558832" CREATED="1571818266961" MODIFIED="1571818296089" LINK="https://yarnpkg.com/lang/en/"/>
<node TEXT="pnpm" ID="ID_698465838" CREATED="1571818269440" MODIFIED="1571818309392" LINK="https://pnpm.js.org/"/>
</node>
<node TEXT="Task Runners" ID="ID_592275761" CREATED="1571818370033" MODIFIED="1571818374007">
<node TEXT="Parcel" ID="ID_1059037154" CREATED="1571818399036" MODIFIED="1571818414261" LINK="https://parceljs.org/"/>
<node TEXT="Webpack" ID="ID_1143630574" CREATED="1571818388947" MODIFIED="1571818430216" LINK="https://webpack.js.org/"/>
<node TEXT="Rollup" ID="ID_839105692" CREATED="1571818396289" MODIFIED="1571818423193" LINK="https://rollupjs.org/guide/en"/>
<node TEXT="gulp" ID="ID_1625995004" CREATED="1571818386283" MODIFIED="1571818445223" LINK="https://gulpjs.com/"/>
<node TEXT="npm scripts" ID="ID_1300991999" CREATED="1571818380320" MODIFIED="1571818456661" LINK="https://docs.npmjs.com/misc/scripts"/>
</node>
</node>
<node TEXT="Styling" POSITION="right" ID="ID_1267363076" CREATED="1571811599841" MODIFIED="1571817987459">
<edge COLOR="#007c00"/>
</node>
<node TEXT="State Management" POSITION="right" ID="ID_1952310218" CREATED="1571811607571" MODIFIED="1571817987462">
<edge COLOR="#7c007c"/>
</node>
<node TEXT="Type Checkers" POSITION="right" ID="ID_1289375581" CREATED="1571811805261" MODIFIED="1571817987470">
<edge COLOR="#007c7c"/>
</node>
<node TEXT="Form Helpers" POSITION="right" ID="ID_1385748350" CREATED="1571811821518" MODIFIED="1571817987471">
<edge COLOR="#7c7c00"/>
</node>
<node TEXT="Routing" POSITION="right" ID="ID_1228318416" CREATED="1571811825328" MODIFIED="1571817987472">
<edge COLOR="#ff0000"/>
</node>
<node TEXT="API Clients" POSITION="right" ID="ID_1434625848" CREATED="1571811832714" MODIFIED="1571817987482">
<edge COLOR="#0000ff"/>
</node>
<node TEXT="Utility Libraries" POSITION="right" ID="ID_1862350426" CREATED="1571811842635" MODIFIED="1571817987483">
<edge COLOR="#00ff00"/>
</node>
<node TEXT="Testing" POSITION="right" ID="ID_1596624615" CREATED="1571811851473" MODIFIED="1571817987484">
<edge COLOR="#ff00ff"/>
</node>
<node TEXT="i18n" POSITION="right" ID="ID_454994441" CREATED="1571811854648" MODIFIED="1571817987487">
<edge COLOR="#00ffff"/>
</node>
<node TEXT="components" POSITION="right" ID="ID_1505495598" CREATED="1577512552782" MODIFIED="1577512559248">
<edge COLOR="#00007c"/>
<node TEXT="tabs" ID="ID_1663917073" CREATED="1577512560452" MODIFIED="1577512562501">
<node ID="ID_453444192" CREATED="1577512564345" MODIFIED="1577512564345" LINK="https://github.com/reactjs/react-tabs"><richcontent TYPE="NODE">

<html>
  <head>
    
  </head>
  <body>
    <a http-equiv="content-type" content="text/html; charset=utf-8" href="https://github.com/reactjs/react-tabs">https://github.com/reactjs/react-tabs</a> 
  </body>
</html>
</richcontent>
</node>
<node ID="ID_19921807" CREATED="1578126315601" MODIFIED="1578126315601" LINK="https://github.com/PaulLeCam/react-leaflet"><richcontent TYPE="NODE">

<html>
  <head>
    
  </head>
  <body>
    <a http-equiv="content-type" content="text/html; charset=utf-8" href="https://github.com/PaulLeCam/react-leaflet">https://github.com/PaulLeCam/react-leaflet</a> 
  </body>
</html>
</richcontent>
</node>
</node>
<node TEXT="spring" ID="ID_986349113" CREATED="1578944581432" MODIFIED="1578944584220">
<node ID="ID_1903890419" CREATED="1578944585842" MODIFIED="1578944585842" LINK="https://www.react-spring.io/docs/hooks/examples"><richcontent TYPE="NODE">

<html>
  <head>
    
  </head>
  <body>
    <a http-equiv="content-type" content="text/html; charset=utf-8" href="https://www.react-spring.io/docs/hooks/examples">https://www.react-spring.io/docs/hooks/examples</a> 
  </body>
</html>
</richcontent>
</node>
</node>
<node TEXT="maps" ID="ID_1508077530" CREATED="1579014669996" MODIFIED="1579014671374">
<node ID="ID_1645846646" CREATED="1579014672411" MODIFIED="1579014672411" LINK="https://blog.logrocket.com/react-map-library-comparison/"><richcontent TYPE="NODE">

<html>
  <head>
    
  </head>
  <body>
    <a http-equiv="content-type" content="text/html; charset=utf-8" href="https://blog.logrocket.com/react-map-library-comparison/">https://blog.logrocket.com/react-map-library-comparison/</a> 
  </body>
</html>
</richcontent>
</node>
</node>
</node>
<node TEXT="hooks" POSITION="right" ID="ID_1974336673" CREATED="1573031317266" MODIFIED="1573031357682" LINK="hooks.mm">
<edge COLOR="#7c0000"/>
</node>
</node>
</map>
