Update 01.drawio

StephenGrider · Jun 30, 2020 · 4605e51 · 4605e51
1 parent a6e0c29
commit 4605e51
Showing 1 changed file with 44 additions and 1 deletion.
diff --git a/diagrams/videos-hooks/01.drawio b/diagrams/videos-hooks/01.drawio
@@ -1,4 +1,4 @@
-<mxfile host="app.diagrams.net" modified="2020-06-30T16:44:10.594Z" agent="5.0 (Macintosh; Intel Mac OS X 10_15_1) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/83.0.4103.116 Safari/537.36" etag="JOGqSSDX_bqs_ewX2KDO" version="13.3.5" type="github" pages="9">
+<mxfile host="app.diagrams.net" modified="2020-06-30T16:46:11.909Z" agent="5.0 (Macintosh; Intel Mac OS X 10_15_1) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/83.0.4103.116 Safari/537.36" etag="NsFdbwY0suEq6H-J-GPR" version="13.3.5" type="github" pages="11">
   <diagram id="0aloGiby_6SStI5hnPZM" name="01 - opt">
     <mxGraphModel dx="601" dy="296" grid="1" gridSize="10" guides="1" tooltips="1" connect="1" arrows="1" fold="1" page="1" pageScale="1" pageWidth="1920" pageHeight="1200" math="0" shadow="0">
       <root>
@@ -65,6 +65,49 @@
       </root>
     </mxGraphModel>
   </diagram>
