developer-roadmap/public/project/react.json

{
  "mockup": {
    "controls": {
      "control": [
        {
          "ID": "9771",
          "typeID": "Arrow",
          "zOrder": "1",
          "w": "122",
          "h": "18",
          "measuredW": "150",
          "measuredH": "100",
          "x": "1032",
          "y": "695",
          "properties": {
            "color": "2848996",
            "curvature": "0",
            "direction": "top",
            "leftArrow": "false",
            "rightArrow": "false",
            "stroke": "dotted",
            "p0": {
              "x": 122.14512175779441,
              "y": 0.26814563722564344
            },
            "p1": {
              "x": 0.4507017020005973,
              "y": 0.051000298596596466
            },
            "p2": {
              "x": -0.22207187435719788,
              "y": 18.345117423793454
            }
          }
        },
        {
          "ID": "9772",
          "typeID": "Arrow",
          "zOrder": "2",
          "w": "107",
          "h": "49",
          "measuredW": "150",
          "measuredH": "100",
          "x": "445",
          "y": "360",
          "properties": {
            "color": "2848996",
            "curvature": "0",
            "direction": "bottom",
            "leftArrow": "false",
            "rightArrow": "false",
            "stroke": "dotted",
            "p0": {
              "x": 107,
              "y": 49
            },
            "p1": {
              "x": 0.623226362084596,
              "y": 0.11385756526041142
            },
            "p2": {
              "x": -0.02838679217563822,
              "y": 0.14889944008285738
            }
          }
        },
        {
          "ID": "9773",
          "typeID": "Arrow",
          "zOrder": "3",
          "w": "109",
          "h": "2",
          "measuredW": "150",
          "measuredH": "100",
          "x": "434",
          "y": "419",
          "properties": {
            "color": "2848996",
            "curvature": "0",
            "direction": "bottom",
            "leftArrow": "false",
            "rightArrow": "false",
            "stroke": "dotted",
            "p0": {
              "x": 109,
              "y": 0
            },
            "p1": {
              "x": 0.6380090497737557,
              "y": -0.0018099547511312274
            },
            "p2": {
              "x": -0.15267712237124442,
              "y": 1.7703510910608884
            }
          }
        },
        {
          "ID": "9774",
          "typeID": "Arrow",
          "zOrder": "4",
          "w": "2",
          "h": "571",
          "measuredW": "150",
          "measuredH": "100",
          "x": "886",
          "y": "148",
          "properties": {
            "color": "2848996",
            "direction": "bottom",
            "leftArrow": "false",
            "rightArrow": "false",
            "p0": {
              "x": 2.621614465876405,
              "y": 0.236415956616014
            },
            "p1": {
              "x": 0.4642857142857143,
              "y": -0.00399211336195318
            },
            "p2": {
              "x": 2.621614465876405,
              "y": 570.8810260550937
            }
          }
        },
        {
          "ID": "9775",
          "typeID": "Label",
          "zOrder": "5",
          "measuredW": "76",
          "measuredH": "36",
          "x": "852",
          "y": "96",
          "properties": {
            "size": "28",
            "text": "React"
          }
        },
        {
          "ID": "9776",
          "typeID": "Arrow",
          "zOrder": "6",
          "w": "2",
          "h": "96",
          "measuredW": "150",
          "measuredH": "100",
          "x": "611",
          "y": "1171",
          "properties": {
            "color": "2848996",
            "curvature": "0",
            "direction": "bottom",
            "leftArrow": "false",
            "p0": {
              "length": 95,
              "x": 0,
              "y": 95
            },
            "p1": {
              "length": 0.4737749079645269,
              "x": 0.4737425216042544,
              "y": -0.005539552404165743
            },
            "p2": {
              "length": 1,
              "x": 1,
              "y": 0
            },
            "rightArrow": "false",
            "stroke": "dotted"
          }
        },
        {
          "ID": "9777",
          "typeID": "Arrow",
          "zOrder": "7",
          "w": "105",
          "h": "15",
          "measuredW": "150",
          "measuredH": "100",
          "x": "448",
          "y": "1120",
          "properties": {
            "color": "2848996",
            "curvature": "-1",
            "direction": "bottom",
            "leftArrow": "false",
            "p0": {
              "x": 104,
              "y": 0
            },
            "p1": {
              "x": 0.5740721807586137,
              "y": 0.016256006543298233
            },
            "p2": {
              "x": 0,
              "y": 14
            },
            "rightArrow": "false",
            "stroke": "dotted"
          }
        },
        {
          "ID": "9778",
          "typeID": "Arrow",
          "zOrder": "8",
          "w": "92",
          "h": "22",
          "measuredW": "150",
          "measuredH": "100",
          "x": "459",
          "y": "1092",
          "properties": {
            "color": "2848996",
            "curvature": "0",
            "direction": "top",
            "leftArrow": "false",
            "p0": {
              "x": 91,
              "y": 21
            },
            "p1": {
              "x": 0.5676406229888018,
              "y": 0.009525035397091009
            },
            "p2": {
              "x": 0,
              "y": 0
            },
            "rightArrow": "false",
            "stroke": "dotted"
          }
        },
        {
          "ID": "9779",
          "typeID": "Arrow",
          "zOrder": "9",
          "w": "89",
          "h": "19",
          "measuredW": "150",
          "measuredH": "100",
          "x": "455",
          "y": "1063",
          "properties": {
            "color": "2848996",
            "curvature": "-1",
            "direction": "bottom",
            "leftArrow": "false",
            "p0": {
              "x": 88,
              "y": 0
            },
            "p1": {
              "x": 0.5740721807586137,
              "y": 0.016256006543298233
            },
            "p2": {
              "x": 0,
              "y": 18
            },
            "rightArrow": "false",
            "stroke": "dotted"
          }
        },
        {
          "ID": "9780",
          "typeID": "Arrow",
          "zOrder": "10",
          "w": "6",
          "h": "75",
          "measuredW": "150",
          "measuredH": "100",
          "x": "1108",
          "y": "1143",
          "properties": {
            "color": "2848996",
            "curvature": "1",
            "direction": "top",
            "leftArrow": "false",
            "p0": {
              "length": 74.16872656315464,
              "x": 5,
              "y": 74
            },
            "p1": {
              "length": 0.5062618190857066,
              "x": 0.5058572949946751,
              "y": 0.020234291799786995
            },
            "p2": {
              "length": 1,
              "x": 1,
              "y": 0
            },
            "rightArrow": "false",
            "stroke": "dotted"
          }
        },
        {
          "ID": "9781",
          "typeID": "Arrow",
          "zOrder": "11",
          "w": "155",
          "h": "517",
          "measuredW": "150",
          "measuredH": "100",
          "x": "677",
          "y": "1033",
          "properties": {
            "color": "2848996",
            "curvature": "-1",
            "direction": "bottom",
            "leftArrow": "false",
            "rightArrow": "false",
            "stroke": "dotted",
            "p0": {
              "x": 145,
              "y": 0
            },
            "p1": {
              "x": 0.6169504337496851,
              "y": 0.15190237932399836
            },
            "p2": {
              "x": 0,
              "y": 517
            }
          }
        },
        {
          "ID": "9782",
          "typeID": "Arrow",
          "zOrder": "12",
          "w": "95",
          "h": "1",
          "measuredW": "150",
          "measuredH": "100",
          "x": "451",
          "y": "1546",
          "properties": {
            "color": "2848996",
            "curvature": "0",
            "direction": "top",
            "leftArrow": "false",
            "p0": {
              "length": 0,
              "x": 0,
              "y": 0
            },
            "p1": {
              "length": 0.638011617080294,
              "x": 0.6380090497737556,
              "y": -0.0018099547511312248
            },
            "p2": {
              "length": 94,
              "x": 94,
              "y": 0
            },
            "rightArrow": "false",
            "stroke": "dotted"
          }
        },
        {
          "ID": "9783",
          "typeID": "Arrow",
          "zOrder": "13",
          "w": "101",
          "h": "33",
          "measuredW": "150",
          "measuredH": "100",
          "x": "1184",
          "y": "1391",
          "properties": {
            "color": "2848996",
            "curvature": "-1",
            "direction": "top",
            "leftArrow": "false",
            "p0": {
              "length": 0,
              "x": 0,
              "y": 0
            },
            "p1": {
              "length": 0.49484881151760673,
              "x": 0.49473684210526325,
              "y": -0.01052631578947367
            },
            "p2": {
              "length": 104.9952379872535,
              "x": 100,
              "y": 32
            },
            "rightArrow": "false",
            "stroke": "dotted"
          }
        },
        {
          "ID": "9784",
          "typeID": "Arrow",
          "zOrder": "14",
          "w": "88",
          "h": "7",
          "measuredW": "150",
          "measuredH": "100",
          "x": "1187",
          "y": "1373",
          "properties": {
            "color": "2848996",
            "curvature": "1",
            "direction": "bottom",
            "leftArrow": "false",
            "p0": {
              "length": 6,
              "x": 0,
              "y": 6
            },
            "p1": {
              "length": 0.4948488115176065,
              "x": 0.49473684210526303,
              "y": -0.010526315789473628
            },
            "p2": {
              "length": 87,
              "x": 87,
              "y": 0
            },
            "rightArrow": "false",
            "stroke": "dotted"
          }
        },
        {
          "ID": "9785",
          "typeID": "Arrow",
          "zOrder": "15",
          "w": "86",
          "h": "55",
          "measuredW": "150",
          "measuredH": "100",
          "x": "1187",
          "y": "1322",
          "properties": {
            "color": "2848996",
            "curvature": "1",
            "direction": "bottom",
            "leftArrow": "false",
            "p0": {
              "length": 54,
              "x": 0,
              "y": 54
            },
            "p1": {
              "length": 0.4948488115176066,
              "x": 0.49473684210526314,
              "y": -0.010526315789473687
            },
            "p2": {
              "length": 85,
              "x": 85,
              "y": 0
            },
            "rightArrow": "false",
            "stroke": "dotted"
          }
        },
        {
          "ID": "9786",
          "typeID": "Arrow",
          "zOrder": "16",
          "w": "6",
          "h": "736",
          "measuredW": "150",
          "measuredH": "100",
          "x": "876",
          "y": "1035",
          "properties": {
            "color": "2848996",
            "curvature": "0",
            "direction": "top",
            "leftArrow": "false",
            "rightArrow": "false",
            "p0": {
              "x": 0,
              "y": 0
            },
            "p1": {
              "x": 0.5326751848090502,
              "y": 0.008478779433645882
            },
            "p2": {
              "x": 0,
              "y": 735.966031340103
            }
          }
        },
        {
          "ID": "9787",
          "typeID": "Arrow",
          "zOrder": "17",
          "w": "1",
          "h": "82",
          "measuredW": "150",
          "measuredH": "100",
          "x": "1125",
          "y": "1377",
          "properties": {
            "color": "2848996",
            "curvature": "-1",
            "direction": "top",
            "leftArrow": "false",
            "p0": {
              "length": 81,
              "x": 0,
              "y": 81
            },
            "p1": {
              "length": 0.4948488115176067,
              "x": 0.4947368421052632,
              "y": -0.010526315789473686
            },
            "p2": {
              "length": 0,
              "x": 0,
              "y": 0
            },
            "rightArrow": "false",
            "stroke": "dotted"
          }
        },
        {
          "ID": "9788",
          "typeID": "Arrow",
          "zOrder": "18",
          "w": "170",
          "h": "343",
          "measuredW": "150",
          "measuredH": "100",
          "x": "902",
          "y": "1037",
          "properties": {
            "color": "2848996",
            "curvature": "-1",
            "direction": "top",
            "leftArrow": "false",
            "p0": {
              "x": 0,
              "y": 0
            },
            "p1": {
              "x": 0.6386805175102196,
              "y": -0.15317754646213494
            },
            "p2": {
              "x": 169,
              "y": 342
            },
            "rightArrow": "false",
            "stroke": "dotted"
          }
        },
        {
          "ID": "9789",
          "typeID": "Arrow",
          "zOrder": "19",
          "w": "65",
          "h": "99",
          "measuredW": "150",
          "measuredH": "100",
          "x": "680",
          "y": "1019",
          "properties": {
            "color": "2848996",
            "curvature": "-1",
            "direction": "bottom",
            "leftArrow": "false",
            "p0": {
              "x": 64,
              "y": 0
            },
            "p1": {
              "x": 0.6971153846153847,
              "y": 0.14182692307692307
            },
            "p2": {
              "x": 0,
              "y": 98
            },
            "rightArrow": "false",
            "stroke": "dotted"
          }
        },
        {
          "ID": "9790",
          "typeID": "Arrow",
          "zOrder": "20",
          "w": "64",
          "h": "109",
          "measuredW": "150",
          "measuredH": "100",
          "x": "928",
          "y": "1028",
          "properties": {
            "color": "2848996",
            "curvature": "-1",
            "direction": "top",
            "leftArrow": "false",
            "p0": {
              "x": 0,
              "y": 0
            },
            "p1": {
              "x": 0.7038144329896907,
              "y": -0.09391752577319588
            },
            "p2": {
              "x": 63,
              "y": 108
            },
            "rightArrow": "false",
            "stroke": "dotted"
          }
        },
        {
          "ID": "9791",
          "typeID": "Arrow",
          "zOrder": "21",
          "w": "86",
          "h": "54",
          "measuredW": "150",
          "measuredH": "100",
          "x": "1158",
          "y": "915",
          "properties": {
            "color": "2848996",
            "curvature": "1",
            "direction": "bottom",
            "leftArrow": "false",
            "rightArrow": "false",
            "stroke": "dotted",
            "p0": {
              "x": 86.52998069063369,
              "y": -0.02712034141109143
            },
            "p1": {
              "x": 0.3915365653245692,
              "y": 0.03985209531635175
            },
            "p2": {
              "x": 0.31673063161792925,
              "y": 54.20379501829245
            }
          }
        },
        {
          "ID": "9792",
          "typeID": "Arrow",
          "zOrder": "22",
          "w": "89",
          "h": "8",
          "measuredW": "150",
          "measuredH": "100",
          "x": "1149",
          "y": "965",
          "properties": {
            "color": "2848996",
            "curvature": "1",
            "direction": "top",
            "leftArrow": "false",
            "rightArrow": "false",
            "stroke": "dotted",
            "p0": {
              "x": 89,
              "y": 0
            },
            "p1": {
              "x": 0.534385051309542,
              "y": 0.03614642364833824
            },
            "p2": {
              "x": -0.41702340730330434,
              "y": 6.984867600841426
            }
          }
        },
        {
          "ID": "9793",
          "typeID": "Arrow",
          "zOrder": "23",
          "w": "60",
          "h": "103",
          "measuredW": "150",
          "measuredH": "100",
          "x": "1176",
          "y": "1060",
          "properties": {
            "color": "2848996",
            "curvature": "1",
            "direction": "top",
            "leftArrow": "false",
            "p0": {
              "x": 59,
              "y": 102
            },
            "p1": {
              "x": 0.5058572949946751,
              "y": 0.020234291799787023
            },
            "p2": {
              "x": 0,
              "y": 0
            },
            "rightArrow": "false",
            "stroke": "dotted"
          }
        },
        {
          "ID": "9794",
          "typeID": "Arrow",
          "zOrder": "24",
          "w": "66",
          "h": "75",
          "measuredW": "150",
          "measuredH": "100",
          "x": "1175",
          "y": "1051",
          "properties": {
            "color": "2848996",
            "curvature": "-1",
            "direction": "top",
            "leftArrow": "false",
            "p0": {
              "x": 65,
              "y": 74
            },
            "p1": {
              "x": 0.5567467271415318,
              "y": -0.043088341408102256
            },
            "p2": {
              "x": 0,
              "y": 0
            },
            "rightArrow": "false",
            "stroke": "dotted"
          }
        },
        {
          "ID": "9795",
          "typeID": "Arrow",
          "zOrder": "25",
          "w": "86",
          "h": "4",
          "measuredW": "150",
          "measuredH": "100",
          "x": "1158",
          "y": "1043",
          "properties": {
            "color": "2848996",
            "curvature": "-1",
            "direction": "top",
            "leftArrow": "false",
            "rightArrow": "false",
            "stroke": "dotted",
            "p0": {
              "x": 86.52998069063369,
              "y": 2.683291038387324
            },
            "p1": {
              "x": 0.4826498422712937,
              "y": 0.022082018927444474
            },
            "p2": {
              "x": 0.31673063161792925,
              "y": -0.09778154416153484
            }
          }
        },
        {
          "ID": "9796",
          "typeID": "Arrow",
          "zOrder": "26",
          "w": "63",
          "h": "24",
          "measuredW": "150",
          "measuredH": "100",
          "x": "930",
          "y": "1025",
          "properties": {
            "color": "2848996",
            "curvature": "-1",
            "direction": "top",
            "leftArrow": "false",
            "p0": {
              "x": 0,
              "y": 0
            },
            "p1": {
              "x": 0.4043899289864429,
              "y": -0.01368624919302776
            },
            "p2": {
              "x": 62,
              "y": 23
            },
            "rightArrow": "false",
            "stroke": "dotted"
          }
        },
        {
          "ID": "9797",
          "typeID": "Arrow",
          "zOrder": "27",
          "w": "95",
          "h": "88",
          "measuredW": "150",
          "measuredH": "100",
          "x": "1149",
          "y": "872",
          "properties": {
            "color": "2848996",
            "curvature": "-1",
            "direction": "top",
            "leftArrow": "false",
            "rightArrow": "false",
            "stroke": "dotted",
            "p0": {
              "x": 94.13944439935926,
              "y": -0.13374537091908678
            },
            "p1": {
              "x": 0.47109352379113933,
              "y": 0.05433838432583797
            },
            "p2": {
              "x": -0.41702340730330434,
              "y": 87.47004097937133
            }
          }
        },
        {
          "ID": "9798",
          "typeID": "Arrow",
          "zOrder": "28",
          "w": "95",
          "h": "18",
          "measuredW": "150",
          "measuredH": "100",
          "x": "451",
          "y": "1242",
          "properties": {
            "color": "2848996",
            "curvature": "1",
            "direction": "top",
            "leftArrow": "false",
            "p0": {
              "length": 1,
              "x": 0,
              "y": 1
            },
            "p1": {
              "length": 0.48824871437239115,
              "x": 0.48542738182708794,
              "y": 0.05241244183198628
            },
            "p2": {
              "length": 95.524865872714,
              "x": 94,
              "y": 17
            },
            "rightArrow": "false",
            "stroke": "dotted"
          }
        },
        {
          "ID": "9799",
          "typeID": "Arrow",
          "zOrder": "29",
          "w": "94",
          "h": "59",
          "measuredW": "150",
          "measuredH": "100",
          "x": "451",
          "y": "1196",
          "properties": {
            "color": "2848996",
            "curvature": "1",
            "direction": "top",
            "leftArrow": "false",
            "p0": {
              "length": 1,
              "x": 0,
              "y": 1
            },
            "p1": {
              "length": 0.3714921097791618,
              "x": 0.35753908219868885,
              "y": 0.10085728693898134
            },
            "p2": {
              "length": 109.60383204979652,
              "x": 93,
              "y": 58
            },
            "rightArrow": "false",
            "stroke": "dotted"
          }
        },
        {
          "ID": "9800",
          "typeID": "Arrow",
          "zOrder": "30",
          "w": "2",
          "h": "96",
          "measuredW": "150",
          "measuredH": "100",
          "x": "611",
          "y": "1261",
          "properties": {
            "color": "2848996",
            "curvature": "0",
            "direction": "bottom",
            "leftArrow": "false",
            "p0": {
              "length": 95,
              "x": 0,
              "y": 95
            },
            "p1": {
              "length": 0.4737749079645269,
              "x": 0.4737425216042544,
              "y": -0.005539552404165743
            },
            "p2": {
              "length": 1,
              "x": 1,
              "y": 0
            },
            "rightArrow": "false",
            "stroke": "dotted"
          }
        },
        {
          "ID": "9801",
          "typeID": "Arrow",
          "zOrder": "31",
          "w": "89",
          "h": "110",
          "measuredW": "150",
          "measuredH": "100",
          "x": "454",
          "y": "1275",
          "properties": {
            "color": "2848996",
            "curvature": "-1",
            "direction": "bottom",
            "leftArrow": "false",
            "rightArrow": "false",
            "stroke": "dotted",
            "p0": {
              "x": 0,
              "y": 108
            },
            "p1": {
              "x": 0.23770491803278693,
              "y": -0.08524590163934422
            },
            "p2": {
              "x": 89,
              "y": 0
            }
          }
        },
        {
          "ID": "9802",
          "typeID": "Arrow",
          "zOrder": "32",
          "w": "102",
          "h": "170",
          "measuredW": "150",
          "measuredH": "100",
          "x": "449",
          "y": "1265",
          "properties": {
            "color": "2848996",
            "curvature": "1",
            "direction": "bottom",
            "leftArrow": "false",
            "rightArrow": "false",
            "stroke": "dotted",
            "p0": {
              "x": 0,
              "y": 168
            },
            "p1": {
              "x": 0.23741864515537614,
              "y": -0.0824090200751674
            },
            "p2": {
              "x": 102,
              "y": 0
            }
          }
        },
        {
          "ID": "9803",
          "typeID": "Arrow",
          "zOrder": "33",
          "w": "95",
          "h": "73",
          "measuredW": "150",
          "measuredH": "100",
          "x": "454",
          "y": "1262",
          "properties": {
            "color": "2848996",
            "curvature": "-1",
            "direction": "bottom",
            "leftArrow": "false",
            "rightArrow": "false",
            "stroke": "dotted",
            "p0": {
              "x": 0,
              "y": 73
            },
            "p1": {
              "x": 0.32182218956649544,
              "y": -0.06784227283859864
            },
            "p2": {
              "x": 95,
              "y": 0
            }
          }
        },
        {
          "ID": "9804",
          "typeID": "Arrow",
          "zOrder": "34",
          "w": "68",
          "h": "51",
          "measuredW": "150",
          "measuredH": "100",
          "x": "928",
          "y": "966",
          "properties": {
            "color": "2848996",
            "curvature": "1",
            "direction": "bottom",
            "leftArrow": "false",
            "p0": {
              "x": 67,
              "y": 0
            },
            "p1": {
              "x": 0.44040635284017743,
              "y": -0.08985548719416225
            },
            "p2": {
              "x": 0,
              "y": 50
            },
            "rightArrow": "false",
            "stroke": "dotted"
          }
        },
        {
          "ID": "9805",
          "typeID": "Arrow",
          "zOrder": "35",
          "w": "106",
          "h": "16",
          "measuredW": "150",
          "measuredH": "100",
          "x": "448",
          "y": "1017",
          "properties": {
            "color": "2848996",
            "curvature": "1",
            "direction": "bottom",
            "leftArrow": "false",
            "p0": {
              "x": 0,
              "y": 11
            },
            "p1": {
              "x": 0.418664047151277,
              "y": -0.08212180746561885
            },
            "p2": {
              "x": 105,
              "y": 0
            },
            "rightArrow": "false",
            "stroke": "dotted"
          }
        },
        {
          "ID": "9806",
          "typeID": "Arrow",
          "zOrder": "36",
          "w": "94",
          "h": "31",
          "measuredW": "150",
          "measuredH": "100",
          "x": "451",
          "y": "979",
          "properties": {
            "color": "2848996",
            "curvature": "1",
            "direction": "top",
            "leftArrow": "false",
            "p0": {
              "x": 0,
              "y": 0
            },
            "p1": {
              "x": 0.5210888020482415,
              "y": 0.050532273278533865
            },
            "p2": {
              "x": 93,
              "y": 30
            },
            "rightArrow": "false",
            "stroke": "dotted"
          }
        },
        {
          "ID": "9807",
          "typeID": "Arrow",
          "zOrder": "37",
          "w": "109",
          "h": "5",
          "measuredW": "150",
          "measuredH": "100",
          "x": "650",
          "y": "1012",
          "properties": {
            "color": "2848996",
            "curvature": "0",
            "direction": "bottom",
            "leftArrow": "false",
            "p0": {
              "length": 108,
              "x": 108,
              "y": 0
            },
            "p1": {
              "length": 0.638011617080294,
              "x": 0.6380090497737556,
              "y": -0.001809954751131225
            },
            "p2": {
              "length": 4,
              "x": 0,
              "y": 4
            },
            "rightArrow": "false",
            "stroke": "dotted"
          }
        },
        {
          "ID": "9808",
          "typeID": "Arrow",
          "zOrder": "38",
          "w": "104",
          "h": "234",
          "measuredW": "150",
          "measuredH": "100",
          "x": "674",
          "y": "1027",
          "properties": {
            "color": "2848996",
            "curvature": "-1",
            "direction": "bottom",
            "leftArrow": "false",
            "p0": {
              "x": 102,
              "y": 0
            },
            "p1": {
              "x": 0.6562581123678843,
              "y": 0.2116447246430558
            },
            "p2": {
              "x": 0,
              "y": 233
            },
            "rightArrow": "false",
            "stroke": "dotted"
          }
        },
        {
          "ID": "9809",
          "typeID": "Arrow",
          "zOrder": "39",
          "w": "49",
          "h": "292",
          "measuredW": "150",
          "measuredH": "100",
          "x": "889",
          "y": "721",
          "properties": {
            "color": "2848996",
            "curvature": "1",
            "direction": "top",
            "leftArrow": "false",
            "p0": {
              "x": 0,
              "y": 0
            },
            "p1": {
              "x": 0.5185682873198143,
              "y": 0.16381627168336182
            },
            "p2": {
              "x": 1,
              "y": 291
            },
            "rightArrow": "false"
          }
        },
        {
          "ID": "9810",
          "typeID": "Arrow",
          "zOrder": "40",
          "w": "153",
          "h": "89",
          "measuredW": "150",
          "measuredH": "100",
          "x": "1007",
          "y": "715",
          "properties": {
            "color": "2848996",
            "curvature": "1",
            "direction": "top",
            "leftArrow": "false",
            "rightArrow": "false",
            "stroke": "dotted",
            "p0": {
              "x": 152.70726692289236,
              "y": 88.72997635663273
            },
            "p1": {
              "x": 0.4356676038192479,
              "y": -0.019497968927647383
            },
            "p2": {
              "x": -0.2517251172973829,
              "y": -0.26434628493211676
            }
          }
        },
        {
          "ID": "9811",
          "typeID": "Arrow",
          "zOrder": "41",
          "w": "122",
          "h": "32",
          "measuredW": "150",
          "measuredH": "100",
          "x": "1033",
          "y": "720",
          "properties": {
            "color": "2848996",
            "curvature": "1",
            "direction": "top",
            "leftArrow": "false",
            "rightArrow": "false",
            "stroke": "dotted",
            "p0": {
              "x": 122.53565804906884,
              "y": 32.28013357947805
            },
            "p1": {
              "x": 0.4342814659840945,
              "y": -0.040402879811838384
            },
            "p2": {
              "x": 0.16846441691723157,
              "y": 0.29779888016571476
            }
          }
        },
        {
          "ID": "9812",
          "typeID": "Arrow",
          "zOrder": "42",
          "w": "136",
          "h": "60",
          "measuredW": "150",
          "measuredH": "100",
          "x": "1018",
          "y": "649",
          "properties": {
            "color": "2848996",
            "curvature": "0",
            "direction": "top",
            "leftArrow": "false",
            "rightArrow": "false",
            "stroke": "dotted",
            "p0": {
              "x": 136.1451217577944,
              "y": 0.3804480251686755
            },
            "p1": {
              "x": 0.4507017020005973,
              "y": 0.05100029859659641
            },
            "p2": {
              "x": -0.12743478710171985,
              "y": 60.17350854997005
            }
          }
        },
        {
          "ID": "9813",
          "typeID": "Arrow",
          "zOrder": "43",
          "w": "89",
          "h": "106",
          "measuredW": "150",
          "measuredH": "100",
          "x": "698",
          "y": "734",
          "properties": {
            "color": "2848996",
            "curvature": "-1",
            "direction": "bottom",
            "leftArrow": "false",
            "p0": {
              "x": 88,
              "y": 0
            },
            "p1": {
              "x": 0.694396551724138,
              "y": 0.14525862068965517
            },
            "p2": {
              "x": 0,
              "y": 104
            },
            "rightArrow": "false",
            "stroke": "dotted"
          }
        },
        {
          "ID": "9814",
          "typeID": "Arrow",
          "zOrder": "44",
          "w": "93",
          "h": "65",
          "measuredW": "150",
          "measuredH": "100",
          "x": "690",
          "y": "730",
          "properties": {
            "color": "2848996",
            "curvature": "-1",
            "direction": "bottom",
            "leftArrow": "false",
            "p0": {
              "x": 92,
              "y": 0
            },
            "p1": {
              "x": 0.5165605095541401,
              "y": 0.08630573248407643
            },
            "p2": {
              "x": 0,
              "y": 64
            },
            "rightArrow": "false",
            "stroke": "dotted"
          }
        },
        {
          "ID": "9815",
          "typeID": "Arrow",
          "zOrder": "45",
          "w": "69",
          "h": "35",
          "measuredW": "150",
          "measuredH": "100",
          "x": "495",
          "y": "696",
          "properties": {
            "color": "2848996",
            "curvature": "0",
            "direction": "bottom",
            "leftArrow": "false",
            "p0": {
              "length": 34,
              "x": 0,
              "y": 34
            },
            "p1": {
              "length": 0.4078400012423434,
              "x": 0.4078368652538985,
              "y": 0.001599360255897608
            },
            "p2": {
              "length": 68,
              "x": 68,
              "y": 0
            },
            "rightArrow": "false",
            "stroke": "dotted"
          }
        },
        {
          "ID": "9816",
          "typeID": "Arrow",
          "zOrder": "46",
          "w": "81",
          "h": "20",
          "measuredW": "150",
          "measuredH": "100",
          "x": "507",
          "y": "673",
          "properties": {
            "color": "2848996",
            "curvature": "0",
            "direction": "top",
            "leftArrow": "false",
            "p0": {
              "x": 80,
              "y": 19
            },
            "p1": {
              "x": 0.46527893422148264,
              "y": -0.0013322231473772645
            },
            "p2": {
              "x": 0,
              "y": 0
            },
            "rightArrow": "false",
            "stroke": "dotted"
          }
        },
        {
          "ID": "9817",
          "typeID": "Arrow",
          "zOrder": "47",
          "w": "127",
          "h": "1",
          "measuredW": "150",
          "measuredH": "100",
          "x": "1019",
          "y": "506",
          "properties": {
            "color": "2848996",
            "curvature": "1",
            "direction": "top",
            "leftArrow": "false",
            "rightArrow": "false",
            "stroke": "dotted",
            "p0": {
              "x": 126.80190401014784,
              "y": 0.15521002390022431
            },
            "p1": {
              "x": 0.4839640704625361,
              "y": 0.0006376473756898644
            },
            "p2": {
              "x": 0.2631015041727096,
              "y": 0.15521002390022431
            }
          }
        },
        {
          "ID": "9818",
          "typeID": "Arrow",
          "zOrder": "48",
          "w": "88",
          "h": "21",
          "measuredW": "150",
          "measuredH": "100",
          "x": "697",
          "y": "690",
          "properties": {
            "color": "2848996",
            "curvature": "-1",
            "direction": "top",
            "leftArrow": "false",
            "p0": {
              "x": 87,
              "y": 20
            },
            "p1": {
              "x": 0.46091103024218855,
              "y": -0.0549629815535199
            },
            "p2": {
              "x": 0,
              "y": 0
            },
            "rightArrow": "false",
            "stroke": "dotted"
          }
        },
        {
          "ID": "9819",
          "typeID": "Arrow",
          "zOrder": "49",
          "w": "105",
          "h": "29",
          "measuredW": "150",
          "measuredH": "100",
          "x": "687",
          "y": "713",
          "properties": {
            "color": "2848996",
            "curvature": "-1",
            "direction": "bottom",
            "leftArrow": "false",
            "p0": {
              "x": 104,
              "y": 0
            },
            "p1": {
              "x": 0.47141024775535,
              "y": 0.024843043272800916
            },
            "p2": {
              "x": 0,
              "y": 28
            },
            "rightArrow": "false",
            "stroke": "dotted"
          }
        },
        {
          "ID": "9820",
          "typeID": "Arrow",
          "zOrder": "50",
          "w": "108",
          "h": "118",
          "measuredW": "150",
          "measuredH": "100",
          "x": "672",
          "y": "505",
          "properties": {
            "color": "2848996",
            "curvature": "-1",
            "direction": "bottom",
            "leftArrow": "false",
            "p0": {
              "x": 107,
              "y": 0
            },
            "p1": {
              "x": 0.5565339359463882,
              "y": 0.11104184524273356
            },
            "p2": {
              "x": 0,
              "y": 117
            },
            "rightArrow": "false",
            "stroke": "dotted"
          }
        },
        {
          "ID": "9821",
          "typeID": "Arrow",
          "zOrder": "51",
          "w": "102",
          "h": "66",
          "measuredW": "150",
          "measuredH": "100",
          "x": "671",
          "y": "506",
          "properties": {
            "color": "2848996",
            "curvature": "-1",
            "direction": "bottom",
            "leftArrow": "false",
            "p0": {
              "x": 101,
              "y": 0
            },
            "p1": {
              "x": 0.49432499118787465,
              "y": 0.03919633415579831
            },
            "p2": {
              "x": 0,
              "y": 65
            },
            "rightArrow": "false",
            "stroke": "dotted"
          }
        },
        {
          "ID": "9822",
          "typeID": "Arrow",
          "zOrder": "52",
          "w": "66",
          "h": "65",
          "measuredW": "150",
          "measuredH": "100",
          "x": "1261",
          "y": "511",
          "properties": {
            "color": "2848996",
            "curvature": "-1",
            "direction": "top",
            "leftArrow": "false",
            "p0": {
              "length": 91.21951545584967,
              "x": 65,
              "y": 64
            },
            "p1": {
              "length": 0.4412347883439139,
              "x": 0.41749789688739336,
              "y": -0.14277130152625886
            },
            "p2": {
              "length": 0,
              "x": 0,
              "y": 0
            },
            "rightArrow": "false",
            "stroke": "dotted"
          }
        },
        {
          "ID": "9823",
          "typeID": "Arrow",
          "zOrder": "53",
          "h": "33",
          "measuredW": "150",
          "measuredH": "100",
          "x": "993",
          "y": "459",
          "properties": {
            "color": "2848996",
            "curvature": "1",
            "direction": "top",
            "leftArrow": "false",
            "rightArrow": "false",
            "stroke": "dotted",
            "p0": {
              "x": 150.02083142759898,
              "y": -0.12302387943111626
            },
            "p1": {
              "x": 0.48730252473054736,
              "y": 0.054554850140262706
            },
            "p2": {
              "x": -0.15708803004190486,
              "y": 33.2498471111557
            }
          }
        },
        {
          "ID": "9824",
          "typeID": "Arrow",
          "zOrder": "54",
          "w": "50",
          "h": "77",
          "measuredW": "150",
          "measuredH": "100",
          "x": "1198",
          "y": "508",
          "properties": {
            "color": "2848996",
            "curvature": "-1",
            "direction": "bottom",
            "leftArrow": "false",
            "p0": {
              "length": 76,
              "x": 0,
              "y": 76
            },
            "p1": {
              "length": 0.4763317432510617,
              "x": 0.4659313041049986,
              "y": 0.09899469421949178
            },
            "p2": {
              "length": 49,
              "x": 49,
              "y": 0
            },
            "rightArrow": "false",
            "stroke": "dotted"
          }
        },
        {
          "ID": "9825",
          "typeID": "Arrow",
          "zOrder": "55",
          "w": "181",
          "h": "83",
          "measuredW": "150",
          "measuredH": "100",
          "x": "961",
          "y": "409",
          "properties": {
            "color": "2848996",
            "curvature": "0",
            "direction": "bottom",
            "leftArrow": "false",
            "rightArrow": "false",
            "stroke": "dotted",
            "p0": {
              "x": 180.63029513632432,
              "y": -0.1823303653113726
            },
            "p1": {
              "x": 0.4419322661853425,
              "y": 0.047879162114662706
            },
            "p2": {
              "x": -0.13942272935423716,
              "y": 83.2498471111557
            }
          }
        },
        {
          "ID": "9826",
          "typeID": "Arrow",
          "zOrder": "56",
          "w": "110",
          "h": "19",
          "measuredW": "150",
          "measuredH": "100",
          "x": "662",
          "y": "503",
          "properties": {
            "color": "2848996",
            "curvature": "-1",
            "direction": "bottom",
            "leftArrow": "false",
            "p0": {
              "x": 109,
              "y": 0
            },
            "p1": {
              "x": 0.49432499118787454,
              "y": 0.03919633415579837
            },
            "p2": {
              "x": 0,
              "y": 18
            },
            "rightArrow": "false",
            "stroke": "dotted"
          }
        },
        {
          "ID": "9827",
          "typeID": "Arrow",
          "zOrder": "57",
          "w": "67",
          "h": "29",
          "measuredW": "150",
          "measuredH": "100",
          "x": "467",
          "y": "518",
          "properties": {
            "color": "2848996",
            "curvature": "1",
            "direction": "bottom",
            "leftArrow": "false",
            "p0": {
              "length": 28,
              "x": 0,
              "y": 28
            },
            "p1": {
              "length": 0.45024852627028145,
              "x": 0.4470817120622568,
              "y": -0.053307392996108954
            },
            "p2": {
              "length": 66,
              "x": 66,
              "y": 0
            },
            "rightArrow": "false",
            "stroke": "dotted"
          }
        },
        {
          "ID": "9828",
          "typeID": "Arrow",
          "zOrder": "58",
          "w": "70",
          "h": "27",
          "measuredW": "150",
          "measuredH": "100",
          "x": "468",
          "y": "493",
          "properties": {
            "color": "2848996",
            "curvature": "1",
            "direction": "top",
            "leftArrow": "false",
            "p0": {
              "length": 0,
              "x": 0,
              "y": 0
            },
            "p1": {
              "length": 0.4463661980631013,
              "x": 0.44581164221486,
              "y": 0.022243256034074732
            },
            "p2": {
              "length": 73.7360156233031,
              "x": 69,
              "y": 26
            },
            "rightArrow": "false",
            "stroke": "dotted"
          }
        },
        {
          "ID": "9829",
          "typeID": "Canvas",
          "zOrder": "59",
          "w": "350",
          "h": "141",
          "measuredW": "100",
          "measuredH": "70",
          "x": "1140",
          "y": "72"
        },
        {
          "ID": "9830",
          "typeID": "Label",
          "zOrder": "60",
          "measuredW": "314",
          "measuredH": "25",
          "x": "1154",
          "y": "89",
          "properties": {
            "size": "17",
            "text": "Find the detailed version of this roadmap"
          }
        },
        {
          "ID": "9831",
          "typeID": "Label",
          "zOrder": "61",
          "measuredW": "319",
          "measuredH": "25",
          "x": "1154",
          "y": "117",
          "properties": {
            "size": "17",
            "text": "along with resources and other roadmaps"
          }
        },
        {
          "ID": "9832",
          "typeID": "__group__",
          "zOrder": "62",
          "measuredW": "320",
          "measuredH": "45",
          "w": "320",
          "h": "45",
          "x": "1155",
          "y": "153",
          "properties": {
            "controlName": "ext_link:roadmap.sh"
          },
          "children": {
            "controls": {
              "control": [
                {
                  "ID": "0",
                  "typeID": "Canvas",
                  "zOrder": "0",
                  "w": "320",
                  "h": "45",
                  "measuredW": "100",
                  "measuredH": "70",
                  "x": "0",
                  "y": "0",
                  "properties": {
                    "borderColor": "4273622",
                    "color": "4273622"
                  }
                },
                {
                  "ID": "1",
                  "typeID": "Label",
                  "zOrder": "1",
                  "measuredW": "105",
                  "measuredH": "28",
                  "x": "141",
                  "y": "8",
                  "properties": {
                    "color": "16777215",
                    "size": "20",
                    "text": "roadmap.sh"
                  }
                },
                {
                  "ID": "2",
                  "typeID": "Label",
                  "zOrder": "2",
                  "measuredW": "35",
                  "measuredH": "28",
                  "x": "76",
                  "y": "8",
                  "properties": {
                    "color": "16777215",
                    "size": "20",
                    "text": "http"
                  }
                },
                {
                  "ID": "3",
                  "typeID": "Label",
                  "zOrder": "3",
                  "measuredW": "5",
                  "measuredH": "28",
                  "x": "113",
                  "y": "8",
                  "properties": {
                    "color": "16777215",
                    "size": "20",
                    "text": ":"
                  }
                },
                {
                  "ID": "4",
                  "typeID": "Label",
                  "zOrder": "4",
                  "measuredW": "10",
                  "measuredH": "28",
                  "x": "120",
                  "y": "9",
                  "properties": {
                    "color": "16777215",
                    "size": "20",
                    "text": "/"
                  }
                },
                {
                  "ID": "5",
                  "typeID": "Label",
                  "zOrder": "5",
                  "measuredW": "10",
                  "measuredH": "28",
                  "x": "128",
                  "y": "9",
                  "properties": {
                    "color": "16777215",
                    "size": "20",
                    "text": "/"
                  }
                }
              ]
            }
          }
        },
        {
          "ID": "9833",
          "typeID": "Arrow",
          "zOrder": "63",
          "w": "196",
          "h": "128",
          "measuredW": "150",
          "measuredH": "100",
          "x": "944",
          "y": "360",
          "properties": {
            "color": "2848996",
            "curvature": "1",
            "direction": "bottom",
            "leftArrow": "false",
            "rightArrow": "false",
            "stroke": "dotted",
            "p0": {
              "x": 196.2397588450499,
              "y": 0.14889944008285738
            },
            "p1": {
              "x": 0.4672428999823599,
              "y": 0.06392661845122631
            },
            "p2": {
              "x": 0.17414177535238196,
              "y": 128.07823823733236
            }
          }
        },
        {
          "ID": "9834",
          "typeID": "Arrow",
          "zOrder": "64",
          "w": "128",
          "h": "35",
          "measuredW": "150",
          "measuredH": "100",
          "x": "643",
          "y": "465",
          "properties": {
            "color": "2848996",
            "curvature": "0",
            "direction": "top",
            "leftArrow": "false",
            "p0": {
              "x": 127,
              "y": 34
            },
            "p1": {
              "x": 0.4652789342214826,
              "y": -0.0013322231473772712
            },
            "p2": {
              "x": 0,
              "y": 0
            },
            "rightArrow": "false",
            "stroke": "dotted"
          }
        },
        {
          "ID": "9835",
          "typeID": "Arrow",
          "zOrder": "65",
          "w": "109",
          "h": "80",
          "measuredW": "150",
          "measuredH": "100",
          "x": "662",
          "y": "412",
          "properties": {
            "color": "2848996",
            "curvature": "-1",
            "direction": "top",
            "leftArrow": "false",
            "p0": {
              "x": 108,
              "y": 79
            },
            "p1": {
              "x": 0.45522128005575585,
              "y": -0.054942502032756343
            },
            "p2": {
              "x": 0,
              "y": 0
            },
            "rightArrow": "false",
            "stroke": "dotted"
          }
        },
        {
          "ID": "9836",
          "typeID": "__group__",
          "zOrder": "66",
          "measuredW": "272",
          "measuredH": "50",
          "w": "272",
          "h": "50",
          "x": "762",
          "y": "474",
          "properties": {
            "controlName": "100-react-fundamental-topics"
          },
          "children": {
            "controls": {
              "control": [
                {
                  "ID": "0",
                  "typeID": "TextArea",
                  "zOrder": "0",
                  "w": "272",
                  "h": "50",
                  "measuredW": "200",
                  "measuredH": "140",
                  "x": "0",
                  "y": "0",
                  "properties": {
                    "color": "16776960"
                  }
                },
                {
                  "ID": "1",
                  "typeID": "Label",
                  "zOrder": "1",
                  "measuredW": "155",
                  "measuredH": "25",
                  "x": "55",
                  "y": "13",
                  "properties": {
                    "size": "17",
                    "text": "Fundamental Topics"
                  }
                }
              ]
            }
          }
        },
        {
          "ID": "9837",
          "typeID": "__group__",
          "zOrder": "67",
          "measuredW": "159",
          "measuredH": "44",
          "w": "159",
          "h": "44",
          "x": "522",
          "y": "495",
          "properties": {
            "controlName": "102-react-fundamental-topics:components"
          },
          "children": {
            "controls": {
              "control": [
                {
                  "ID": "0",
                  "typeID": "TextArea",
                  "zOrder": "0",
                  "w": "159",
                  "h": "44",
                  "measuredW": "200",
                  "measuredH": "140",
                  "x": "0",
                  "y": "0",
                  "properties": {
                    "color": "16770457"
                  }
                },
                {
                  "ID": "1",
                  "typeID": "Label",
                  "zOrder": "1",
                  "measuredW": "99",
                  "measuredH": "25",
                  "x": "29",
                  "y": "10",
                  "properties": {
                    "size": "17",
                    "text": "Components"
                  }
                }
              ]
            }
          }
        },
        {
          "ID": "9838",
          "typeID": "__group__",
          "zOrder": "68",
          "measuredW": "255",
          "measuredH": "44",
          "w": "255",
          "h": "44",
          "x": "1132",
          "y": "437",
          "properties": {
            "controlName": "107-react-fundamental-topics:composition-vs-inheritance"
          },
          "children": {
            "controls": {
              "control": [
                {
                  "ID": "0",
                  "typeID": "TextArea",
                  "zOrder": "0",
                  "w": "255",
                  "h": "44",
                  "measuredW": "200",
                  "measuredH": "140",
                  "x": "0",
                  "y": "0",
                  "properties": {
                    "color": "16770457"
                  }
                },
                {
                  "ID": "1",
                  "typeID": "Label",
                  "zOrder": "1",
                  "measuredW": "210",
                  "measuredH": "25",
                  "x": "22",
                  "y": "10",
                  "properties": {
                    "size": "17",
                    "text": "Composition vs Inheritance"
                  }
                }
              ]
            }
          }
        },
        {
          "ID": "9839",
          "typeID": "__group__",
          "zOrder": "69",
          "measuredW": "213",
          "measuredH": "44",
          "w": "213",
          "h": "44",
          "x": "273",
          "y": "472",
          "properties": {
            "controlName": "100-react-fundamental-topics:components:functional-components"
          },
          "children": {
            "controls": {
              "control": [
                {
                  "ID": "0",
                  "typeID": "TextArea",
                  "zOrder": "0",
                  "w": "213",
                  "h": "44",
                  "measuredW": "200",
                  "measuredH": "140",
                  "x": "0",
                  "y": "0",
                  "properties": {
                    "color": "16770457"
                  }
                },
                {
                  "ID": "1",
                  "typeID": "Label",
                  "zOrder": "1",
                  "measuredW": "183",
                  "measuredH": "25",
                  "x": "16",
                  "y": "10",
                  "properties": {
                    "size": "17",
                    "text": "Functional Components"
                  }
                }
              ]
            }
          }
        },
        {
          "ID": "9840",
          "typeID": "__group__",
          "zOrder": "70",
          "measuredW": "213",
          "measuredH": "44",
          "w": "213",
          "h": "44",
          "x": "273",
          "y": "522",
          "properties": {
            "controlName": "101-react-fundamental-topics:components:class-components"
          },
          "children": {
            "controls": {
              "control": [
                {
                  "ID": "0",
                  "typeID": "TextArea",
                  "zOrder": "0",
                  "w": "213",
                  "h": "44",
                  "measuredW": "200",
                  "measuredH": "140",
                  "x": "0",
                  "y": "0",
                  "properties": {
                    "color": "16770457"
                  }
                },
                {
                  "ID": "1",
                  "typeID": "Label",
                  "zOrder": "1",
                  "measuredW": "146",
                  "measuredH": "25",
                  "x": "33",
                  "y": "10",
                  "properties": {
                    "size": "17",
                    "text": "Class Components"
                  }
                }
              ]
            }
          }
        },
        {
          "ID": "9841",
          "typeID": "__group__",
          "zOrder": "71",
          "measuredW": "159",
          "measuredH": "44",
          "w": "159",
          "h": "44",
          "x": "522",
          "y": "445",
          "properties": {
            "controlName": "101-react-fundamental-topics:jsx"
          },
          "children": {
            "controls": {
              "control": [
                {
                  "ID": "0",
                  "typeID": "TextArea",
                  "zOrder": "0",
                  "w": "159",
                  "h": "44",
                  "measuredW": "200",
                  "measuredH": "140",
                  "x": "0",
                  "y": "0",
                  "properties": {
                    "color": "16770457"
                  }
                },
                {
                  "ID": "1",
                  "typeID": "Label",
                  "zOrder": "1",
                  "measuredW": "30",
                  "measuredH": "25",
                  "x": "63",
                  "y": "10",
                  "properties": {
                    "size": "17",
                    "text": "JSX"
                  }
                }
              ]
            }
          }
        },
        {
          "ID": "9842",
          "typeID": "__group__",
          "zOrder": "72",
          "measuredW": "159",
          "measuredH": "44",
          "w": "159",
          "h": "44",
          "x": "522",
          "y": "547",
          "properties": {
            "controlName": "103-react-fundamental-topics:props-vs-state"
          },
          "children": {
            "controls": {
              "control": [
                {
                  "ID": "0",
                  "typeID": "TextArea",
                  "zOrder": "0",
                  "w": "159",
                  "h": "44",
                  "measuredW": "200",
                  "measuredH": "140",
                  "x": "0",
                  "y": "0",
                  "properties": {
                    "color": "16770457"
                  }
                },
                {
                  "ID": "1",
                  "typeID": "Label",
                  "zOrder": "1",
                  "measuredW": "110",
                  "measuredH": "25",
                  "x": "22",
                  "y": "10",
                  "properties": {
                    "size": "17",
                    "text": "Props vs State"
                  }
                }
              ]
            }
          }
        },
        {
          "ID": "9843",
          "typeID": "__group__",
          "zOrder": "73",
          "measuredW": "254",
          "measuredH": "42",
          "w": "254",
          "h": "42",
          "x": "1133",
          "y": "487",
          "properties": {
            "controlName": "108-react-fundamental-topics:basic-hooks"
          },
          "children": {
            "controls": {
              "control": [
                {
                  "ID": "0",
                  "typeID": "TextArea",
                  "zOrder": "0",
                  "w": "254",
                  "h": "42",
                  "measuredW": "200",
                  "measuredH": "140",
                  "x": "0",
                  "y": "0",
                  "properties": {
                    "color": "16770457"
                  }
                },
                {
                  "ID": "1",
                  "typeID": "Label",
                  "zOrder": "1",
                  "measuredW": "96",
                  "measuredH": "25",
                  "x": "80",
                  "y": "9",
                  "properties": {
                    "size": "17",
                    "text": "Basic Hooks"
                  }
                }
              ]
            }
          }
        },
        {
          "ID": "9844",
          "typeID": "__group__",
          "zOrder": "74",
          "measuredW": "153",
          "measuredH": "44",
          "w": "153",
          "h": "44",
          "x": "1106",
          "y": "555",
          "properties": {
            "controlName": "100-react-fundamental-topics:basic-hooks:use-state"
          },
          "children": {
            "controls": {
              "control": [
                {
                  "ID": "0",
                  "typeID": "TextArea",
                  "zOrder": "0",
                  "w": "153",
                  "h": "44",
                  "measuredW": "200",
                  "measuredH": "140",
                  "x": "0",
                  "y": "0",
                  "properties": {
                    "color": "16770457"
                  }
                },
                {
                  "ID": "1",
                  "typeID": "Label",
                  "zOrder": "1",
                  "measuredW": "69",
                  "measuredH": "25",
                  "x": "41",
                  "y": "10",
                  "properties": {
                    "size": "17",
                    "text": "useState"
                  }
                }
              ]
            }
          }
        },
        {
          "ID": "9845",
          "typeID": "__group__",
          "zOrder": "75",
          "measuredW": "153",
          "measuredH": "44",
          "w": "153",
          "h": "44",
          "x": "1266",
          "y": "555",
          "properties": {
            "controlName": "101-react-fundamental-topics:basic-hooks:use-effect"
          },
          "children": {
            "controls": {
              "control": [
                {
                  "ID": "0",
                  "typeID": "TextArea",
                  "zOrder": "0",
                  "w": "153",
                  "h": "44",
                  "measuredW": "200",
                  "measuredH": "140",
                  "x": "0",
                  "y": "0",
                  "properties": {
                    "color": "16770457"
                  }
                },
                {
                  "ID": "1",
                  "typeID": "Label",
                  "zOrder": "1",
                  "measuredW": "73",
                  "measuredH": "25",
                  "x": "39",
                  "y": "10",
                  "properties": {
                    "size": "17",
                    "text": "useEffect"
                  }
                }
              ]
            }
          }
        },
        {
          "ID": "9846",
          "typeID": "__group__",
          "zOrder": "76",
          "measuredW": "255",
          "measuredH": "44",
          "w": "255",
          "h": "44",
          "x": "1132",
          "y": "388",
          "properties": {
            "controlName": "106-react-fundamental-topics:lists-and-keys"
          },
          "children": {
            "controls": {
              "control": [
                {
                  "ID": "0",
                  "typeID": "TextArea",
                  "zOrder": "0",
                  "w": "255",
                  "h": "44",
                  "measuredW": "200",
                  "measuredH": "140",
                  "x": "0",
                  "y": "0",
                  "properties": {
                    "color": "16770457"
                  }
                },
                {
                  "ID": "1",
                  "typeID": "Label",
                  "zOrder": "1",
                  "measuredW": "111",
                  "measuredH": "25",
                  "x": "70",
                  "y": "10",
                  "properties": {
                    "size": "17",
                    "text": "Lists and Keys"
                  }
                }
              ]
            }
          }
        },
        {
          "ID": "9847",
          "typeID": "__group__",
          "zOrder": "77",
          "measuredW": "215",
          "measuredH": "44",
          "w": "215",
          "h": "44",
          "x": "468",
          "y": "597",
          "properties": {
            "controlName": "104-react-fundamental-topics:conditional-rendering"
          },
          "children": {
            "controls": {
              "control": [
                {
                  "ID": "0",
                  "typeID": "TextArea",
                  "zOrder": "0",
                  "w": "215",
                  "h": "44",
                  "measuredW": "200",
                  "measuredH": "140",
                  "x": "0",
                  "y": "0",
                  "properties": {
                    "color": "16770457"
                  }
                },
                {
                  "ID": "1",
                  "typeID": "Label",
                  "zOrder": "1",
                  "measuredW": "173",
                  "measuredH": "25",
                  "x": "23",
                  "y": "10",
                  "properties": {
                    "size": "17",
                    "text": "Conditional Rendering"
                  }
                }
              ]
            }
          }
        },
        {
          "ID": "9848",
          "typeID": "__group__",
          "zOrder": "78",
          "measuredW": "162",
          "measuredH": "44",
          "w": "162",
          "h": "44",
          "x": "520",
          "y": "395",
          "properties": {
            "controlName": "100-react-fundamental-topics:cli-tools"
          },
          "children": {
            "controls": {
              "control": [
                {
                  "ID": "0",
                  "typeID": "TextArea",
                  "zOrder": "0",
                  "w": "162",
                  "h": "44",
                  "measuredW": "200",
                  "measuredH": "140",
                  "x": "0",
                  "y": "0",
                  "properties": {
                    "color": "16770457"
                  }
                },
                {
                  "ID": "1",
                  "typeID": "Label",
                  "zOrder": "1",
                  "measuredW": "72",
                  "measuredH": "25",
                  "x": "45",
                  "y": "10",
                  "properties": {
                    "size": "17",
                    "text": "CLI Tools"
                  }
                }
              ]
            }
          }
        },
        {
          "ID": "9849",
          "typeID": "__group__",
          "zOrder": "79",
          "measuredW": "255",
          "measuredH": "44",
          "w": "255",
          "h": "44",
          "x": "1132",
          "y": "337",
          "properties": {
            "controlName": "105-react-fundamental-topics:component-life-cycle"
          },
          "children": {
            "controls": {
              "control": [
                {
                  "ID": "0",
                  "typeID": "TextArea",
                  "zOrder": "0",
                  "w": "255",
                  "h": "44",
                  "measuredW": "200",
                  "measuredH": "140",
                  "x": "0",
                  "y": "0",
                  "properties": {
                    "color": "16770457"
                  }
                },
                {
                  "ID": "1",
                  "typeID": "Label",
                  "zOrder": "1",
                  "measuredW": "170",
                  "measuredH": "25",
                  "x": "42",
                  "y": "10",
                  "properties": {
                    "size": "17",
                    "text": "Component Life Cycle"
                  }
                }
              ]
            }
          }
        },
        {
          "ID": "9850",
          "typeID": "__group__",
          "zOrder": "80",
          "measuredW": "272",
          "measuredH": "50",
          "w": "272",
          "h": "50",
          "x": "778",
          "y": "689",
          "properties": {
            "controlName": "101-react-advanced-topics"
          },
          "children": {
            "controls": {
              "control": [
                {
                  "ID": "0",
                  "typeID": "TextArea",
                  "zOrder": "0",
                  "w": "272",
                  "h": "50",
                  "measuredW": "200",
                  "measuredH": "140",
                  "x": "0",
                  "y": "0",
                  "properties": {
                    "color": "16776960"
                  }
                },
                {
                  "ID": "1",
                  "typeID": "Label",
                  "zOrder": "1",
                  "measuredW": "130",
                  "measuredH": "25",
                  "x": "68",
                  "y": "13",
                  "properties": {
                    "size": "17",
                    "text": "Advanced Topics"
                  }
                }
              ]
            }
          }
        },
        {
          "ID": "9851",
          "typeID": "__group__",
          "zOrder": "81",
          "measuredW": "157",
          "measuredH": "44",
          "w": "157",
          "h": "44",
          "x": "551",
          "y": "670",
          "properties": {
            "controlName": "100-react-advanced-topics:hooks"
          },
          "children": {
            "controls": {
              "control": [
                {
                  "ID": "0",
                  "typeID": "TextArea",
                  "zOrder": "0",
                  "w": "157",
                  "h": "44",
                  "measuredW": "200",
                  "measuredH": "140",
                  "x": "0",
                  "y": "0",
                  "properties": {
                    "color": "16770457"
                  }
                },
                {
                  "ID": "1",
                  "typeID": "Label",
                  "zOrder": "1",
                  "measuredW": "49",
                  "measuredH": "25",
                  "x": "55",
                  "y": "10",
                  "properties": {
                    "size": "17",
                    "text": "Hooks"
                  }
                }
              ]
            }
          }
        },
        {
          "ID": "9852",
          "typeID": "__group__",
          "zOrder": "82",
          "measuredW": "243",
          "measuredH": "44",
          "w": "243",
          "h": "44",
          "x": "275",
          "y": "649",
          "properties": {
            "controlName": "101-react-advanced-topics:hooks:writing-your-own-hooks"
          },
          "children": {
            "controls": {
              "control": [
                {
                  "ID": "0",
                  "typeID": "TextArea",
                  "zOrder": "0",
                  "w": "243",
                  "h": "44",
                  "measuredW": "200",
                  "measuredH": "140",
                  "x": "0",
                  "y": "0",
                  "properties": {
                    "color": "16770457"
                  }
                },
                {
                  "ID": "1",
                  "typeID": "Label",
                  "zOrder": "1",
                  "measuredW": "183",
                  "measuredH": "25",
                  "x": "28",
                  "y": "10",
                  "properties": {
                    "size": "17",
                    "text": "Writing your Own Hooks"
                  }
                }
              ]
            }
          }
        },
        {
          "ID": "9853",
          "typeID": "__group__",
          "zOrder": "83",
          "measuredW": "243",
          "measuredH": "248",
          "w": "243",
          "h": "248",
          "x": "275",
          "y": "700",
          "properties": {
            "controlName": "102-react-advanced-topics:hooks:common-hooks"
          },
          "children": {
            "controls": {
              "control": [
                {
                  "ID": "0",
                  "typeID": "TextArea",
                  "zOrder": "0",
                  "w": "243",
                  "h": "248",
                  "measuredW": "200",
                  "measuredH": "140",
                  "x": "0",
                  "y": "0",
                  "properties": {
                    "color": "16777215"
                  }
                },
                {
                  "ID": "1",
                  "typeID": "Label",
                  "zOrder": "1",
                  "measuredW": "123",
                  "measuredH": "25",
                  "x": "60",
                  "y": "15",
                  "properties": {
                    "size": "17",
                    "text": "Common Hooks"
                  }
                },
                {
                  "ID": "2",
                  "typeID": "TextArea",
                  "zOrder": "2",
                  "w": "93",
                  "h": "43",
                  "measuredW": "200",
                  "measuredH": "140",
                  "x": "139",
                  "y": "49",
                  "properties": {
                    "color": "16770457"
                  }
                },
                {
                  "ID": "3",
                  "typeID": "Label",
                  "zOrder": "3",
                  "measuredW": "56",
                  "measuredH": "25",
                  "x": "157",
                  "y": "58",
                  "properties": {
                    "size": "17",
                    "text": "useRef"
                  }
                },
                {
                  "ID": "4",
                  "typeID": "TextArea",
                  "zOrder": "4",
                  "w": "120",
                  "h": "44",
                  "measuredW": "200",
                  "measuredH": "140",
                  "x": "14",
                  "y": "48",
                  "properties": {
                    "color": "16770457"
                  }
                },
                {
                  "ID": "5",
                  "typeID": "Label",
                  "zOrder": "5",
                  "measuredW": "94",
                  "measuredH": "25",
                  "x": "26",
                  "y": "58",
                  "properties": {
                    "size": "17",
                    "text": "useCallback"
                  }
                },
                {
                  "ID": "6",
                  "typeID": "TextArea",
                  "zOrder": "6",
                  "w": "217",
                  "h": "44",
                  "measuredW": "200",
                  "measuredH": "140",
                  "x": "14",
                  "y": "96",
                  "properties": {
                    "color": "16770457"
                  }
                },
                {
                  "ID": "7",
                  "typeID": "Label",
                  "zOrder": "7",
                  "measuredW": "77",
                  "measuredH": "25",
                  "x": "86",
                  "y": "106",
                  "properties": {
                    "size": "17",
                    "text": "useMemo"
                  }
                },
                {
                  "ID": "8",
                  "typeID": "TextArea",
                  "zOrder": "8",
                  "w": "217",
                  "h": "43",
                  "measuredW": "200",
                  "measuredH": "140",
                  "x": "14",
                  "y": "145",
                  "properties": {
                    "color": "16770457"
                  }
                },
                {
                  "ID": "9",
                  "typeID": "Label",
                  "zOrder": "9",
                  "measuredW": "95",
                  "measuredH": "25",
                  "x": "75",
                  "y": "154",
                  "properties": {
                    "size": "17",
                    "text": "useReducer"
                  }
                },
                {
                  "ID": "10",
                  "typeID": "TextArea",
                  "zOrder": "10",
                  "w": "121",
                  "h": "43",
                  "measuredW": "200",
                  "measuredH": "140",
                  "x": "13",
                  "y": "193",
                  "properties": {
                    "color": "16770457"
                  }
                },
                {
                  "ID": "11",
                  "typeID": "Label",
                  "zOrder": "11",
                  "measuredW": "88",
                  "measuredH": "25",
                  "x": "29",
                  "y": "202",
                  "properties": {
                    "size": "17",
                    "text": "useContext"
                  }
                },
                {
                  "ID": "12",
                  "typeID": "TextArea",
                  "zOrder": "12",
                  "w": "92",
                  "h": "43",
                  "measuredW": "200",
                  "measuredH": "140",
                  "x": "139",
                  "y": "193",
                  "properties": {
                    "color": "16770457"
                  }
                },
                {
                  "ID": "13",
                  "typeID": "Label",
                  "zOrder": "13",
                  "measuredW": "24",
                  "measuredH": "25",
                  "x": "173",
                  "y": "202",
                  "properties": {
                    "size": "17",
                    "text": "......."
                  }
                }
              ]
            }
          }
        },
        {
          "ID": "9854",
          "typeID": "__group__",
          "zOrder": "84",
          "measuredW": "157",
          "measuredH": "44",
          "w": "157",
          "h": "44",
          "x": "551",
          "y": "719",
          "properties": {
            "controlName": "101-react-advanced-topics:context"
          },
          "children": {
            "controls": {
              "control": [
                {
                  "ID": "0",
                  "typeID": "TextArea",
                  "zOrder": "0",
                  "w": "157",
                  "h": "44",
                  "measuredW": "200",
                  "measuredH": "140",
                  "x": "0",
                  "y": "0",
                  "properties": {
                    "color": "16770457"
                  }
                },
                {
                  "ID": "1",
                  "typeID": "Label",
                  "zOrder": "1",
                  "measuredW": "60",
                  "measuredH": "25",
                  "x": "48",
                  "y": "10",
                  "properties": {
                    "size": "17",
                    "text": "Context"
                  }
                }
              ]
            }
          }
        },
        {
          "ID": "9855",
          "typeID": "__group__",
          "zOrder": "85",
          "measuredW": "157",
          "measuredH": "44",
          "w": "157",
          "h": "44",
          "x": "551",
          "y": "769",
          "properties": {
            "controlName": "102-react-advanced-topics:refs"
          },
          "children": {
            "controls": {
              "control": [
                {
                  "ID": "0",
                  "typeID": "TextArea",
                  "zOrder": "0",
                  "w": "157",
                  "h": "44",
                  "measuredW": "200",
                  "measuredH": "140",
                  "x": "0",
                  "y": "0",
                  "properties": {
                    "color": "16770457"
                  }
                },
                {
                  "ID": "1",
                  "typeID": "Label",
                  "zOrder": "1",
                  "measuredW": "36",
                  "measuredH": "25",
                  "x": "60",
                  "y": "10",
                  "properties": {
                    "size": "17",
                    "text": "Refs"
                  }
                }
              ]
            }
          }
        },
        {
          "ID": "9856",
          "typeID": "__group__",
          "zOrder": "86",
          "measuredW": "157",
          "measuredH": "44",
          "w": "157",
          "h": "44",
          "x": "551",
          "y": "819",
          "properties": {
            "controlName": "103-react-advanced-topics:render-props"
          },
          "children": {
            "controls": {
              "control": [
                {
                  "ID": "0",
                  "typeID": "TextArea",
                  "zOrder": "0",
                  "w": "157",
                  "h": "44",
                  "measuredW": "200",
                  "measuredH": "140",
                  "x": "0",
                  "y": "0",
                  "properties": {
                    "color": "16770457"
                  }
                },
                {
                  "ID": "1",
                  "typeID": "Label",
                  "zOrder": "1",
                  "measuredW": "107",
                  "measuredH": "25",
                  "x": "25",
                  "y": "10",
                  "properties": {
                    "size": "17",
                    "text": "Render Props"
                  }
                }
              ]
            }
          }
        },
        {
          "ID": "9857",
          "typeID": "__group__",
          "zOrder": "87",
          "measuredW": "224",
          "measuredH": "44",
          "w": "224",
          "h": "44",
          "x": "1142",
          "y": "630",
          "properties": {
            "controlName": "104-react-advanced-topics:high-order-components"
          },
          "children": {
            "controls": {
              "control": [
                {
                  "ID": "0",
                  "typeID": "TextArea",
                  "zOrder": "0",
                  "w": "224",
                  "h": "44",
                  "measuredW": "200",
                  "measuredH": "140",
                  "x": "0",
                  "y": "0",
                  "properties": {
                    "color": "16770457"
                  }
                },
                {
                  "ID": "1",
                  "typeID": "Label",
                  "zOrder": "1",
                  "measuredW": "188",
                  "measuredH": "25",
                  "x": "18",
                  "y": "10",
                  "properties": {
                    "size": "17",
                    "text": "High Order Components"
                  }
                }
              ]
            }
          }
        },
        {
          "ID": "9858",
          "typeID": "__group__",
          "zOrder": "88",
          "measuredW": "224",
          "measuredH": "44",
          "w": "224",
          "h": "44",
          "x": "1142",
          "y": "680",
          "properties": {
            "controlName": "105-react-advanced-topics:portals"
          },
          "children": {
            "controls": {
              "control": [
                {
                  "ID": "0",
                  "typeID": "TextArea",
                  "zOrder": "0",
                  "w": "224",
                  "h": "44",
                  "measuredW": "200",
                  "measuredH": "140",
                  "x": "0",
                  "y": "0",
                  "properties": {
                    "color": "16770457"
                  }
                },
                {
                  "ID": "1",
                  "typeID": "Label",
                  "zOrder": "1",
                  "measuredW": "53",
                  "measuredH": "25",
                  "x": "85",
                  "y": "10",
                  "properties": {
                    "size": "17",
                    "text": "Portals"
                  }
                }
              ]
            }
          }
        },
        {
          "ID": "9859",
          "typeID": "__group__",
          "zOrder": "89",
          "measuredW": "224",
          "measuredH": "44",
          "w": "224",
          "h": "44",
          "x": "1142",
          "y": "729",
          "properties": {
            "controlName": "106-react-advanced-topics:error-boundaries"
          },
          "children": {
            "controls": {
              "control": [
                {
                  "ID": "0",
                  "typeID": "TextArea",
                  "zOrder": "0",
                  "w": "224",
                  "h": "44",
                  "measuredW": "200",
                  "measuredH": "140",
                  "x": "0",
                  "y": "0",
                  "properties": {
                    "color": "16770457"
                  }
                },
                {
                  "ID": "1",
                  "typeID": "Label",
                  "zOrder": "1",
                  "measuredW": "132",
                  "measuredH": "25",
                  "x": "47",
                  "y": "10",
                  "properties": {
                    "size": "17",
                    "text": "Error Boundaries"
                  }
                }
              ]
            }
          }
        },
        {
          "ID": "9860",
          "typeID": "__group__",
          "zOrder": "90",
          "measuredW": "224",
          "measuredH": "44",
          "w": "224",
          "h": "44",
          "x": "1142",
          "y": "778",
          "properties": {
            "controlName": "107-react-advanced-topics:fiber-architecture"
          },
          "children": {
            "controls": {
              "control": [
                {
                  "ID": "0",
                  "typeID": "TextArea",
                  "zOrder": "0",
                  "w": "224",
                  "h": "44",
                  "measuredW": "200",
                  "measuredH": "140",
                  "x": "0",
                  "y": "0",
                  "properties": {
                    "color": "16770457"
                  }
                },
                {
                  "ID": "1",
                  "typeID": "Label",
                  "zOrder": "1",
                  "measuredW": "138",
                  "measuredH": "25",
                  "x": "43",
                  "y": "10",
                  "properties": {
                    "size": "17",
                    "text": "Fiber Architecture"
                  }
                }
              ]
            }
          }
        },
        {
          "ID": "9861",
          "typeID": "__group__",
          "zOrder": "91",
          "measuredW": "201",
          "measuredH": "50",
          "w": "201",
          "h": "50",
          "x": "734",
          "y": "992",
          "properties": {
            "controlName": "102-react-ecosystem"
          },
          "children": {
            "controls": {
              "control": [
                {
                  "ID": "0",
                  "typeID": "TextArea",
                  "zOrder": "0",
                  "w": "201",
                  "h": "50",
                  "measuredW": "200",
                  "measuredH": "140",
                  "x": "0",
                  "y": "0",
                  "properties": {
                    "color": "16776960"
                  }
                },
                {
                  "ID": "1",
                  "typeID": "Label",
                  "zOrder": "1",
                  "measuredW": "84",
                  "measuredH": "25",
                  "x": "56",
                  "y": "12",
                  "properties": {
                    "size": "17",
                    "text": "Ecosystem"
                  }
                }
              ]
            }
          }
        },
        {
          "ID": "9862",
          "typeID": "__group__",
          "zOrder": "92",
          "measuredW": "202",
          "measuredH": "44",
          "w": "202",
          "h": "44",
          "x": "980",
          "y": "947",
          "properties": {
            "controlName": "105-react-ecosystem:forms"
          },
          "children": {
            "controls": {
              "control": [
                {
                  "ID": "0",
                  "typeID": "TextArea",
                  "zOrder": "0",
                  "w": "202",
                  "h": "44",
                  "measuredW": "200",
                  "measuredH": "140",
                  "x": "0",
                  "y": "0",
                  "properties": {
                    "color": "16770457"
                  }
                },
                {
                  "ID": "1",
                  "typeID": "Label",
                  "zOrder": "1",
                  "measuredW": "48",
                  "measuredH": "25",
                  "x": "77",
                  "y": "10",
                  "properties": {
                    "size": "17",
                    "text": "Forms"
                  }
                }
              ]
            }
          }
        },
        {
          "ID": "9863",
          "typeID": "__group__",
          "zOrder": "93",
          "measuredW": "171",
          "measuredH": "44",
          "w": "171",
          "h": "44",
          "x": "1229",
          "y": "851",
          "properties": {
            "controlName": "100-react-ecosystem:forms:react-hook-form"
          },
          "children": {
            "controls": {
              "control": [
                {
                  "ID": "0",
                  "typeID": "TextArea",
                  "zOrder": "0",
                  "w": "171",
                  "h": "44",
                  "measuredW": "200",
                  "measuredH": "140",
                  "x": "0",
                  "y": "0",
                  "properties": {
                    "color": "16770457"
                  }
                },
                {
                  "ID": "1",
                  "typeID": "Label",
                  "zOrder": "1",
                  "measuredW": "135",
                  "measuredH": "25",
                  "x": "19",
                  "y": "10",
                  "properties": {
                    "size": "17",
                    "text": "React Hook Form"
                  }
                }
              ]
            }
          }
        },
        {
          "ID": "9864",
          "typeID": "__group__",
          "zOrder": "94",
          "measuredW": "171",
          "measuredH": "44",
          "w": "171",
          "h": "44",
          "x": "1229",
          "y": "899",
          "properties": {
            "controlName": "101-react-ecosystem:forms:formik"
          },
          "children": {
            "controls": {
              "control": [
                {
                  "ID": "0",
                  "typeID": "TextArea",
                  "zOrder": "0",
                  "w": "171",
                  "h": "44",
                  "measuredW": "200",
                  "measuredH": "140",
                  "x": "0",
                  "y": "0",
                  "properties": {
                    "color": "16770457"
                  }
                },
                {
                  "ID": "1",
                  "typeID": "Label",
                  "zOrder": "1",
                  "measuredW": "52",
                  "measuredH": "25",
                  "x": "60",
                  "y": "10",
                  "properties": {
                    "size": "17",
                    "text": "Formik"
                  }
                }
              ]
            }
          }
        },
        {
          "ID": "9865",
          "typeID": "__group__",
          "zOrder": "95",
          "measuredW": "171",
          "measuredH": "44",
          "w": "171",
          "h": "44",
          "x": "1229",
          "y": "947",
          "properties": {
            "controlName": "102-react-ecosystem:forms:final-form"
          },
          "children": {
            "controls": {
              "control": [
                {
                  "ID": "0",
                  "typeID": "TextArea",
                  "zOrder": "0",
                  "w": "171",
                  "h": "44",
                  "measuredW": "200",
                  "measuredH": "140",
                  "x": "0",
                  "y": "0",
                  "properties": {
                    "color": "16770457"
                  }
                },
                {
                  "ID": "1",
                  "typeID": "Label",
                  "zOrder": "1",
                  "measuredW": "82",
                  "measuredH": "25",
                  "x": "46",
                  "y": "10",
                  "properties": {
                    "size": "17",
                    "text": "Final Form"
                  }
                }
              ]
            }
          }
        },
        {
          "ID": "9866",
          "typeID": "__group__",
          "zOrder": "96",
          "measuredW": "157",
          "measuredH": "44",
          "w": "157",
          "h": "44",
          "x": "535",
          "y": "991",
          "properties": {
            "controlName": "100-react-ecosystem:routers"
          },
          "children": {
            "controls": {
              "control": [
                {
                  "ID": "0",
                  "typeID": "TextArea",
                  "zOrder": "0",
                  "w": "157",
                  "h": "44",
                  "measuredW": "200",
                  "measuredH": "140",
                  "x": "0",
                  "y": "0",
                  "properties": {
                    "color": "16770457"
                  }
                },
                {
                  "ID": "1",
                  "typeID": "Label",
                  "zOrder": "1",
                  "measuredW": "61",
                  "measuredH": "25",
                  "x": "48",
                  "y": "10",
                  "properties": {
                    "size": "17",
                    "text": "Routers"
                  }
                }
              ]
            }
          }
        },
        {
          "ID": "9867",
          "typeID": "__group__",
          "zOrder": "97",
          "measuredW": "158",
          "measuredH": "44",
          "w": "158",
          "h": "44",
          "x": "309",
          "y": "957",
          "properties": {
            "controlName": "100-react-ecosystem:routers:react-router"
          },
          "children": {
            "controls": {
              "control": [
                {
                  "ID": "0",
                  "typeID": "TextArea",
                  "zOrder": "0",
                  "w": "158",
                  "h": "44",
                  "measuredW": "200",
                  "measuredH": "140",
                  "x": "0",
                  "y": "0",
                  "properties": {
                    "color": "16770457"
                  }
                },
                {
                  "ID": "1",
                  "typeID": "Label",
                  "zOrder": "1",
                  "measuredW": "104",
                  "measuredH": "25",
                  "x": "27",
                  "y": "10",
                  "properties": {
                    "size": "17",
                    "text": "React Router"
                  }
                }
              ]
            }
          }
        },
        {
          "ID": "9868",
          "typeID": "__group__",
          "zOrder": "98",
          "measuredW": "157",
          "measuredH": "44",
          "w": "157",
          "h": "44",
          "x": "309",
          "y": "1007",
          "properties": {
            "controlName": "101-react-ecosystem:routers:reach-router"
          },
          "children": {
            "controls": {
              "control": [
                {
                  "ID": "0",
                  "typeID": "TextArea",
                  "zOrder": "0",
                  "w": "157",
                  "h": "44",
                  "measuredW": "200",
                  "measuredH": "140",
                  "x": "0",
                  "y": "0",
                  "properties": {
                    "color": "16770457"
                  }
                },
                {
                  "ID": "1",
                  "typeID": "Label",
                  "zOrder": "1",
                  "measuredW": "108",
                  "measuredH": "25",
                  "x": "26",
                  "y": "10",
                  "properties": {
                    "size": "17",
                    "text": "Reach Router"
                  }
                }
              ]
            }
          }
        },
        {
          "ID": "9869",
          "typeID": "__group__",
          "zOrder": "99",
          "measuredW": "157",
          "measuredH": "44",
          "w": "157",
          "h": "44",
          "x": "535",
          "y": "1237",
          "properties": {
            "controlName": "103-react-ecosystem:api-calls"
          },
          "children": {
            "controls": {
              "control": [
                {
                  "ID": "0",
                  "typeID": "TextArea",
                  "zOrder": "0",
                  "w": "157",
                  "h": "44",
                  "measuredW": "200",
                  "measuredH": "140",
                  "x": "0",
                  "y": "0",
                  "properties": {
                    "color": "16770457"
                  }
                },
                {
                  "ID": "1",
                  "typeID": "Label",
                  "zOrder": "1",
                  "measuredW": "69",
                  "measuredH": "25",
                  "x": "43",
                  "y": "10",
                  "properties": {
                    "size": "17",
                    "text": "API Calls"
                  }
                }
              ]
            }
          }
        },
        {
          "ID": "9870",
          "typeID": "__group__",
          "zOrder": "100",
          "measuredW": "157",
          "measuredH": "44",
          "w": "157",
          "h": "44",
          "x": "310",
          "y": "1310",
          "properties": {
            "controlName": "104-react-ecosystem:api-calls:axios"
          },
          "children": {
            "controls": {
              "control": [
                {
                  "ID": "0",
                  "typeID": "TextArea",
                  "zOrder": "0",
                  "w": "157",
                  "h": "44",
                  "measuredW": "200",
                  "measuredH": "140",
                  "x": "0",
                  "y": "0",
                  "properties": {
                    "color": "16770457"
                  }
                },
                {
                  "ID": "1",
                  "typeID": "Label",
                  "zOrder": "1",
                  "measuredW": "41",
                  "measuredH": "25",
                  "x": "57",
                  "y": "10",
                  "properties": {
                    "size": "17",
                    "text": "Axios"
                  }
                }
              ]
            }
          }
        },
        {
          "ID": "9871",
          "typeID": "__group__",
          "zOrder": "101",
          "measuredW": "157",
          "measuredH": "44",
          "w": "157",
          "h": "44",
          "x": "309",
          "y": "1360",
          "properties": {
            "controlName": "105-react-ecosystem:api-calls:unfetch"
          },
          "children": {
            "controls": {
              "control": [
                {
                  "ID": "0",
                  "typeID": "TextArea",
                  "zOrder": "0",
                  "w": "157",
                  "h": "44",
                  "measuredW": "200",
                  "measuredH": "140",
                  "x": "0",
                  "y": "0",
                  "properties": {
                    "color": "16770457"
                  }
                },
                {
                  "ID": "1",
                  "typeID": "Label",
                  "zOrder": "1",
                  "measuredW": "61",
                  "measuredH": "25",
                  "x": "49",
                  "y": "10",
                  "properties": {
                    "size": "17",
                    "text": "Unfetch"
                  }
                }
              ]
            }
          }
        },
        {
          "ID": "9872",
          "typeID": "__group__",
          "zOrder": "102",
          "measuredW": "157",
          "measuredH": "44",
          "w": "157",
          "h": "44",
          "x": "309",
          "y": "1409",
          "properties": {
            "controlName": "106-react-ecosystem:api-calls:superagent"
          },
          "children": {
            "controls": {
              "control": [
                {
                  "ID": "0",
                  "typeID": "TextArea",
                  "zOrder": "0",
                  "w": "157",
                  "h": "44",
                  "measuredW": "200",
                  "measuredH": "140",
                  "x": "0",
                  "y": "0",
                  "properties": {
                    "color": "16770457"
                  }
                },
                {
                  "ID": "1",
                  "typeID": "Label",
                  "zOrder": "1",
                  "measuredW": "88",
                  "measuredH": "25",
                  "x": "35",
                  "y": "10",
                  "properties": {
                    "size": "17",
                    "text": "superagent"
                  }
                }
              ]
            }
          }
        },
        {
          "ID": "9873",
          "typeID": "Label",
          "zOrder": "103",
          "measuredW": "117",
          "measuredH": "25",
          "x": "327",
          "y": "1458",
          "properties": {
            "size": "17",
            "text": "REST API Calls"
          }
        },
        {
          "ID": "9874",
          "typeID": "__group__",
          "zOrder": "104",
          "measuredW": "157",
          "measuredH": "44",
          "w": "157",
          "h": "44",
          "x": "535",
          "y": "1320",
          "properties": {
            "controlName": "101-react-ecosystem:api-calls:use-http"
          },
          "children": {
            "controls": {
              "control": [
                {
                  "ID": "0",
                  "typeID": "TextArea",
                  "zOrder": "0",
                  "w": "157",
                  "h": "44",
                  "measuredW": "200",
                  "measuredH": "140",
                  "x": "0",
                  "y": "0",
                  "properties": {
                    "color": "16770457"
                  }
                },
                {
                  "ID": "1",
                  "typeID": "Label",
                  "zOrder": "1",
                  "measuredW": "64",
                  "measuredH": "25",
                  "x": "45",
                  "y": "10",
                  "properties": {
                    "size": "17",
                    "text": "use-http"
                  }
                }
              ]
            }
          }
        },
        {
          "ID": "9875",
          "typeID": "__group__",
          "zOrder": "105",
          "measuredW": "156",
          "measuredH": "44",
          "w": "156",
          "h": "44",
          "x": "309",
          "y": "1173",
          "properties": {
            "controlName": "102-react-ecosystem:api-calls:apollo"
          },
          "children": {
            "controls": {
              "control": [
                {
                  "ID": "0",
                  "typeID": "TextArea",
                  "zOrder": "0",
                  "w": "156",
                  "h": "44",
                  "measuredW": "200",
                  "measuredH": "140",
                  "x": "0",
                  "y": "0",
                  "properties": {
                    "color": "16770457"
                  }
                },
                {
                  "ID": "1",
                  "typeID": "Label",
                  "zOrder": "1",
                  "measuredW": "48",
                  "measuredH": "25",
                  "x": "55",
                  "y": "10",
                  "properties": {
                    "size": "17",
                    "text": "Apollo"
                  }
                }
              ]
            }
          }
        },
        {
          "ID": "9876",
          "typeID": "__group__",
          "zOrder": "106",
          "measuredW": "156",
          "measuredH": "44",
          "w": "156",
          "h": "44",
          "x": "309",
          "y": "1221",
          "properties": {
            "controlName": "103-react-ecosystem:api-calls:relay-modern"
          },
          "children": {
            "controls": {
              "control": [
                {
                  "ID": "0",
                  "typeID": "TextArea",
                  "zOrder": "0",
                  "w": "156",
                  "h": "44",
                  "measuredW": "200",
                  "measuredH": "140",
                  "x": "0",
                  "y": "0",
                  "properties": {
                    "color": "16770457"
                  }
                },
                {
                  "ID": "1",
                  "typeID": "Label",
                  "zOrder": "1",
                  "measuredW": "107",
                  "measuredH": "25",
                  "x": "25",
                  "y": "10",
                  "properties": {
                    "size": "17",
                    "text": "Relay Modern"
                  }
                }
              ]
            }
          }
        },
        {
          "ID": "9877",
          "typeID": "Label",
          "zOrder": "107",
          "measuredW": "71",
          "measuredH": "25",
          "x": "350",
          "y": "1271",
          "properties": {
            "size": "17",
            "text": "GraphQL"
          }
        },
        {
          "ID": "9878",
          "typeID": "__group__",
          "zOrder": "108",
          "measuredW": "202",
          "measuredH": "44",
          "w": "202",
          "h": "44",
          "x": "980",
          "y": "1025",
          "properties": {
            "controlName": "106-react-ecosystem:testing"
          },
          "children": {
            "controls": {
              "control": [
                {
                  "ID": "0",
                  "typeID": "TextArea",
                  "zOrder": "0",
                  "w": "202",
                  "h": "44",
                  "measuredW": "200",
                  "measuredH": "140",
                  "x": "0",
                  "y": "0",
                  "properties": {
                    "color": "16770457"
                  }
                },
                {
                  "ID": "1",
                  "typeID": "Label",
                  "zOrder": "1",
                  "measuredW": "56",
                  "measuredH": "25",
                  "x": "72",
                  "y": "10",
                  "properties": {
                    "size": "17",
                    "text": "Testing"
                  }
                }
              ]
            }
          }
        },
        {
          "ID": "9879",
          "typeID": "__group__",
          "zOrder": "109",
          "measuredW": "218",
          "measuredH": "44",
          "w": "218",
          "h": "44",
          "x": "1229",
          "y": "1076",
          "properties": {
            "controlName": "100-react-ecosystem:testing:jest"
          },
          "children": {
            "controls": {
              "control": [
                {
                  "ID": "0",
                  "typeID": "TextArea",
                  "zOrder": "0",
                  "w": "218",
                  "h": "44",
                  "measuredW": "200",
                  "measuredH": "140",
                  "x": "0",
                  "y": "0",
                  "properties": {
                    "color": "16770457"
                  }
                },
                {
                  "ID": "1",
                  "typeID": "Label",
                  "zOrder": "1",
                  "measuredW": "33",
                  "measuredH": "25",
                  "x": "92",
                  "y": "10",
                  "properties": {
                    "size": "17",
                    "text": "Jest"
                  }
                }
              ]
            }
          }
        },
        {
          "ID": "9880",
          "typeID": "__group__",
          "zOrder": "110",
          "measuredW": "218",
          "measuredH": "44",
          "w": "218",
          "h": "44",
          "x": "1229",
          "y": "1125",
          "properties": {
            "controlName": "101-react-ecosystem:testing:react-testing-library"
          },
          "children": {
            "controls": {
              "control": [
                {
                  "ID": "0",
                  "typeID": "TextArea",
                  "zOrder": "0",
                  "w": "218",
                  "h": "44",
                  "measuredW": "200",
                  "measuredH": "140",
                  "x": "0",
                  "y": "0",
                  "properties": {
                    "color": "16770457"
                  }
                },
                {
                  "ID": "1",
                  "typeID": "Label",
                  "zOrder": "1",
                  "measuredW": "164",
                  "measuredH": "25",
                  "x": "25",
                  "y": "10",
                  "properties": {
                    "size": "17",
                    "text": "React Testing Library"
                  }
                }
              ]
            }
          }
        },
        {
          "ID": "9881",
          "typeID": "__group__",
          "zOrder": "111",
          "measuredW": "218",
          "measuredH": "44",
          "w": "218",
          "h": "44",
          "x": "1229",
          "y": "1174",
          "properties": {
            "controlName": "102-react-ecosystem:testing:cypress"
          },
          "children": {
            "controls": {
              "control": [
                {
                  "ID": "0",
                  "typeID": "TextArea",
                  "zOrder": "0",
                  "w": "218",
                  "h": "44",
                  "measuredW": "200",
                  "measuredH": "140",
                  "x": "0",
                  "y": "0",
                  "properties": {
                    "color": "16770457"
                  }
                },
                {
                  "ID": "1",
                  "typeID": "Label",
                  "zOrder": "1",
                  "measuredW": "63",
                  "measuredH": "25",
                  "x": "76",
                  "y": "10",
                  "properties": {
                    "size": "17",
                    "text": "Cypress"
                  }
                }
              ]
            }
          }
        },
        {
          "ID": "9882",
          "typeID": "__group__",
          "zOrder": "112",
          "measuredW": "202",
          "measuredH": "44",
          "w": "202",
          "h": "44",
          "x": "987",
          "y": "1114",
          "properties": {
            "controlName": "107-react-ecosystem:state-management"
          },
          "children": {
            "controls": {
              "control": [
                {
                  "ID": "0",
                  "typeID": "TextArea",
                  "zOrder": "0",
                  "w": "202",
                  "h": "44",
                  "measuredW": "200",
                  "measuredH": "140",
                  "x": "0",
                  "y": "0",
                  "properties": {
                    "color": "16770457"
                  }
                },
                {
                  "ID": "1",
                  "typeID": "Label",
                  "zOrder": "1",
                  "measuredW": "148",
                  "measuredH": "25",
                  "x": "27",
                  "y": "10",
                  "properties": {
                    "size": "17",
                    "text": "State Management"
                  }
                }
              ]
            }
          }
        },
        {
          "ID": "9883",
          "typeID": "__group__",
          "zOrder": "113",
          "measuredW": "155",
          "measuredH": "44",
          "w": "155",
          "h": "44",
          "x": "1037",
          "y": "1197",
          "properties": {
            "controlName": "100-react-ecosystem:state-management:context-state"
          },
          "children": {
            "controls": {
              "control": [
                {
                  "ID": "0",
                  "typeID": "TextArea",
                  "zOrder": "0",
                  "w": "155",
                  "h": "44",
                  "measuredW": "200",
                  "measuredH": "140",
                  "x": "0",
                  "y": "0",
                  "properties": {
                    "color": "16770457"
                  }
                },
                {
                  "ID": "1",
                  "typeID": "Label",
                  "zOrder": "1",
                  "measuredW": "117",
                  "measuredH": "25",
                  "x": "17",
                  "y": "10",
                  "properties": {
                    "size": "17",
                    "text": "Context / State"
                  }
                }
              ]
            }
          }
        },
        {
          "ID": "9884",
          "typeID": "__group__",
          "zOrder": "114",
          "measuredW": "155",
          "measuredH": "44",
          "w": "155",
          "h": "44",
          "x": "1037",
          "y": "1246",
          "properties": {
            "controlName": "101-react-ecosystem:state-management:redux"
          },
          "children": {
            "controls": {
              "control": [
                {
                  "ID": "0",
                  "typeID": "TextArea",
                  "zOrder": "0",
                  "w": "155",
                  "h": "44",
                  "measuredW": "200",
                  "measuredH": "140",
                  "x": "0",
                  "y": "0",
                  "properties": {
                    "color": "16770457"
                  }
                },
                {
                  "ID": "1",
                  "typeID": "Label",
                  "zOrder": "1",
                  "measuredW": "50",
                  "measuredH": "25",
                  "x": "53",
                  "y": "10",
                  "properties": {
                    "size": "17",
                    "text": "Redux"
                  }
                }
              ]
            }
          }
        },
        {
          "ID": "9885",
          "typeID": "__group__",
          "zOrder": "115",
          "measuredW": "155",
          "measuredH": "44",
          "w": "155",
          "h": "44",
          "x": "1037",
          "y": "1294",
          "properties": {
            "controlName": "102-react-ecosystem:state-management:mobx"
          },
          "children": {
            "controls": {
              "control": [
                {
                  "ID": "0",
                  "typeID": "TextArea",
                  "zOrder": "0",
                  "w": "155",
                  "h": "44",
                  "measuredW": "200",
                  "measuredH": "140",
                  "x": "0",
                  "y": "0",
                  "properties": {
                    "color": "16770457"
                  }
                },
                {
                  "ID": "1",
                  "typeID": "Label",
                  "zOrder": "1",
                  "measuredW": "44",
                  "measuredH": "25",
                  "x": "56",
                  "y": "10",
                  "properties": {
                    "size": "17",
                    "text": "MobX"
                  }
                }
              ]
            }
          }
        },
        {
          "ID": "9886",
          "typeID": "__group__",
          "zOrder": "116",
          "measuredW": "157",
          "measuredH": "44",
          "w": "157",
          "h": "44",
          "x": "534",
          "y": "1043",
          "properties": {
            "controlName": "101-react-ecosystem:ssr"
          },
          "children": {
            "controls": {
              "control": [
                {
                  "ID": "0",
                  "typeID": "TextArea",
                  "zOrder": "0",
                  "w": "157",
                  "h": "44",
                  "measuredW": "200",
                  "measuredH": "140",
                  "x": "0",
                  "y": "0",
                  "properties": {
                    "color": "16770457"
                  }
                },
                {
                  "ID": "1",
                  "typeID": "Label",
                  "zOrder": "1",
                  "measuredW": "33",
                  "measuredH": "25",
                  "x": "61",
                  "y": "10",
                  "properties": {
                    "size": "17",
                    "text": "SSR"
                  }
                }
              ]
            }
          }
        },
        {
          "ID": "9887",
          "typeID": "__group__",
          "zOrder": "117",
          "measuredW": "158",
          "measuredH": "44",
          "w": "158",
          "h": "44",
          "x": "307",
          "y": "1064",
          "properties": {
            "controlName": "100-react-ecosystem:ssr:next-js"
          },
          "children": {
            "controls": {
              "control": [
                {
                  "ID": "0",
                  "typeID": "TextArea",
                  "zOrder": "0",
                  "w": "158",
                  "h": "44",
                  "measuredW": "200",
                  "measuredH": "140",
                  "x": "0",
                  "y": "0",
                  "properties": {
                    "color": "16770457"
                  }
                },
                {
                  "ID": "1",
                  "typeID": "Label",
                  "zOrder": "1",
                  "measuredW": "52",
                  "measuredH": "25",
                  "x": "52",
                  "y": "10",
                  "properties": {
                    "size": "17",
                    "text": "Next.js"
                  }
                }
              ]
            }
          }
        },
        {
          "ID": "9888",
          "typeID": "__group__",
          "zOrder": "118",
          "measuredW": "157",
          "measuredH": "44",
          "w": "157",
          "h": "44",
          "x": "1043",
          "y": "1357",
          "properties": {
            "controlName": "108-react-ecosystem:styling"
          },
          "children": {
            "controls": {
              "control": [
                {
                  "ID": "0",
                  "typeID": "TextArea",
                  "zOrder": "0",
                  "w": "157",
                  "h": "44",
                  "measuredW": "200",
                  "measuredH": "140",
                  "x": "0",
                  "y": "0",
                  "properties": {
                    "color": "16770457"
                  }
                },
                {
                  "ID": "1",
                  "typeID": "Label",
                  "zOrder": "1",
                  "measuredW": "51",
                  "measuredH": "25",
                  "x": "51",
                  "y": "10",
                  "properties": {
                    "size": "17",
                    "text": "Styling"
                  }
                }
              ]
            }
          }
        },
        {
          "ID": "9889",
          "typeID": "__group__",
          "zOrder": "119",
          "measuredW": "157",
          "measuredH": "44",
          "w": "157",
          "h": "44",
          "x": "1260",
          "y": "1303",
          "properties": {
            "controlName": "100-react-ecosystem:styling:chakra-ui"
          },
          "children": {
            "controls": {
              "control": [
                {
                  "ID": "0",
                  "typeID": "TextArea",
                  "zOrder": "0",
                  "w": "157",
                  "h": "44",
                  "measuredW": "200",
                  "measuredH": "140",
                  "x": "0",
                  "y": "0",
                  "properties": {
                    "color": "16770457"
                  }
                },
                {
                  "ID": "1",
                  "typeID": "Label",
                  "zOrder": "1",
                  "measuredW": "78",
                  "measuredH": "25",
                  "x": "40",
                  "y": "10",
                  "properties": {
                    "size": "17",
                    "text": "Chakra UI"
                  }
                }
              ]
            }
          }
        },
        {
          "ID": "9890",
          "typeID": "__group__",
          "zOrder": "120",
          "measuredW": "157",
          "measuredH": "44",
          "w": "157",
          "h": "44",
          "x": "1260",
          "y": "1352",
          "properties": {
            "controlName": "101-react-ecosystem:styling:material-ui"
          },
          "children": {
            "controls": {
              "control": [
                {
                  "ID": "0",
                  "typeID": "TextArea",
                  "zOrder": "0",
                  "w": "157",
                  "h": "44",
                  "measuredW": "200",
                  "measuredH": "140",
                  "x": "0",
                  "y": "0",
                  "properties": {
                    "color": "16770457"
                  }
                },
                {
                  "ID": "1",
                  "typeID": "Label",
                  "zOrder": "1",
                  "measuredW": "86",
                  "measuredH": "25",
                  "x": "36",
                  "y": "10",
                  "properties": {
                    "size": "17",
                    "text": "Material UI"
                  }
                }
              ]
            }
          }
        },
        {
          "ID": "9891",
          "typeID": "__group__",
          "zOrder": "121",
          "measuredW": "157",
          "measuredH": "44",
          "w": "157",
          "h": "44",
          "x": "1260",
          "y": "1400",
          "properties": {
            "controlName": "102-react-ecosystem:styling:ant-design"
          },
          "children": {
            "controls": {
              "control": [
                {
                  "ID": "0",
                  "typeID": "TextArea",
                  "zOrder": "0",
                  "w": "157",
                  "h": "44",
                  "measuredW": "200",
                  "measuredH": "140",
                  "x": "0",
                  "y": "0",
                  "properties": {
                    "color": "16770457"
                  }
                },
                {
                  "ID": "1",
                  "typeID": "Label",
                  "zOrder": "1",
                  "measuredW": "84",
                  "measuredH": "25",
                  "x": "35",
                  "y": "10",
                  "properties": {
                    "size": "17",
                    "text": "Ant Design"
                  }
                }
              ]
            }
          }
        },
        {
          "ID": "9892",
          "typeID": "__group__",
          "zOrder": "122",
          "measuredW": "191",
          "measuredH": "44",
          "w": "191",
          "h": "44",
          "x": "1029",
          "y": "1431",
          "properties": {
            "controlName": "103-react-ecosystem:styling:styled-components"
          },
          "children": {
            "controls": {
              "control": [
                {
                  "ID": "0",
                  "typeID": "TextArea",
                  "zOrder": "0",
                  "w": "191",
                  "h": "44",
                  "measuredW": "200",
                  "measuredH": "140",
                  "x": "0",
                  "y": "0",
                  "properties": {
                    "color": "16770457"
                  }
                },
                {
                  "ID": "1",
                  "typeID": "Label",
                  "zOrder": "1",
                  "measuredW": "150",
                  "measuredH": "25",
                  "x": "19",
                  "y": "10",
                  "properties": {
                    "size": "17",
                    "text": "Styled Components"
                  }
                }
              ]
            }
          }
        },
        {
          "ID": "9893",
          "typeID": "__group__",
          "zOrder": "123",
          "measuredW": "191",
          "measuredH": "44",
          "w": "191",
          "h": "44",
          "x": "1029",
          "y": "1480",
          "properties": {
            "controlName": "104-react-ecosystem:styling:emotion"
          },
          "children": {
            "controls": {
              "control": [
                {
                  "ID": "0",
                  "typeID": "TextArea",
                  "zOrder": "0",
                  "w": "191",
                  "h": "44",
                  "measuredW": "200",
                  "measuredH": "140",
                  "x": "0",
                  "y": "0",
                  "properties": {
                    "color": "16770457"
                  }
                },
                {
                  "ID": "1",
                  "typeID": "Label",
                  "zOrder": "1",
                  "measuredW": "64",
                  "measuredH": "25",
                  "x": "65",
                  "y": "10",
                  "properties": {
                    "size": "17",
                    "text": "Emotion"
                  }
                }
              ]
            }
          }
        },
        {
          "ID": "9894",
          "typeID": "__group__",
          "zOrder": "124",
          "measuredW": "157",
          "measuredH": "44",
          "w": "157",
          "h": "44",
          "x": "307",
          "y": "1113",
          "properties": {
            "controlName": "101-react-ecosystem:ssg:gatsby"
          },
          "children": {
            "controls": {
              "control": [
                {
                  "ID": "0",
                  "typeID": "TextArea",
                  "zOrder": "0",
                  "w": "157",
                  "h": "44",
                  "measuredW": "200",
                  "measuredH": "140",
                  "x": "0",
                  "y": "0",
                  "properties": {
                    "color": "16770457"
                  }
                },
                {
                  "ID": "1",
                  "typeID": "Label",
                  "zOrder": "1",
                  "measuredW": "54",
                  "measuredH": "25",
                  "x": "51",
                  "y": "10",
                  "properties": {
                    "size": "17",
                    "text": "Gatsby"
                  }
                }
              ]
            }
          }
        },
        {
          "ID": "9895",
          "typeID": "__group__",
          "zOrder": "125",
          "measuredW": "159",
          "measuredH": "44",
          "w": "159",
          "h": "44",
          "x": "534",
          "y": "1524",
          "properties": {
            "controlName": "104-react-ecosystem:mobile"
          },
          "children": {
            "controls": {
              "control": [
                {
                  "ID": "0",
                  "typeID": "TextArea",
                  "zOrder": "0",
                  "w": "159",
                  "h": "44",
                  "measuredW": "200",
                  "measuredH": "140",
                  "x": "0",
                  "y": "0",
                  "properties": {
                    "color": "16770457"
                  }
                },
                {
                  "ID": "1",
                  "typeID": "Label",
                  "zOrder": "1",
                  "measuredW": "52",
                  "measuredH": "25",
                  "x": "55",
                  "y": "10",
                  "properties": {
                    "size": "17",
                    "text": "Mobile"
                  }
                }
              ]
            }
          }
        },
        {
          "ID": "9896",
          "typeID": "__group__",
          "zOrder": "126",
          "measuredW": "159",
          "measuredH": "44",
          "w": "159",
          "h": "44",
          "x": "326",
          "y": "1524",
          "properties": {
            "controlName": "100-react-ecosystem:mobile:react-native"
          },
          "children": {
            "controls": {
              "control": [
                {
                  "ID": "0",
                  "typeID": "TextArea",
                  "zOrder": "0",
                  "w": "159",
                  "h": "44",
                  "measuredW": "200",
                  "measuredH": "140",
                  "x": "0",
                  "y": "0",
                  "properties": {
                    "color": "16770457"
                  }
                },
                {
                  "ID": "1",
                  "typeID": "Label",
                  "zOrder": "1",
                  "measuredW": "100",
                  "measuredH": "25",
                  "x": "30",
                  "y": "10",
                  "properties": {
                    "size": "17",
                    "text": "React Native"
                  }
                }
              ]
            }
          }
        },
        {
          "ID": "9897",
          "typeID": "__group__",
          "zOrder": "127",
          "measuredW": "157",
          "measuredH": "44",
          "w": "157",
          "h": "44",
          "x": "534",
          "y": "1094",
          "properties": {
            "controlName": "102-react-ecosystem:ssg"
          },
          "children": {
            "controls": {
              "control": [
                {
                  "ID": "0",
                  "typeID": "TextArea",
                  "zOrder": "0",
                  "w": "157",
                  "h": "44",
                  "measuredW": "200",
                  "measuredH": "140",
                  "x": "0",
                  "y": "0",
                  "properties": {
                    "color": "16770457"
                  }
                },
                {
                  "ID": "1",
                  "typeID": "Label",
                  "zOrder": "1",
                  "measuredW": "34",
                  "measuredH": "25",
                  "x": "61",
                  "y": "10",
                  "properties": {
                    "size": "17",
                    "text": "SSG"
                  }
                }
              ]
            }
          }
        },
        {
          "ID": "9898",
          "typeID": "__group__",
          "zOrder": "128",
          "measuredW": "157",
          "measuredH": "44",
          "w": "157",
          "h": "44",
          "x": "534",
          "y": "1162",
          "properties": {
            "controlName": "100-react-ecosystem:api-calls:react-query"
          },
          "children": {
            "controls": {
              "control": [
                {
                  "ID": "0",
                  "typeID": "TextArea",
                  "zOrder": "0",
                  "w": "157",
                  "h": "44",
                  "measuredW": "200",
                  "measuredH": "140",
                  "x": "0",
                  "y": "0",
                  "properties": {
                    "color": "16770457"
                  }
                },
                {
                  "ID": "1",
                  "typeID": "Label",
                  "zOrder": "1",
                  "measuredW": "90",
                  "measuredH": "25",
                  "x": "34",
                  "y": "9",
                  "properties": {
                    "size": "17",
                    "text": "react-query"
                  }
                }
              ]
            }
          }
        },
        {
          "ID": "9899",
          "typeID": "__group__",
          "zOrder": "129",
          "measuredW": "391",
          "measuredH": "55",
          "w": "391",
          "h": "55",
          "x": "692",
          "y": "254",
          "properties": {
            "controlName": "ext_link:roadmap.sh/javascript"
          },
          "children": {
            "controls": {
              "control": [
                {
                  "ID": "0",
                  "typeID": "TextArea",
                  "zOrder": "0",
                  "w": "391",
                  "h": "55",
                  "measuredW": "200",
                  "measuredH": "140",
                  "x": "0",
                  "y": "0",
                  "properties": {
                    "color": "4273622",
                    "borderColor": "4273622"
                  }
                },
                {
                  "ID": "1",
                  "typeID": "Label",
                  "zOrder": "1",
                  "measuredW": "230",
                  "measuredH": "28",
                  "x": "81",
                  "y": "14",
                  "properties": {
                    "size": "20",
                    "color": "16777215",
                    "text": "Visit JavaScript Roadmap"
                  }
                }
              ]
            }
          }
        },
        {
          "ID": "9900",
          "typeID": "Arrow",
          "zOrder": "130",
          "w": "1",
          "h": "64",
          "measuredW": "150",
          "measuredH": "100",
          "x": "889",
          "y": "20",
          "properties": {
            "color": "2848996",
            "direction": "bottom",
            "leftArrow": "false",
            "rightArrow": "false",
            "p0": {
              "x": -0.3586399639038973,
              "y": 0
            },
            "p1": {
              "x": 0.32941176470588224,
              "y": 0
            },
            "p2": {
              "x": -0.3586399639038973,
              "y": 64
            },
            "stroke": "dotted"
          }
        },
        {
          "ID": "9901",
          "typeID": "__group__",
          "zOrder": "131",
          "measuredW": "391",
          "measuredH": "55",
          "w": "391",
          "h": "55",
          "x": "676",
          "y": "1647",
          "properties": {
            "controlName": "ext_link:roadmap.sh/frontend"
          },
          "children": {
            "controls": {
              "control": [
                {
                  "ID": "0",
                  "typeID": "TextArea",
                  "zOrder": "0",
                  "w": "391",
                  "h": "55",
                  "measuredW": "200",
                  "measuredH": "140",
                  "x": "0",
                  "y": "0",
                  "properties": {
                    "color": "4273622",
                    "borderColor": "4273622"
                  }
                },
                {
                  "ID": "1",
                  "typeID": "Label",
                  "zOrder": "1",
                  "measuredW": "219",
                  "measuredH": "28",
                  "x": "86",
                  "y": "14",
                  "properties": {
                    "size": "20",
                    "color": "16777215",
                    "text": "Visit Frontend Roadmap"
                  }
                }
              ]
            }
          }
        },
        {
          "ID": "9902",
          "typeID": "__group__",
          "zOrder": "132",
          "measuredW": "206",
          "measuredH": "44",
          "w": "206",
          "h": "44",
          "x": "258",
          "y": "395",
          "properties": {
            "controlName": "100-react-fundamental-topics:cli-tools:create-react-app"
          },
          "children": {
            "controls": {
              "control": [
                {
                  "ID": "0",
                  "typeID": "TextArea",
                  "zOrder": "0",
                  "w": "197",
                  "h": "44",
                  "measuredW": "200",
                  "measuredH": "140",
                  "x": "9",
                  "y": "0",
                  "properties": {
                    "color": "16770457"
                  }
                },
                {
                  "ID": "1",
                  "typeID": "Label",
                  "zOrder": "1",
                  "measuredW": "139",
                  "measuredH": "25",
                  "x": "38",
                  "y": "10",
                  "properties": {
                    "size": "17",
                    "text": "Create React App"
                  }
                },
                {
                  "ID": "2",
                  "typeID": "__group__",
                  "zOrder": "2",
                  "measuredW": "24",
                  "measuredH": "24",
                  "w": "24",
                  "h": "24",
                  "x": "0",
                  "y": "11",
                  "children": {
                    "controls": {
                      "control": [
                        {
                          "ID": "0",
                          "typeID": "Icon",
                          "zOrder": "0",
                          "measuredW": "24",
                          "measuredH": "24",
                          "x": "0",
                          "y": "0",
                          "properties": {
                            "color": "16777215",
                            "icon": {
                              "ID": "circle",
                              "size": "small"
                            }
                          }
                        },
                        {
                          "ID": "1",
                          "typeID": "Icon",
                          "zOrder": "1",
                          "measuredW": "24",
                          "measuredH": "24",
                          "x": "0",
                          "y": "0",
                          "properties": {
                            "color": "16777215",
                            "icon": {
                              "ID": "circle",
                              "size": "small"
                            }
                          }
                        },
                        {
                          "ID": "2",
                          "typeID": "Icon",
                          "zOrder": "2",
                          "measuredW": "24",
                          "measuredH": "24",
                          "x": "0",
                          "y": "0",
                          "properties": {
                            "color": "3700253",
                            "icon": {
                              "ID": "check-circle",
                              "size": "small"
                            }
                          }
                        }
                      ]
                    }
                  }
                }
              ]
            }
          }
        },
        {
          "ID": "9903",
          "typeID": "__group__",
          "zOrder": "133",
          "measuredW": "209",
          "measuredH": "44",
          "w": "209",
          "h": "44",
          "x": "258",
          "y": "343",
          "properties": {
            "controlName": "101-react-fundamental-topics:cli-tools:vite"
          },
          "children": {
            "controls": {
              "control": [
                {
                  "ID": "0",
                  "typeID": "TextArea",
                  "zOrder": "0",
                  "h": "44",
                  "measuredW": "200",
                  "measuredH": "140",
                  "x": "9",
                  "y": "0",
                  "properties": {
                    "color": "16770457"
                  }
                },
                {
                  "ID": "1",
                  "typeID": "Label",
                  "zOrder": "1",
                  "measuredW": "30",
                  "measuredH": "25",
                  "x": "94",
                  "y": "10",
                  "properties": {
                    "size": "17",
                    "text": "Vite"
                  }
                },
                {
                  "ID": "2",
                  "typeID": "__group__",
                  "zOrder": "2",
                  "measuredW": "24",
                  "measuredH": "24",
                  "w": "24",
                  "h": "24",
                  "x": "0",
                  "y": "10",
                  "children": {
                    "controls": {
                      "control": [
                        {
                          "ID": "0",
                          "typeID": "Icon",
                          "zOrder": "0",
                          "measuredW": "24",
                          "measuredH": "24",
                          "x": "0",
                          "y": "0",
                          "properties": {
                            "color": "16777215",
                            "icon": {
                              "ID": "circle",
                              "size": "small"
                            }
                          }
                        },
                        {
                          "ID": "1",
                          "typeID": "Icon",
                          "zOrder": "1",
                          "measuredW": "24",
                          "measuredH": "24",
                          "x": "0",
                          "y": "0",
                          "properties": {
                            "color": "10027263",
                            "icon": {
                              "ID": "check-circle",
                              "size": "small"
                            }
                          }
                        }
                      ]
                    }
                  }
                }
              ]
            }
          }
        },
        {
          "ID": "9904",
          "typeID": "Canvas",
          "zOrder": "134",
          "w": "408",
          "h": "202",
          "measuredW": "100",
          "measuredH": "70",
          "x": "205",
          "y": "62"
        },
        {
          "ID": "9905",
          "typeID": "__group__",
          "zOrder": "135",
          "measuredW": "191",
          "measuredH": "27",
          "w": "191",
          "h": "27",
          "x": "240",
          "y": "137",
          "properties": {
            "controlName": "ext_link:roadmap.sh/frontend"
          },
          "children": {
            "controls": {
              "control": [
                {
                  "ID": "0",
                  "typeID": "Label",
                  "zOrder": "0",
                  "measuredW": "158",
                  "measuredH": "26",
                  "x": "33",
                  "y": "0",
                  "properties": {
                    "size": "18",
                    "text": "Frontend Roadmap"
                  }
                },
                {
                  "ID": "1",
                  "typeID": "__group__",
                  "zOrder": "1",
                  "measuredW": "24",
                  "measuredH": "24",
                  "w": "24",
                  "h": "24",
                  "x": "0",
                  "y": "3",
                  "children": {
                    "controls": {
                      "control": [
                        {
                          "ID": "0",
                          "typeID": "Icon",
                          "zOrder": "0",
                          "measuredW": "24",
                          "measuredH": "24",
                          "x": "0",
                          "y": "0",
                          "properties": {
                            "color": "16777215",
                            "icon": {
                              "ID": "circle",
                              "size": "small"
                            }
                          }
                        },
                        {
                          "ID": "1",
                          "typeID": "Icon",
                          "zOrder": "1",
                          "measuredW": "24",
                          "measuredH": "24",
                          "x": "0",
                          "y": "0",
                          "properties": {
                            "color": "10066329",
                            "icon": {
                              "ID": "check-circle",
                              "size": "small"
                            }
                          }
                        }
                      ]
                    }
                  }
                }
              ]
            }
          }
        },
        {
          "ID": "9906",
          "typeID": "__group__",
          "zOrder": "136",
          "measuredW": "202",
          "measuredH": "27",
          "w": "202",
          "h": "27",
          "x": "240",
          "y": "173",
          "properties": {
            "controlName": "ext_link:roadmap.sh/javascript"
          },
          "children": {
            "controls": {
              "control": [
                {
                  "ID": "0",
                  "typeID": "Label",
                  "zOrder": "0",
                  "measuredW": "169",
                  "measuredH": "26",
                  "x": "33",
                  "y": "0",
                  "properties": {
                    "size": "18",
                    "text": "JavaScript Roadmap"
                  }
                },
                {
                  "ID": "1",
                  "typeID": "__group__",
                  "zOrder": "1",
                  "measuredW": "24",
                  "measuredH": "24",
                  "w": "24",
                  "h": "24",
                  "x": "0",
                  "y": "3",
                  "children": {
                    "controls": {
                      "control": [
                        {
                          "ID": "0",
                          "typeID": "Icon",
                          "zOrder": "0",
                          "measuredW": "24",
                          "measuredH": "24",
                          "x": "0",
                          "y": "0",
                          "properties": {
                            "color": "16777215",
                            "icon": {
                              "ID": "circle",
                              "size": "small"
                            }
                          }
                        },
                        {
                          "ID": "1",
                          "typeID": "Icon",
                          "zOrder": "1",
                          "measuredW": "24",
                          "measuredH": "24",
                          "x": "0",
                          "y": "0",
                          "properties": {
                            "color": "10066329",
                            "icon": {
                              "ID": "check-circle",
                              "size": "small"
                            }
                          }
                        }
                      ]
                    }
                  }
                }
              ]
            }
          }
        },
        {
          "ID": "9907",
          "typeID": "__group__",
          "zOrder": "137",
          "measuredW": "178",
          "measuredH": "27",
          "w": "178",
          "h": "27",
          "x": "240",
          "y": "209",
          "properties": {
            "controlName": "ext_link:roadmap.sh/nodejs"
          },
          "children": {
            "controls": {
              "control": [
                {
                  "ID": "0",
                  "typeID": "Label",
                  "zOrder": "0",
                  "measuredW": "145",
                  "measuredH": "26",
                  "x": "33",
                  "y": "0",
                  "properties": {
                    "size": "18",
                    "text": "Node.js Roadmap"
                  }
                },
                {
                  "ID": "1",
                  "typeID": "__group__",
                  "zOrder": "1",
                  "measuredW": "24",
                  "measuredH": "24",
                  "w": "24",
                  "h": "24",
                  "x": "0",
                  "y": "3",
                  "children": {
                    "controls": {
                      "control": [
                        {
                          "ID": "0",
                          "typeID": "Icon",
                          "zOrder": "0",
                          "measuredW": "24",
                          "measuredH": "24",
                          "x": "0",
                          "y": "0",
                          "properties": {
                            "color": "16777215",
                            "icon": {
                              "ID": "circle",
                              "size": "small"
                            }
                          }
                        },
                        {
                          "ID": "1",
                          "typeID": "Icon",
                          "zOrder": "1",
                          "measuredW": "24",
                          "measuredH": "24",
                          "x": "0",
                          "y": "0",
                          "properties": {
                            "color": "10066329",
                            "icon": {
                              "ID": "check-circle",
                              "size": "small"
                            }
                          }
                        }
                      ]
                    }
                  }
                }
              ]
            }
          }
        },
        {
          "ID": "9908",
          "typeID": "__group__",
          "zOrder": "138",
          "measuredW": "218",
          "measuredH": "44",
          "w": "218",
          "h": "44",
          "x": "1230",
          "y": "1025",
          "properties": {
            "controlName": "103-react-ecosystem:testing:vitest"
          },
          "children": {
            "controls": {
              "control": [
                {
                  "ID": "0",
                  "typeID": "TextArea",
                  "zOrder": "0",
                  "w": "218",
                  "h": "44",
                  "measuredW": "200",
                  "measuredH": "140",
                  "x": "0",
                  "y": "0",
                  "properties": {
                    "color": "16770457"
                  }
                },
                {
                  "ID": "1",
                  "typeID": "Label",
                  "zOrder": "1",
                  "measuredW": "44",
                  "measuredH": "25",
                  "x": "87",
                  "y": "10",
                  "properties": {
                    "size": "17",
                    "text": "Vitest"
                  }
                }
              ]
            }
          }
        },
        {
          "ID": "9909",
          "typeID": "__group__",
          "zOrder": "139",
          "measuredW": "218",
          "measuredH": "44",
          "w": "218",
          "h": "44",
          "x": "1229",
          "y": "1224",
          "properties": {
            "controlName": "104-react-ecosystem:testing:playwright"
          },
          "children": {
            "controls": {
              "control": [
                {
                  "ID": "0",
                  "typeID": "TextArea",
                  "zOrder": "0",
                  "w": "218",
                  "h": "44",
                  "measuredW": "200",
                  "measuredH": "140",
                  "x": "0",
                  "y": "0",
                  "properties": {
                    "color": "16770457"
                  }
                },
                {
                  "ID": "1",
                  "typeID": "Label",
                  "zOrder": "1",
                  "measuredW": "78",
                  "measuredH": "25",
                  "x": "70",
                  "y": "10",
                  "properties": {
                    "size": "17",
                    "text": "Playwright"
                  }
                }
              ]
            }
          }
        },
        {
          "ID": "9910",
          "typeID": "Label",
          "zOrder": "140",
          "measuredW": "209",
          "measuredH": "32",
          "x": "240",
          "y": "89",
          "properties": {
            "size": "24",
            "text": "Related Roadmaps"
          }
        },
        {
          "ID": "9911",
          "typeID": "Arrow",
          "zOrder": "0",
          "w": "1",
          "h": "70",
          "measuredW": "150",
          "measuredH": "100",
          "x": "995",
          "y": "506",
          "properties": {
            "color": "2848996",
            "curvature": "1",
            "direction": "top",
            "leftArrow": "false",
            "rightArrow": "false",
            "stroke": "dotted",
            "p0": {
              "x": 0.2631015041727096,
              "y": 69.87074768732577
            },
            "p1": {
              "x": 0.48396407046253614,
              "y": 0.0006376473756898644
            },
            "p2": {
              "x": 0.2631015041727096,
              "y": 0.15521002390022431
            }
          }
        },
        {
          "ID": "9912",
          "typeID": "__group__",
          "zOrder": "141",
          "measuredW": "153",
          "measuredH": "44",
          "w": "153",
          "h": "44",
          "x": "919",
          "y": "555",
          "properties": {
            "controlName": "109-react-fundamental-topics:events"
          },
          "children": {
            "controls": {
              "control": [
                {
                  "ID": "0",
                  "typeID": "TextArea",
                  "zOrder": "0",
                  "w": "153",
                  "h": "44",
                  "measuredW": "200",
                  "measuredH": "140",
                  "x": "0",
                  "y": "0",
                  "properties": {
                    "color": "16770457"
                  }
                },
                {
                  "ID": "1",
                  "typeID": "Label",
                  "zOrder": "1",
                  "measuredW": "53",
                  "measuredH": "25",
                  "x": "50",
                  "y": "10",
                  "properties": {
                    "size": "17",
                    "text": "Events"
                  }
                }
              ]
            }
          }
        }
      ]
    },
    "attributes": {
      "name": "New Wireframe 1 copy",
      "order": 1000022.7455786733,
      "parentID": null,
      "notes": ""
    },
    "branchID": "Master",
    "resourceID": "8024860B-B61F-451D-B579-28AA621BB239",
    "mockupH": "1751",
    "mockupW": "1285",
    "measuredW": "1490",
    "measuredH": "1771",
    "version": "1.0"
  },
  "groupOffset": {
    "x": 0,
    "y": 0
  },
  "dependencies": [],
  "projectID": "file:///Users/kamranahmed/Desktop/devops%20roadmap%5C.bmpr"
}