Roadmap to becoming a developer in 2022
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

6114 lines
162 KiB

{
"mockup": {
"controls": {
"control": [
{
"ID": "14363",
"typeID": "Arrow",
"zOrder": "2",
"w": "1",
"h": "70",
"measuredW": "150",
"measuredH": "100",
"x": "1005",
"y": "516",
"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": "14364",
"typeID": "Arrow",
"zOrder": "3",
"w": "122",
"h": "18",
"measuredW": "150",
"measuredH": "100",
"x": "1042",
"y": "705",
"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": "14365",
"typeID": "Arrow",
"zOrder": "4",
"w": "107",
"h": "49",
"measuredW": "150",
"measuredH": "100",
"x": "455",
"y": "370",
"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": "14366",
"typeID": "Arrow",
"zOrder": "5",
"w": "109",
"h": "2",
"measuredW": "150",
"measuredH": "100",
"x": "444",
"y": "429",
"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": "14367",
"typeID": "Arrow",
"zOrder": "6",
"w": "2",
"h": "571",
"measuredW": "150",
"measuredH": "100",
"x": "896",
"y": "158",
"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": "14368",
"typeID": "Label",
"zOrder": "7",
"measuredW": "76",
"measuredH": "36",
"x": "862",
"y": "106",
"properties": {
"size": "28",
"text": "React"
}
},
{
"ID": "14369",
"typeID": "Arrow",
"zOrder": "8",
"w": "2",
"h": "96",
"measuredW": "150",
"measuredH": "100",
"x": "621",
"y": "1241",
"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": "14370",
"typeID": "Arrow",
"zOrder": "9",
"w": "105",
"h": "15",
"measuredW": "150",
"measuredH": "100",
"x": "458",
"y": "1189",
"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": "14371",
"typeID": "Arrow",
"zOrder": "10",
"w": "92",
"h": "22",
"measuredW": "150",
"measuredH": "100",
"x": "469",
"y": "1161",
"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": "14372",
"typeID": "Arrow",
"zOrder": "11",
"w": "89",
"h": "13",
"measuredW": "150",
"measuredH": "100",
"x": "465",
"y": "1137",
"properties": {
"color": "2848996",
"curvature": "-1",
"direction": "bottom",
"leftArrow": "false",
"rightArrow": "false",
"stroke": "dotted",
"p0": {
"x": 89.21325016687592,
"y": 0.3226457301532264
},
"p1": {
"x": 0.5740721807586137,
"y": 0.016256006543298247
},
"p2": {
"x": 0,
"y": 13
}
}
},
{
"ID": "14373",
"typeID": "Arrow",
"zOrder": "12",
"w": "6",
"h": "75",
"measuredW": "150",
"measuredH": "100",
"x": "1118",
"y": "1153",
"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": "14374",
"typeID": "Arrow",
"zOrder": "13",
"w": "170",
"h": "580",
"measuredW": "150",
"measuredH": "100",
"x": "676",
"y": "1043",
"properties": {
"color": "2848996",
"curvature": "-1",
"direction": "bottom",
"leftArrow": "false",
"rightArrow": "false",
"stroke": "dotted",
"p0": {
"x": 156,
"y": 0
},
"p1": {
"x": 0.6169504337496851,
"y": 0.1519023793239984
},
"p2": {
"x": -0.274753807231491,
"y": 579.6297030286876
}
}
},
{
"ID": "14375",
"typeID": "Arrow",
"zOrder": "14",
"w": "95",
"h": "1",
"measuredW": "150",
"measuredH": "100",
"x": "461",
"y": "1616",
"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": "14376",
"typeID": "Arrow",
"zOrder": "15",
"w": "82",
"h": "40",
"measuredW": "150",
"measuredH": "100",
"x": "1194",
"y": "1501",
"properties": {
"color": "2848996",
"curvature": "-1",
"direction": "top",
"leftArrow": "false",
"rightArrow": "false",
"stroke": "dotted",
"p0": {
"x": 0,
"y": 0
},
"p1": {
"x": 0.60504464315171,
"y": 0.10352361545015694
},
"p2": {
"x": 81.87595827187215,
"y": 40.127754474735184
}
}
},
{
"ID": "14377",
"typeID": "Arrow",
"zOrder": "16",
"w": "88",
"h": "7",
"measuredW": "150",
"measuredH": "100",
"x": "1197",
"y": "1483",
"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": "14378",
"typeID": "Arrow",
"zOrder": "17",
"w": "96",
"h": "46",
"measuredW": "150",
"measuredH": "100",
"x": "1180",
"y": "1433",
"properties": {
"color": "2848996",
"curvature": "1",
"direction": "bottom",
"leftArrow": "false",
"rightArrow": "false",
"stroke": "dotted",
"p0": {
"x": -0.44452638279881285,
"y": 45.889902851717125
},
"p1": {
"x": 0.5156841633798173,
"y": -0.10584946033995801
},
"p2": {
"x": 95.65228225525743,
"y": -0.07551856258737644
}
}
},
{
"ID": "14379",
"typeID": "Arrow",
"zOrder": "18",
"w": "6",
"h": "736",
"measuredW": "150",
"measuredH": "100",
"x": "886",
"y": "1045",
"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": "14380",
"typeID": "Arrow",
"zOrder": "19",
"w": "1",
"h": "82",
"measuredW": "150",
"measuredH": "100",
"x": "1135",
"y": "1487",
"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": "14381",
"typeID": "Arrow",
"zOrder": "20",
"w": "203",
"h": "444",
"measuredW": "150",
"measuredH": "100",
"x": "912",
"y": "1047",
"properties": {
"color": "2848996",
"curvature": "-1",
"direction": "top",
"leftArrow": "false",
"rightArrow": "false",
"stroke": "dotted",
"p0": {
"x": 0,
"y": 0
},
"p1": {
"x": 0.6386805175102197,
"y": -0.15317754646213497
},
"p2": {
"x": 203.43769143423788,
"y": 443.58190904324397
}
}
},
{
"ID": "14382",
"typeID": "Arrow",
"zOrder": "21",
"w": "63",
"measuredW": "150",
"measuredH": "100",
"x": "691",
"y": "1029",
"properties": {
"color": "2848996",
"curvature": "-1",
"direction": "bottom",
"leftArrow": "false",
"rightArrow": "false",
"stroke": "dotted",
"p0": {
"x": 63,
"y": 0
},
"p1": {
"x": 0.6971153846153839,
"y": 0.14182692307692268
},
"p2": {
"x": -0.4562177065128026,
"y": 99.43152406972195
}
}
},
{
"ID": "14383",
"typeID": "Arrow",
"zOrder": "22",
"w": "64",
"h": "109",
"measuredW": "150",
"measuredH": "100",
"x": "938",
"y": "1038",
"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": "14384",
"typeID": "Arrow",
"zOrder": "23",
"w": "86",
"h": "54",
"measuredW": "150",
"measuredH": "100",
"x": "1168",
"y": "925",
"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": "14385",
"typeID": "Arrow",
"zOrder": "24",
"w": "89",
"h": "8",
"measuredW": "150",
"measuredH": "100",
"x": "1159",
"y": "975",
"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": "14386",
"typeID": "Arrow",
"zOrder": "25",
"w": "60",
"h": "103",
"measuredW": "150",
"measuredH": "100",
"x": "1186",
"y": "1070",
"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": "14387",
"typeID": "Arrow",
"zOrder": "26",
"w": "66",
"h": "75",
"measuredW": "150",
"measuredH": "100",
"x": "1185",
"y": "1061",
"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": "14388",
"typeID": "Arrow",
"zOrder": "27",
"w": "86",
"h": "4",
"measuredW": "150",
"measuredH": "100",
"x": "1168",
"y": "1053",
"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": "14389",
"typeID": "Arrow",
"zOrder": "28",
"w": "63",
"h": "24",
"measuredW": "150",
"measuredH": "100",
"x": "940",
"y": "1035",
"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": "14390",
"typeID": "Arrow",
"zOrder": "29",
"w": "95",
"h": "88",
"measuredW": "150",
"measuredH": "100",
"x": "1159",
"y": "882",
"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": "14391",
"typeID": "Arrow",
"zOrder": "30",
"w": "95",
"h": "18",
"measuredW": "150",
"measuredH": "100",
"x": "461",
"y": "1312",
"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": "14392",
"typeID": "Arrow",
"zOrder": "31",
"w": "94",
"h": "59",
"measuredW": "150",
"measuredH": "100",
"x": "461",
"y": "1266",
"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": "14393",
"typeID": "Arrow",
"zOrder": "32",
"w": "2",
"h": "96",
"measuredW": "150",
"measuredH": "100",
"x": "621",
"y": "1331",
"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": "14394",
"typeID": "Arrow",
"zOrder": "33",
"w": "89",
"h": "110",
"measuredW": "150",
"measuredH": "100",
"x": "464",
"y": "1345",
"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": "14395",
"typeID": "Arrow",
"zOrder": "34",
"w": "102",
"h": "170",
"measuredW": "150",
"measuredH": "100",
"x": "459",
"y": "1335",
"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": "14396",
"typeID": "Arrow",
"zOrder": "35",
"w": "95",
"h": "73",
"measuredW": "150",
"measuredH": "100",
"x": "464",
"y": "1332",
"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": "14397",
"typeID": "Arrow",
"zOrder": "36",
"w": "68",
"h": "51",
"measuredW": "150",
"measuredH": "100",
"x": "938",
"y": "976",
"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": "14398",
"typeID": "Arrow",
"zOrder": "37",
"w": "106",
"h": "16",
"measuredW": "150",
"measuredH": "100",
"x": "458",
"y": "1027",
"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": "14399",
"typeID": "Arrow",
"zOrder": "38",
"w": "94",
"h": "31",
"measuredW": "150",
"measuredH": "100",
"x": "461",
"y": "989",
"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": "14400",
"typeID": "Arrow",
"zOrder": "39",
"w": "109",
"h": "5",
"measuredW": "150",
"measuredH": "100",
"x": "660",
"y": "1022",
"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": "14401",
"typeID": "Arrow",
"zOrder": "40",
"w": "118",
"h": "294",
"measuredW": "150",
"measuredH": "100",
"x": "674",
"y": "1037",
"properties": {
"color": "2848996",
"curvature": "-1",
"direction": "bottom",
"leftArrow": "false",
"rightArrow": "false",
"stroke": "dotted",
"p0": {
"x": 112,
"y": 0
},
"p1": {
"x": 0.6562581123678842,
"y": 0.2116447246430557
},
"p2": {
"x": 0.24339258269674247,
"y": 293.70454184453115
}
}
},
{
"ID": "14402",
"typeID": "Arrow",
"zOrder": "41",
"w": "49",
"h": "292",
"measuredW": "150",
"measuredH": "100",
"x": "899",
"y": "731",
"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": "14403",
"typeID": "Arrow",
"zOrder": "42",
"w": "153",
"h": "89",
"measuredW": "150",
"measuredH": "100",
"x": "1017",
"y": "725",
"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": "14404",
"typeID": "Arrow",
"zOrder": "43",
"w": "122",
"h": "32",
"measuredW": "150",
"measuredH": "100",
"x": "1043",
"y": "730",
"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": "14405",
"typeID": "Arrow",
"zOrder": "44",
"w": "136",
"h": "60",
"measuredW": "150",
"measuredH": "100",
"x": "1028",
"y": "659",
"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": "14406",
"typeID": "Arrow",
"zOrder": "45",
"w": "89",
"h": "106",
"measuredW": "150",
"measuredH": "100",
"x": "708",
"y": "744",
"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": "14407",
"typeID": "Arrow",
"zOrder": "46",
"w": "93",
"h": "65",
"measuredW": "150",
"measuredH": "100",
"x": "700",
"y": "740",
"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": "14408",
"typeID": "Arrow",
"zOrder": "47",
"w": "69",
"h": "35",
"measuredW": "150",
"measuredH": "100",
"x": "505",
"y": "706",
"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": "14409",
"typeID": "Arrow",
"zOrder": "48",
"w": "81",
"h": "20",
"measuredW": "150",
"measuredH": "100",
"x": "517",
"y": "683",
"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": "14410",
"typeID": "Arrow",
"zOrder": "49",
"w": "127",
"h": "1",
"measuredW": "150",
"measuredH": "100",
"x": "1029",
"y": "516",
"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": "14411",
"typeID": "Arrow",
"zOrder": "50",
"w": "88",
"h": "21",
"measuredW": "150",
"measuredH": "100",
"x": "707",
"y": "700",
"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": "14412",
"typeID": "Arrow",
"zOrder": "51",
"w": "105",
"h": "29",
"measuredW": "150",
"measuredH": "100",
"x": "697",
"y": "723",
"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": "14413",
"typeID": "Arrow",
"zOrder": "52",
"w": "108",
"h": "118",
"measuredW": "150",
"measuredH": "100",
"x": "682",
"y": "515",
"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": "14414",
"typeID": "Arrow",
"zOrder": "53",
"w": "102",
"h": "66",
"measuredW": "150",
"measuredH": "100",
"x": "681",
"y": "516",
"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": "14415",
"typeID": "Arrow",
"zOrder": "54",
"w": "66",
"h": "65",
"measuredW": "150",
"measuredH": "100",
"x": "1271",
"y": "521",
"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": "14416",
"typeID": "Arrow",
"zOrder": "55",
"h": "33",
"measuredW": "150",
"measuredH": "100",
"x": "1003",
"y": "469",
"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": "14417",
"typeID": "Arrow",
"zOrder": "56",
"w": "50",
"h": "77",
"measuredW": "150",
"measuredH": "100",
"x": "1208",
"y": "518",
"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": "14418",
"typeID": "Arrow",
"zOrder": "57",
"w": "181",
"h": "83",
"measuredW": "150",
"measuredH": "100",
"x": "971",
"y": "419",
"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": "14419",
"typeID": "Arrow",
"zOrder": "58",
"w": "110",
"h": "19",
"measuredW": "150",
"measuredH": "100",
"x": "672",
"y": "513",
"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": "14420",
"typeID": "Arrow",
"zOrder": "59",
"w": "67",
"h": "29",
"measuredW": "150",
"measuredH": "100",
"x": "477",
"y": "528",
"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": "14421",
"typeID": "Arrow",
"zOrder": "60",
"w": "70",
"h": "27",
"measuredW": "150",
"measuredH": "100",
"x": "478",
"y": "503",
"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": "14422",
"typeID": "Canvas",
"zOrder": "61",
"w": "350",
"h": "141",
"measuredW": "100",
"measuredH": "70",
"x": "1150",
"y": "82"
},
{
"ID": "14423",
"typeID": "Label",
"zOrder": "62",
"measuredW": "314",
"measuredH": "25",
"x": "1164",
"y": "99",
"properties": {
"size": "17",
"text": "Find the detailed version of this roadmap"
}
},
{
"ID": "14424",
"typeID": "Label",
"zOrder": "63",
"measuredW": "319",
"measuredH": "25",
"x": "1164",
"y": "127",
"properties": {
"size": "17",
"text": "along with resources and other roadmaps"
}
},
{
"ID": "14425",
"typeID": "__group__",
"zOrder": "64",
"measuredW": "320",
"measuredH": "45",
"w": "320",
"h": "45",
"x": "1165",
"y": "163",
"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": "45",
"measuredH": "28",
"x": "66",
"y": "8",
"properties": {
"color": "16777215",
"size": "20",
"text": "https"
}
},
{
"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": "14426",
"typeID": "Arrow",
"zOrder": "65",
"w": "196",
"h": "128",
"measuredW": "150",
"measuredH": "100",
"x": "954",
"y": "370",
"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": "14427",
"typeID": "Arrow",
"zOrder": "66",
"w": "128",
"h": "35",
"measuredW": "150",
"measuredH": "100",
"x": "653",
"y": "475",
"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": "14428",
"typeID": "Arrow",
"zOrder": "67",
"w": "109",
"h": "80",
"measuredW": "150",
"measuredH": "100",
"x": "672",
"y": "422",
"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": "14429",
"typeID": "__group__",
"zOrder": "68",
"measuredW": "272",
"measuredH": "50",
"w": "272",
"h": "50",
"x": "772",
"y": "484",
"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": "14430",
"typeID": "__group__",
"zOrder": "69",
"measuredW": "159",
"measuredH": "44",
"w": "159",
"h": "44",
"x": "532",
"y": "505",
"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": "14431",
"typeID": "__group__",
"zOrder": "70",
"measuredW": "255",
"measuredH": "44",
"w": "255",
"h": "44",
"x": "1142",
"y": "447",
"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": "14432",
"typeID": "__group__",
"zOrder": "71",
"measuredW": "213",
"measuredH": "44",
"w": "213",
"h": "44",
"x": "283",
"y": "482",
"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": "14433",
"typeID": "__group__",
"zOrder": "72",
"measuredW": "213",
"measuredH": "44",
"w": "213",
"h": "44",
"x": "283",
"y": "532",
"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": "14434",
"typeID": "__group__",
"zOrder": "73",
"measuredW": "159",
"measuredH": "44",
"w": "159",
"h": "44",
"x": "532",
"y": "455",
"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": "14435",
"typeID": "__group__",
"zOrder": "74",
"measuredW": "159",
"measuredH": "44",
"w": "159",
"h": "44",
"x": "532",
"y": "557",
"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": "14436",
"typeID": "__group__",
"zOrder": "75",
"measuredW": "254",
"measuredH": "42",
"w": "254",
"h": "42",
"x": "1143",
"y": "497",
"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": "14437",
"typeID": "__group__",
"zOrder": "76",
"measuredW": "153",
"measuredH": "44",
"w": "153",
"h": "44",
"x": "1116",
"y": "565",
"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": "14438",
"typeID": "__group__",
"zOrder": "77",
"measuredW": "153",
"measuredH": "44",
"w": "153",
"h": "44",
"x": "1276",
"y": "565",
"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": "14439",
"typeID": "__group__",
"zOrder": "78",
"measuredW": "255",
"measuredH": "44",
"w": "255",
"h": "44",
"x": "1142",
"y": "398",
"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": "14440",
"typeID": "__group__",
"zOrder": "79",
"measuredW": "215",
"measuredH": "44",
"w": "215",
"h": "44",
"x": "478",
"y": "607",
"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": "14441",
"typeID": "__group__",
"zOrder": "80",
"measuredW": "162",
"measuredH": "44",
"w": "162",
"h": "44",
"x": "530",
"y": "405",
"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": "14442",
"typeID": "__group__",
"zOrder": "81",
"measuredW": "255",
"measuredH": "44",
"w": "255",
"h": "44",
"x": "1142",
"y": "347",
"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": "14443",
"typeID": "__group__",
"zOrder": "82",
"measuredW": "272",
"measuredH": "50",
"w": "272",
"h": "50",
"x": "788",
"y": "699",
"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": "14444",
"typeID": "__group__",
"zOrder": "83",
"measuredW": "157",
"measuredH": "44",
"w": "157",
"h": "44",
"x": "561",
"y": "680",
"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": "14445",
"typeID": "__group__",
"zOrder": "84",
"measuredW": "243",
"measuredH": "44",
"w": "243",
"h": "44",
"x": "285",
"y": "659",
"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": "14446",
"typeID": "__group__",
"zOrder": "85",
"measuredW": "243",
"measuredH": "248",
"w": "243",
"h": "248",
"x": "285",
"y": "710",
"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": "14447",
"typeID": "__group__",
"zOrder": "86",
"measuredW": "157",
"measuredH": "44",
"w": "157",
"h": "44",
"x": "561",
"y": "729",
"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": "14448",
"typeID": "__group__",
"zOrder": "87",
"measuredW": "157",
"measuredH": "44",
"w": "157",
"h": "44",
"x": "561",
"y": "779",
"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": "14449",
"typeID": "__group__",
"zOrder": "88",
"measuredW": "157",
"measuredH": "44",
"w": "157",
"h": "44",
"x": "561",
"y": "829",
"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": "14450",
"typeID": "__group__",
"zOrder": "89",
"measuredW": "224",
"measuredH": "44",
"w": "224",
"h": "44",
"x": "1152",
"y": "640",
"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": "14451",
"typeID": "__group__",
"zOrder": "90",
"measuredW": "224",
"measuredH": "44",
"w": "224",
"h": "44",
"x": "1152",
"y": "690",
"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": "14452",
"typeID": "__group__",
"zOrder": "91",
"measuredW": "224",
"measuredH": "44",
"w": "224",
"h": "44",
"x": "1152",
"y": "739",
"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": "14453",
"typeID": "__group__",
"zOrder": "92",
"measuredW": "224",
"measuredH": "44",
"w": "224",
"h": "44",
"x": "1152",
"y": "788",
"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": "14454",
"typeID": "__group__",
"zOrder": "93",
"measuredW": "201",
"measuredH": "50",
"w": "201",
"h": "50",
"x": "744",
"y": "1002",
"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": "14455",
"typeID": "__group__",
"zOrder": "94",
"measuredW": "202",
"measuredH": "44",
"w": "202",
"h": "44",
"x": "990",
"y": "957",
"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": "14456",
"typeID": "__group__",
"zOrder": "95",
"measuredW": "171",
"measuredH": "44",
"w": "171",
"h": "44",
"x": "1239",
"y": "861",
"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": "14457",
"typeID": "__group__",
"zOrder": "96",
"measuredW": "171",
"measuredH": "44",
"w": "171",
"h": "44",
"x": "1239",
"y": "909",
"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": "14458",
"typeID": "__group__",
"zOrder": "97",
"measuredW": "171",
"measuredH": "44",
"w": "171",
"h": "44",
"x": "1239",
"y": "957",
"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": "14459",
"typeID": "__group__",
"zOrder": "98",
"measuredW": "157",
"measuredH": "44",
"w": "157",
"h": "44",
"x": "545",
"y": "1001",
"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": "14460",
"typeID": "__group__",
"zOrder": "99",
"measuredW": "158",
"measuredH": "44",
"w": "158",
"h": "44",
"x": "319",
"y": "967",
"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": "14461",
"typeID": "__group__",
"zOrder": "100",
"measuredW": "157",
"measuredH": "44",
"w": "157",
"h": "44",
"x": "319",
"y": "1017",
"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": "14462",
"typeID": "__group__",
"zOrder": "101",
"measuredW": "157",
"measuredH": "44",
"w": "157",
"h": "44",
"x": "545",
"y": "1307",
"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": "14463",
"typeID": "__group__",
"zOrder": "102",
"measuredW": "157",
"measuredH": "44",
"w": "157",
"h": "44",
"x": "320",
"y": "1380",
"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": "14464",
"typeID": "__group__",
"zOrder": "103",
"measuredW": "157",
"measuredH": "44",
"w": "157",
"h": "44",
"x": "319",
"y": "1430",
"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": "14465",
"typeID": "__group__",
"zOrder": "104",
"measuredW": "157",
"measuredH": "44",
"w": "157",
"h": "44",
"x": "319",
"y": "1479",
"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": "14466",
"typeID": "Label",
"zOrder": "105",
"measuredW": "117",
"measuredH": "25",
"x": "337",
"y": "1528",
"properties": {
"size": "17",
"text": "REST API Calls"
}
},
{
"ID": "14467",
"typeID": "__group__",
"zOrder": "106",
"measuredW": "157",
"measuredH": "44",
"w": "157",
"h": "44",
"x": "545",
"y": "1412",
"properties": {
"controlName": "101-react-ecosystem:api-calls:swr"
},
"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": "38",
"measuredH": "25",
"x": "60",
"y": "10",
"properties": {
"size": "17",
"text": "SWR"
}
}
]
}
}
},
{
"ID": "14468",
"typeID": "__group__",
"zOrder": "107",
"measuredW": "156",
"measuredH": "44",
"w": "156",
"h": "44",
"x": "319",
"y": "1243",
"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": "14469",
"typeID": "__group__",
"zOrder": "108",
"measuredW": "156",
"measuredH": "44",
"w": "156",
"h": "44",
"x": "319",
"y": "1291",
"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": "14470",
"typeID": "Label",
"zOrder": "109",
"measuredW": "71",
"measuredH": "25",
"x": "360",
"y": "1341",
"properties": {
"size": "17",
"text": "GraphQL"
}
},
{
"ID": "14471",
"typeID": "__group__",
"zOrder": "110",
"measuredW": "202",
"measuredH": "44",
"w": "202",
"h": "44",
"x": "990",
"y": "1035",
"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": "14472",
"typeID": "__group__",
"zOrder": "111",
"measuredW": "218",
"measuredH": "44",
"w": "218",
"h": "44",
"x": "1239",
"y": "1084",
"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": "14473",
"typeID": "__group__",
"zOrder": "112",
"measuredW": "218",
"measuredH": "44",
"w": "218",
"h": "44",
"x": "1239",
"y": "1134",
"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": "14474",
"typeID": "__group__",
"zOrder": "113",
"measuredW": "218",
"measuredH": "44",
"w": "218",
"h": "44",
"x": "1239",
"y": "1184",
"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": "14475",
"typeID": "__group__",
"zOrder": "114",
"measuredW": "202",
"measuredH": "44",
"w": "202",
"h": "44",
"x": "997",
"y": "1124",
"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": "14476",
"typeID": "__group__",
"zOrder": "115",
"measuredW": "155",
"measuredH": "44",
"w": "155",
"h": "44",
"x": "1047",
"y": "1207",
"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": "14477",
"typeID": "__group__",
"zOrder": "116",
"measuredW": "155",
"measuredH": "44",
"w": "155",
"h": "44",
"x": "1047",
"y": "1303",
"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": "14478",
"typeID": "__group__",
"zOrder": "117",
"measuredW": "155",
"measuredH": "44",
"w": "155",
"h": "44",
"x": "1047",
"y": "1351",
"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": "14479",
"typeID": "__group__",
"zOrder": "118",
"measuredW": "157",
"measuredH": "44",
"w": "157",
"h": "44",
"x": "544",
"y": "1112",
"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": "14480",
"typeID": "__group__",
"zOrder": "119",
"measuredW": "158",
"measuredH": "44",
"w": "158",
"h": "44",
"x": "317",
"y": "1133",
"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": "14481",
"typeID": "__group__",
"zOrder": "120",
"measuredW": "157",
"measuredH": "44",
"w": "157",
"h": "44",
"x": "1053",
"y": "1467",
"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": "14482",
"typeID": "__group__",
"zOrder": "121",
"measuredW": "157",
"measuredH": "44",
"w": "157",
"h": "44",
"x": "1270",
"y": "1413",
"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": "14483",
"typeID": "__group__",
"zOrder": "122",
"measuredW": "157",
"measuredH": "44",
"w": "157",
"h": "44",
"x": "1270",
"y": "1462",
"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": "14484",
"typeID": "__group__",
"zOrder": "123",
"measuredW": "157",
"measuredH": "44",
"w": "157",
"h": "44",
"x": "1270",
"y": "1510",
"properties": {
"controlName": "102-react-ecosystem:styling:mantine"
},
"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": "63",
"measuredH": "25",
"x": "47",
"y": "10",
"properties": {
"size": "17",
"text": "Mantine"
}
}
]
}
}
},
{
"ID": "14485",
"typeID": "__group__",
"zOrder": "124",
"measuredW": "191",
"measuredH": "44",
"w": "191",
"h": "44",
"x": "1039",
"y": "1541",
"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": "14486",
"typeID": "__group__",
"zOrder": "125",
"measuredW": "191",
"measuredH": "44",
"w": "191",
"h": "44",
"x": "1039",
"y": "1590",
"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": "14487",
"typeID": "__group__",
"zOrder": "126",
"measuredW": "157",
"measuredH": "44",
"w": "157",
"h": "44",
"x": "317",
"y": "1182",
"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": "14488",
"typeID": "__group__",
"zOrder": "127",
"measuredW": "159",
"measuredH": "44",
"w": "159",
"h": "44",
"x": "544",
"y": "1594",
"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": "14489",
"typeID": "__group__",
"zOrder": "128",
"measuredW": "159",
"measuredH": "44",
"w": "159",
"h": "44",
"x": "336",
"y": "1594",
"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": "14490",
"typeID": "__group__",
"zOrder": "129",
"measuredW": "157",
"measuredH": "44",
"w": "157",
"h": "44",
"x": "544",
"y": "1163",
"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": "14491",
"typeID": "__group__",
"zOrder": "130",
"measuredW": "157",
"measuredH": "44",
"w": "157",
"h": "44",
"x": "544",
"y": "1232",
"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": "14492",
"typeID": "__group__",
"zOrder": "131",
"measuredW": "391",
"measuredH": "55",
"w": "391",
"h": "55",
"x": "702",
"y": "264",
"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": "14493",
"typeID": "Arrow",
"zOrder": "132",
"w": "1",
"h": "64",
"measuredW": "150",
"measuredH": "100",
"x": "899",
"y": "30",
"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": "14494",
"typeID": "__group__",
"zOrder": "133",
"measuredW": "391",
"measuredH": "55",
"w": "391",
"h": "55",
"x": "686",
"y": "1657",
"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": "14495",
"typeID": "__group__",
"zOrder": "134",
"measuredW": "206",
"measuredH": "44",
"w": "206",
"h": "44",
"x": "268",
"y": "405",
"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": "14496",
"typeID": "__group__",
"zOrder": "135",
"measuredW": "209",
"measuredH": "44",
"w": "209",
"h": "44",
"x": "268",
"y": "353",
"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": "14497",
"typeID": "Canvas",
"zOrder": "136",
"w": "408",
"h": "202",
"measuredW": "100",
"measuredH": "70",
"x": "215",
"y": "72"
},
{
"ID": "14498",
"typeID": "__group__",
"zOrder": "137",
"measuredW": "191",
"measuredH": "27",
"w": "191",
"h": "27",
"x": "250",
"y": "147",
"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": "14499",
"typeID": "__group__",
"zOrder": "138",
"measuredW": "202",
"measuredH": "27",
"w": "202",
"h": "27",
"x": "250",
"y": "183",
"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": "14500",
"typeID": "__group__",
"zOrder": "139",
"measuredW": "178",
"measuredH": "27",
"w": "178",
"h": "27",
"x": "250",
"y": "219",
"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": "14501",
"typeID": "__group__",
"zOrder": "140",
"measuredW": "218",
"measuredH": "44",
"w": "218",
"h": "44",
"x": "1240",
"y": "1035",
"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": "14502",
"typeID": "__group__",
"zOrder": "141",
"measuredW": "218",
"measuredH": "44",
"w": "218",
"h": "44",
"x": "1239",
"y": "1234",
"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": "14503",
"typeID": "Label",
"zOrder": "142",
"measuredW": "209",
"measuredH": "32",
"x": "250",
"y": "99",
"properties": {
"size": "24",
"text": "Related Roadmaps"
}
},
{
"ID": "14504",
"typeID": "__group__",
"zOrder": "143",
"measuredW": "153",
"measuredH": "44",
"w": "153",
"h": "44",
"x": "929",
"y": "565",
"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"
}
}
]
}
}
},
{
"ID": "14505",
"typeID": "__group__",
"zOrder": "144",
"measuredW": "155",
"measuredH": "44",
"w": "155",
"h": "44",
"x": "1048",
"y": "1255",
"properties": {
"controlName": "101-react-ecosystem:state-management:zustand"
},
"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": "62",
"measuredH": "25",
"x": "47",
"y": "10",
"properties": {
"size": "17",
"text": "Zustand"
}
}
]
}
}
},
{
"ID": "14507",
"typeID": "__group__",
"zOrder": "145",
"measuredW": "158",
"measuredH": "44",
"w": "158",
"h": "44",
"x": "317",
"y": "1084",
"properties": {
"controlName": "100-react-ecosystem:ssr:remix"
},
"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": "49",
"measuredH": "25",
"x": "54",
"y": "10",
"properties": {
"size": "17",
"text": "Remix"
}
}
]
}
}
},
{
"ID": "14508",
"typeID": "Arrow",
"zOrder": "1",
"w": "96",
"h": "30",
"measuredW": "150",
"measuredH": "100",
"x": "461",
"y": "1100",
"properties": {
"color": "2848996",
"curvature": "-1",
"direction": "bottom",
"leftArrow": "false",
"rightArrow": "false",
"stroke": "dotted",
"p0": {
"x": 96.17695738701968,
"y": 29.91337767979394
},
"p1": {
"x": 0.5740721807586135,
"y": 0.016256006543298205
},
"p2": {
"x": -0.14352726765127954,
"y": 0.27630547835678954
}
}
},
{
"ID": "14509",
"typeID": "__group__",
"zOrder": "146",
"measuredW": "218",
"measuredH": "44",
"w": "218",
"h": "44",
"x": "1239",
"y": "1303",
"properties": {
"controlName": "100-react-ecosystem:state-management:redux:redux-toolkit"
},
"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": "103",
"measuredH": "25",
"x": "57",
"y": "10",
"properties": {
"size": "17",
"text": "Redux Toolkit"
}
}
]
}
}
},
{
"ID": "14510",
"typeID": "Arrow",
"zOrder": "0",
"w": "87",
"h": "2",
"measuredW": "150",
"measuredH": "100",
"x": "1169",
"y": "1324",
"properties": {
"color": "2848996",
"curvature": "-1",
"direction": "top",
"leftArrow": "false",
"rightArrow": "false",
"stroke": "dotted",
"p0": {
"x": 87.08063080147826,
"y": 0.28039844162640293
},
"p1": {
"x": 0.4826498422712936,
"y": 0.022082018927444477
},
"p2": {
"x": 0.40617436331285717,
"y": -0.3216264545321792
}
}
}
]
},
"attributes": {
"name": "New Wireframe 1 copy 3",
"order": 1000016.2408968211,
"parentID": null,
"notes": ""
},
"branchID": "Master",
"resourceID": "13C27694-0370-442D-AECD-EFA2B687DD15",
"mockupH": "1751",
"mockupW": "1285",
"measuredW": "1500",
"measuredH": "1781",
"version": "1.0"
},
"groupOffset": {
"x": 0,
"y": 0
},
"dependencies": [],
"projectID": "file:///Users/kamranahmed/Desktop/devops%20roadmap%5C.bmpr"
}