+  <diagram name="10 - reuse" id="vqLdgcgPV9AzyAq7xRXD">
+    <mxGraphModel dx="715" dy="352" grid="1" gridSize="10" guides="1" tooltips="1" connect="1" arrows="1" fold="1" page="1" pageScale="1" pageWidth="1920" pageHeight="1200" math="0" shadow="0">
+      <root>
+        <mxCell id="iy44oPP573DrapjV5_FE-0" />
+        <mxCell id="iy44oPP573DrapjV5_FE-1" parent="iy44oPP573DrapjV5_FE-0" />
+        <mxCell id="iy44oPP573DrapjV5_FE-2" value="App Component&lt;br style=&quot;font-size: 22px;&quot;&gt;&lt;br style=&quot;font-size: 22px;&quot;&gt;&lt;br style=&quot;font-size: 22px;&quot;&gt;&lt;br style=&quot;font-size: 22px;&quot;&gt;&lt;br style=&quot;font-size: 22px;&quot;&gt;" style="rounded=0;whiteSpace=wrap;html=1;shadow=1;fontSize=22;fontStyle=1;fillColor=#dae8fc;strokeColor=#6c8ebf;" vertex="1" parent="iy44oPP573DrapjV5_FE-1">
+          <mxGeometry x="615" y="260" width="270" height="140" as="geometry" />
+        </mxCell>
+        <mxCell id="iy44oPP573DrapjV5_FE-3" value="video fetching logic" style="rounded=0;whiteSpace=wrap;html=1;shadow=1;fontSize=22;fillColor=#ffe6cc;strokeColor=#d79b00;" vertex="1" parent="iy44oPP573DrapjV5_FE-1">
+          <mxGeometry x="650" y="320" width="200" height="60" as="geometry" />
+        </mxCell>
+        <mxCell id="iy44oPP573DrapjV5_FE-4" value="Analytics Component&lt;br style=&quot;font-size: 22px&quot;&gt;&lt;br style=&quot;font-size: 22px&quot;&gt;&lt;br style=&quot;font-size: 22px&quot;&gt;&lt;br&gt;&lt;br&gt;" style="rounded=0;whiteSpace=wrap;html=1;shadow=1;fontSize=22;fontStyle=1;fillColor=#dae8fc;strokeColor=#6c8ebf;" vertex="1" parent="iy44oPP573DrapjV5_FE-1">
+          <mxGeometry x="900" y="260" width="270" height="140" as="geometry" />
+        </mxCell>
+      </root>
+    </mxGraphModel>
+  </diagram>
+  <diagram name="11 - hook" id="C6N58Sm3MY166ApOAJ-p">
+    <mxGraphModel dx="653" dy="321" grid="1" gridSize="10" guides="1" tooltips="1" connect="1" arrows="1" fold="1" page="1" pageScale="1" pageWidth="1920" pageHeight="1200" math="0" shadow="0">
+      <root>
+        <mxCell id="MXHA2Y4Pfq7AaGpCcC7z-0" />
+        <mxCell id="MXHA2Y4Pfq7AaGpCcC7z-1" parent="MXHA2Y4Pfq7AaGpCcC7z-0" />
+        <mxCell id="MXHA2Y4Pfq7AaGpCcC7z-2" value="App Component" style="rounded=0;whiteSpace=wrap;html=1;shadow=1;fontSize=22;fontStyle=1;fillColor=#dae8fc;strokeColor=#6c8ebf;" vertex="1" parent="MXHA2Y4Pfq7AaGpCcC7z-1">
+          <mxGeometry x="740" y="260" width="150" height="140" as="geometry" />
+        </mxCell>
+        <mxCell id="MXHA2Y4Pfq7AaGpCcC7z-4" value="Analytics Component" style="rounded=0;whiteSpace=wrap;html=1;shadow=1;fontSize=22;fontStyle=1;fillColor=#dae8fc;strokeColor=#6c8ebf;" vertex="1" parent="MXHA2Y4Pfq7AaGpCcC7z-1">
+          <mxGeometry x="1150" y="260" width="150" height="140" as="geometry" />
+        </mxCell>
+        <mxCell id="MXHA2Y4Pfq7AaGpCcC7z-6" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;exitX=0;exitY=0.5;exitDx=0;exitDy=0;strokeWidth=1;fontSize=22;" edge="1" parent="MXHA2Y4Pfq7AaGpCcC7z-1" source="MXHA2Y4Pfq7AaGpCcC7z-5" target="MXHA2Y4Pfq7AaGpCcC7z-2">
+          <mxGeometry relative="1" as="geometry" />
+        </mxCell>
+        <mxCell id="MXHA2Y4Pfq7AaGpCcC7z-7" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;exitX=1;exitY=0.5;exitDx=0;exitDy=0;strokeWidth=1;fontSize=22;" edge="1" parent="MXHA2Y4Pfq7AaGpCcC7z-1" source="MXHA2Y4Pfq7AaGpCcC7z-5" target="MXHA2Y4Pfq7AaGpCcC7z-4">
+          <mxGeometry relative="1" as="geometry" />
+        </mxCell>
+        <mxCell id="MXHA2Y4Pfq7AaGpCcC7z-5" value="Custom Hook&lt;br style=&quot;font-size: 22px&quot;&gt;&lt;br style=&quot;font-size: 22px&quot;&gt;&lt;br style=&quot;font-size: 22px&quot;&gt;&lt;br&gt;&lt;br&gt;" style="rounded=0;whiteSpace=wrap;html=1;shadow=1;fontSize=22;fontStyle=1;fillColor=#d5e8d4;strokeColor=#82b366;" vertex="1" parent="MXHA2Y4Pfq7AaGpCcC7z-1">
+          <mxGeometry x="915" y="260" width="210" height="140" as="geometry" />
+        </mxCell>
+        <mxCell id="MXHA2Y4Pfq7AaGpCcC7z-3" value="video fetching logic" style="rounded=0;whiteSpace=wrap;html=1;shadow=1;fontSize=22;fillColor=#ffe6cc;strokeColor=#d79b00;" vertex="1" parent="MXHA2Y4Pfq7AaGpCcC7z-1">
+          <mxGeometry x="920" y="310" width="200" height="60" as="geometry" />
+        </mxCell>
+      </root>
+    </mxGraphModel>
+  </diagram>
   <diagram id="owRIlmFay1Ql-1MS50Le" name="03 - custom">
     <mxGraphModel dx="812" dy="399" grid="1" gridSize="10" guides="1" tooltips="1" connect="1" arrows="1" fold="1" page="1" pageScale="1" pageWidth="1920" pageHeight="1200" math="0" shadow="0">
       <root>