{ "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" }