<map version="freeplane 1.8.0">
<!--To view this file, download free mind mapping software Freeplane from http://freeplane.sourceforge.net -->
<node TEXT="preact" FOLDED="false" ID="ID_43637424" CREATED="1570527567769" MODIFIED="1588412687773" 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="25" 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="1588412725509" LINK="https://reactjs.org/docs/getting-started.html"/>
<node ID="ID_1368440092" CREATED="1588414342991" MODIFIED="1588414342991" LINK="https://project-awesome.org/ooade/awesome-preact"><richcontent TYPE="NODE">

<html>
  <head>
    
  </head>
  <body>
    <a http-equiv="content-type" content="text/html; charset=utf-8" href="https://project-awesome.org/ooade/awesome-preact">https://project-awesome.org/ooade/awesome-preact</a>&nbsp;
  </body>
</html>

</richcontent>
</node>
</node>
<node TEXT="tools" POSITION="left" ID="ID_198452527" CREATED="1578215073365" MODIFIED="1578215075106">
<edge COLOR="#007c00"/>
</node>
<node TEXT="components" POSITION="right" ID="ID_1505495598" CREATED="1577512552782" MODIFIED="1577512559248">
<edge COLOR="#00007c"/>
<node TEXT="ui" ID="ID_992692990" CREATED="1588437051333" MODIFIED="1588437053750">
<node TEXT="material" ID="ID_1459921493" CREATED="1588431576532" MODIFIED="1588431580483">
<node ID="ID_1707505497" CREATED="1588437227589" MODIFIED="1588437227589" LINK="https://www.jsdelivr.com/package/npm/preact-material-components"><richcontent TYPE="NODE">

<html>
  <head>
    
  </head>
  <body>
    <a http-equiv="content-type" content="text/html; charset=utf-8" href="https://www.jsdelivr.com/package/npm/preact-material-components">https://www.jsdelivr.com/package/npm/preact-material-components</a>&nbsp;
  </body>
</html>

</richcontent>
</node>
</node>
</node>
</node>
<node TEXT="import" POSITION="right" ID="ID_1291461369" CREATED="1588412808445" MODIFIED="1588412810044">
<edge COLOR="#7c007c"/>
<node TEXT="named" ID="ID_1418452284" CREATED="1588412811633" MODIFIED="1588412813591">
<node TEXT="h" ID="ID_820904776" CREATED="1588412888057" MODIFIED="1588412889472">
<node TEXT="element" ID="ID_1804939702" CREATED="1588431633499" MODIFIED="1588431638105"/>
<node TEXT="props" ID="ID_802405142" CREATED="1588431640464" MODIFIED="1588431644966"/>
<node TEXT="children" ID="ID_690077064" CREATED="1588431649279" MODIFIED="1588431653252"/>
</node>
<node TEXT="render" ID="ID_726022233" CREATED="1588412890484" MODIFIED="1588412892232"/>
<node TEXT="Component" ID="ID_1677658455" CREATED="1588412893528" MODIFIED="1588412896797"/>
</node>
<node TEXT="default" ID="ID_384194364" CREATED="1588412814562" MODIFIED="1588412816571"/>
</node>
<node TEXT="cdn" POSITION="right" ID="ID_1958994175" CREATED="1588413125612" MODIFIED="1588413127643">
<edge COLOR="#7c7c00"/>
<node TEXT="https://cdn.jsdelivr.net/npm/preact/dist/preact.min.js" ID="ID_1508457564" CREATED="1588413148179" MODIFIED="1588436820758" LINK="https://cdn.jsdelivr.net/npm/preact/dist/preact.min.js"/>
<node TEXT="https://cdn.jsdelivr.net/npm/preact/dist/preact.mjs" ID="ID_1735343997" CREATED="1588413148187" MODIFIED="1588436839042" LINK="https://cdn.jsdelivr.net/npm/preact/dist/preact.mjs"/>
</node>
<node TEXT="pragma" POSITION="right" ID="ID_1796225671" CREATED="1588413281012" MODIFIED="1588413285319">
<edge COLOR="#ff0000"/>
<node TEXT=".babelrc" ID="ID_1452537391" CREATED="1588413286460" MODIFIED="1588413289631">
<node TEXT="[&quot;@babel/plugin-transform-react-jsx&quot;, { &quot;pragma&quot;:&quot;h&quot; }]" ID="ID_980362494" CREATED="1588413362094" MODIFIED="1588413362094"/>
</node>
</node>
<node TEXT="jsx" POSITION="right" ID="ID_1077016112" CREATED="1588413389906" MODIFIED="1588413391730">
<edge COLOR="#0000ff"/>
</node>
<node TEXT="cli" POSITION="right" ID="ID_405419764" CREATED="1588415704639" MODIFIED="1588415706085">
<edge COLOR="#00ff00"/>
<node TEXT="preact create &lt;template&gt; &lt;app&gt;" ID="ID_374339320" CREATED="1588415707331" MODIFIED="1588415719846"/>
</node>
</node>
</map>
