/
ContextAPI.drawio
66 lines (66 loc) · 5.91 KB
/
ContextAPI.drawio
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
<mxfile host="app.diagrams.net" modified="2020-12-13T23:26:46.258Z" agent="5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/87.0.4280.88 Safari/537.36" etag="y-U2sgXIP6HMLxbee0aj" version="14.0.1" type="github">
<diagram id="C5RBs43oDa-KdzZeNtuy" name="Page-1">
<mxGraphModel dx="1287" dy="752" grid="1" gridSize="10" guides="1" tooltips="1" connect="1" arrows="1" fold="1" page="1" pageScale="1" pageWidth="827" pageHeight="1169" math="0" shadow="0">
<root>
<mxCell id="WIyWlLk6GJQsqaUBKTNV-0" />
<mxCell id="WIyWlLk6GJQsqaUBKTNV-1" parent="WIyWlLk6GJQsqaUBKTNV-0" />
<mxCell id="bAbTVvDzwwmgNSvh9YL5-1" value="React 16.8" style="text;html=1;strokeColor=none;fillColor=none;align=left;verticalAlign=middle;whiteSpace=wrap;rounded=0;fontFamily=Verdana;" vertex="1" parent="WIyWlLk6GJQsqaUBKTNV-1">
<mxGeometry x="40" y="40" width="160" height="40" as="geometry" />
</mxCell>
<mxCell id="bAbTVvDzwwmgNSvh9YL5-41" value="" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;fontFamily=Verdana;exitX=0;exitY=0.5;exitDx=0;exitDy=0;" edge="1" parent="WIyWlLk6GJQsqaUBKTNV-1" source="bAbTVvDzwwmgNSvh9YL5-23">
<mxGeometry relative="1" as="geometry">
<mxPoint x="119" y="140" as="sourcePoint" />
<mxPoint x="80" y="240" as="targetPoint" />
</mxGeometry>
</mxCell>
<mxCell id="bAbTVvDzwwmgNSvh9YL5-51" value="" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;fontFamily=Verdana;fontSize=14;exitX=1;exitY=0.5;exitDx=0;exitDy=0;" edge="1" parent="WIyWlLk6GJQsqaUBKTNV-1" source="bAbTVvDzwwmgNSvh9YL5-23">
<mxGeometry relative="1" as="geometry">
<mxPoint x="320" y="240" as="targetPoint" />
</mxGeometry>
</mxCell>
<mxCell id="bAbTVvDzwwmgNSvh9YL5-22" value="Context Provider" style="shape=table;html=1;whiteSpace=wrap;startSize=40;container=1;collapsible=0;childLayout=tableLayout;fontStyle=1;align=center;fontFamily=Verdana;strokeWidth=4;fontSize=14;strokeColor=#3333FF;fillColor=#3333FF;fontColor=#FFFFFF;" vertex="1" parent="WIyWlLk6GJQsqaUBKTNV-1">
<mxGeometry x="120" y="120" width="160" height="80" as="geometry" />
</mxCell>
<mxCell id="bAbTVvDzwwmgNSvh9YL5-23" value="" style="shape=partialRectangle;html=1;whiteSpace=wrap;collapsible=0;dropTarget=0;pointerEvents=0;fillColor=none;top=0;left=0;bottom=0;right=0;points=[[0,0.5],[1,0.5]];portConstraint=eastwest;" vertex="1" parent="bAbTVvDzwwmgNSvh9YL5-22">
<mxGeometry y="40" width="160" height="40" as="geometry" />
</mxCell>
<mxCell id="bAbTVvDzwwmgNSvh9YL5-24" value="<b><font style="font-size: 14px" face="Verdana">App</font></b>" style="shape=partialRectangle;html=1;whiteSpace=wrap;connectable=0;top=0;left=0;bottom=0;right=0;overflow=hidden;strokeWidth=5;perimeterSpacing=5;labelBackgroundColor=none;fillColor=none;" vertex="1" parent="bAbTVvDzwwmgNSvh9YL5-23">
<mxGeometry width="160" height="40" as="geometry" />
</mxCell>
<mxCell id="bAbTVvDzwwmgNSvh9YL5-53" value="useContext" style="text;html=1;align=center;verticalAlign=middle;resizable=0;points=[];autosize=1;fontSize=14;fontFamily=Verdana;" vertex="1" parent="WIyWlLk6GJQsqaUBKTNV-1">
<mxGeometry x="155" y="320" width="90" height="20" as="geometry" />
</mxCell>
<mxCell id="bAbTVvDzwwmgNSvh9YL5-54" value="" style="endArrow=none;dashed=1;html=1;fontFamily=Verdana;fontSize=14;startArrow=classic;startFill=1;endFill=0;strokeWidth=1;curved=1;" edge="1" parent="WIyWlLk6GJQsqaUBKTNV-1">
<mxGeometry width="50" height="50" relative="1" as="geometry">
<mxPoint x="80" y="280" as="sourcePoint" />
<mxPoint x="153" y="331" as="targetPoint" />
<Array as="points">
<mxPoint x="80" y="331" />
</Array>
</mxGeometry>
</mxCell>
<mxCell id="bAbTVvDzwwmgNSvh9YL5-55" value="" style="endArrow=none;dashed=1;html=1;fontFamily=Verdana;fontSize=14;entryX=1.022;entryY=0.65;entryDx=0;entryDy=0;entryPerimeter=0;startArrow=classic;startFill=1;endFill=0;strokeWidth=1;curved=1;" edge="1" parent="WIyWlLk6GJQsqaUBKTNV-1" target="bAbTVvDzwwmgNSvh9YL5-53">
<mxGeometry width="50" height="50" relative="1" as="geometry">
<mxPoint x="320" y="280" as="sourcePoint" />
<mxPoint x="388.02" y="321" as="targetPoint" />
<Array as="points">
<mxPoint x="310" y="330" />
</Array>
</mxGeometry>
</mxCell>
<mxCell id="bAbTVvDzwwmgNSvh9YL5-56" value="" style="endArrow=none;dashed=1;html=1;dashPattern=1 3;strokeWidth=2;fontFamily=Verdana;fontSize=14;entryX=0.488;entryY=0.975;entryDx=0;entryDy=0;entryPerimeter=0;" edge="1" parent="WIyWlLk6GJQsqaUBKTNV-1" source="bAbTVvDzwwmgNSvh9YL5-53" target="bAbTVvDzwwmgNSvh9YL5-23">
<mxGeometry width="50" height="50" relative="1" as="geometry">
<mxPoint x="140" y="300" as="sourcePoint" />
<mxPoint x="190" y="250" as="targetPoint" />
</mxGeometry>
</mxCell>
<mxCell id="bAbTVvDzwwmgNSvh9YL5-57" value="Component" style="rounded=0;whiteSpace=wrap;html=1;shadow=0;sketch=0;strokeWidth=5;fillColor=#ffffff;fontSize=14;fontColor=#000000;strokeColor=#3333FF;fontStyle=1;fontFamily=Verdana;" vertex="1" parent="WIyWlLk6GJQsqaUBKTNV-1">
<mxGeometry y="240" width="160" height="40" as="geometry" />
</mxCell>
<mxCell id="bAbTVvDzwwmgNSvh9YL5-58" value="Component" style="rounded=0;whiteSpace=wrap;html=1;shadow=0;sketch=0;strokeWidth=5;fillColor=#ffffff;fontSize=14;fontColor=#000000;strokeColor=#3333FF;fontStyle=1;fontFamily=Verdana;" vertex="1" parent="WIyWlLk6GJQsqaUBKTNV-1">
<mxGeometry x="240" y="240" width="160" height="40" as="geometry" />
</mxCell>
</root>
</mxGraphModel>
</diagram>
</mxfile>