From f956ecd7b03d70760f613c5eab392fff58f81c7e Mon Sep 17 00:00:00 2001 From: Kamran Ahmed Date: Wed, 5 Oct 2022 18:47:51 +0400 Subject: [PATCH] Fix blurriness of react roadmap --- public/project/react.json | 6291 ++++++++++++++++++------------------- 1 file changed, 3145 insertions(+), 3146 deletions(-) diff --git a/public/project/react.json b/public/project/react.json index 753e64bee..30953cd71 100644 --- a/public/project/react.json +++ b/public/project/react.json @@ -3,15 +3,15 @@ "controls": { "control": [ { - "ID": "2609", + "ID": "9050", "typeID": "Arrow", "zOrder": "0", "w": "24", "h": "77", "measuredW": "150", "measuredH": "100", - "x": "618", - "y": "183", + "x": "628", + "y": "193", "properties": { "curvature": "0", "leftArrow": "false", @@ -32,27 +32,27 @@ } }, { - "ID": "2610", + "ID": "9051", "typeID": "Label", "zOrder": "1", "measuredW": "76", "measuredH": "36", - "x": "647", - "y": "267", + "x": "657", + "y": "277", "properties": { "size": "28", "text": "React" } }, { - "ID": "2611", + "ID": "9052", "typeID": "Arrow", "zOrder": "2", "w": "27", "measuredW": "150", "measuredH": "100", - "x": "638", - "y": "27", + "x": "648", + "y": "37", "properties": { "curvature": "0", "leftArrow": "false", @@ -74,15 +74,15 @@ } }, { - "ID": "2612", + "ID": "9053", "typeID": "Arrow", "zOrder": "3", "w": "2", "h": "96", "measuredW": "150", "measuredH": "100", - "x": "411", - "y": "1091", + "x": "421", + "y": "1101", "properties": { "color": "2848996", "curvature": "0", @@ -108,15 +108,15 @@ } }, { - "ID": "2613", + "ID": "9054", "typeID": "Arrow", "zOrder": "4", "w": "105", "h": "15", "measuredW": "150", "measuredH": "100", - "x": "248", - "y": "1040", + "x": "258", + "y": "1050", "properties": { "color": "2848996", "curvature": "-1", @@ -139,15 +139,15 @@ } }, { - "ID": "2614", + "ID": "9055", "typeID": "Arrow", "zOrder": "5", "w": "92", "h": "22", "measuredW": "150", "measuredH": "100", - "x": "259", - "y": "1012", + "x": "269", + "y": "1022", "properties": { "color": "2848996", "curvature": "0", @@ -170,15 +170,15 @@ } }, { - "ID": "2615", + "ID": "9056", "typeID": "Arrow", "zOrder": "6", "w": "89", "h": "19", "measuredW": "150", "measuredH": "100", - "x": "255", - "y": "983", + "x": "265", + "y": "993", "properties": { "color": "2848996", "curvature": "-1", @@ -201,15 +201,15 @@ } }, { - "ID": "2616", + "ID": "9057", "typeID": "Arrow", "zOrder": "7", "w": "6", "h": "75", "measuredW": "150", "measuredH": "100", - "x": "908", - "y": "1063", + "x": "918", + "y": "1073", "properties": { "color": "2848996", "curvature": "1", @@ -235,15 +235,15 @@ } }, { - "ID": "2617", + "ID": "9058", "typeID": "Arrow", "zOrder": "8", "w": "155", "h": "517", "measuredW": "150", "measuredH": "100", - "x": "477", - "y": "953", + "x": "487", + "y": "963", "properties": { "color": "2848996", "curvature": "-1", @@ -266,15 +266,15 @@ } }, { - "ID": "2618", + "ID": "9059", "typeID": "Arrow", "zOrder": "9", "w": "95", "h": "1", "measuredW": "150", "measuredH": "100", - "x": "251", - "y": "1466", + "x": "261", + "y": "1476", "properties": { "color": "2848996", "curvature": "0", @@ -300,15 +300,15 @@ } }, { - "ID": "2619", + "ID": "9060", "typeID": "Arrow", "zOrder": "10", "w": "101", "h": "33", "measuredW": "150", "measuredH": "100", - "x": "984", - "y": "1311", + "x": "994", + "y": "1321", "properties": { "color": "2848996", "curvature": "-1", @@ -334,15 +334,15 @@ } }, { - "ID": "2620", + "ID": "9061", "typeID": "Arrow", "zOrder": "11", "w": "88", "h": "7", "measuredW": "150", "measuredH": "100", - "x": "987", - "y": "1293", + "x": "997", + "y": "1303", "properties": { "color": "2848996", "curvature": "1", @@ -368,15 +368,15 @@ } }, { - "ID": "2621", + "ID": "9062", "typeID": "Arrow", "zOrder": "12", "w": "86", "h": "55", "measuredW": "150", "measuredH": "100", - "x": "987", - "y": "1242", + "x": "997", + "y": "1252", "properties": { "color": "2848996", "curvature": "1", @@ -402,15 +402,15 @@ } }, { - "ID": "2622", + "ID": "9063", "typeID": "Arrow", "zOrder": "13", "w": "7", "h": "622", "measuredW": "150", "measuredH": "100", - "x": "672", - "y": "955", + "x": "682", + "y": "965", "properties": { "color": "2848996", "curvature": "0", @@ -432,15 +432,15 @@ } }, { - "ID": "2623", + "ID": "9064", "typeID": "Arrow", "zOrder": "14", "w": "1", "h": "82", "measuredW": "150", "measuredH": "100", - "x": "925", - "y": "1297", + "x": "935", + "y": "1307", "properties": { "color": "2848996", "curvature": "-1", @@ -466,15 +466,15 @@ } }, { - "ID": "2624", + "ID": "9065", "typeID": "Arrow", "zOrder": "15", "w": "170", "h": "343", "measuredW": "150", "measuredH": "100", - "x": "702", - "y": "957", + "x": "712", + "y": "967", "properties": { "color": "2848996", "curvature": "-1", @@ -497,15 +497,15 @@ } }, { - "ID": "2625", + "ID": "9066", "typeID": "Arrow", "zOrder": "16", "w": "65", "h": "99", "measuredW": "150", "measuredH": "100", - "x": "480", - "y": "939", + "x": "490", + "y": "949", "properties": { "color": "2848996", "curvature": "-1", @@ -528,15 +528,15 @@ } }, { - "ID": "2626", + "ID": "9067", "typeID": "Arrow", "zOrder": "17", "w": "64", "h": "109", "measuredW": "150", "measuredH": "100", - "x": "728", - "y": "948", + "x": "738", + "y": "958", "properties": { "color": "2848996", "curvature": "-1", @@ -559,15 +559,15 @@ } }, { - "ID": "2627", + "ID": "9068", "typeID": "Arrow", "zOrder": "18", "w": "58", "h": "42", "measuredW": "150", "measuredH": "100", - "x": "976", - "y": "841", + "x": "986", + "y": "851", "properties": { "color": "2848996", "curvature": "1", @@ -590,15 +590,15 @@ } }, { - "ID": "2628", + "ID": "9069", "typeID": "Arrow", "zOrder": "19", "w": "67", "h": "3", "measuredW": "150", "measuredH": "100", - "x": "972", - "y": "885", + "x": "982", + "y": "895", "properties": { "color": "2848996", "curvature": "1", @@ -621,15 +621,15 @@ } }, { - "ID": "2629", + "ID": "9070", "typeID": "Arrow", "zOrder": "20", "w": "60", "h": "103", "measuredW": "150", "measuredH": "100", - "x": "976", - "y": "980", + "x": "986", + "y": "990", "properties": { "color": "2848996", "curvature": "1", @@ -652,15 +652,15 @@ } }, { - "ID": "2630", + "ID": "9071", "typeID": "Arrow", "zOrder": "21", "w": "66", "h": "75", "measuredW": "150", "measuredH": "100", - "x": "975", - "y": "971", + "x": "985", + "y": "981", "properties": { "color": "2848996", "curvature": "-1", @@ -683,15 +683,15 @@ } }, { - "ID": "2631", + "ID": "9072", "typeID": "Arrow", "zOrder": "22", "w": "74", "h": "27", "measuredW": "150", "measuredH": "100", - "x": "974", - "y": "965", + "x": "984", + "y": "975", "properties": { "color": "2848996", "curvature": "-1", @@ -714,15 +714,15 @@ } }, { - "ID": "2632", + "ID": "9073", "typeID": "Arrow", "zOrder": "23", "w": "63", "h": "24", "measuredW": "150", "measuredH": "100", - "x": "730", - "y": "945", + "x": "740", + "y": "955", "properties": { "color": "2848996", "curvature": "-1", @@ -745,15 +745,15 @@ } }, { - "ID": "2633", + "ID": "9074", "typeID": "Arrow", "zOrder": "24", "w": "74", "h": "44", "measuredW": "150", "measuredH": "100", - "x": "974", - "y": "896", + "x": "984", + "y": "906", "properties": { "color": "2848996", "curvature": "-1", @@ -776,15 +776,15 @@ } }, { - "ID": "2634", + "ID": "9075", "typeID": "Arrow", "zOrder": "25", "w": "95", "h": "18", "measuredW": "150", "measuredH": "100", - "x": "251", - "y": "1162", + "x": "261", + "y": "1172", "properties": { "color": "2848996", "curvature": "1", @@ -810,15 +810,15 @@ } }, { - "ID": "2635", + "ID": "9076", "typeID": "Arrow", "zOrder": "26", "w": "94", "h": "59", "measuredW": "150", "measuredH": "100", - "x": "251", - "y": "1116", + "x": "261", + "y": "1126", "properties": { "color": "2848996", "curvature": "1", @@ -844,15 +844,15 @@ } }, { - "ID": "2636", + "ID": "9077", "typeID": "Arrow", "zOrder": "27", "w": "2", "h": "96", "measuredW": "150", "measuredH": "100", - "x": "411", - "y": "1181", + "x": "421", + "y": "1191", "properties": { "color": "2848996", "curvature": "0", @@ -878,15 +878,15 @@ } }, { - "ID": "2637", + "ID": "9078", "typeID": "Arrow", "zOrder": "28", "w": "89", "h": "110", "measuredW": "150", "measuredH": "100", - "x": "254", - "y": "1195", + "x": "264", + "y": "1205", "properties": { "color": "2848996", "curvature": "-1", @@ -909,15 +909,15 @@ } }, { - "ID": "2638", + "ID": "9079", "typeID": "Arrow", "zOrder": "29", "w": "102", "h": "170", "measuredW": "150", "measuredH": "100", - "x": "249", - "y": "1185", + "x": "259", + "y": "1195", "properties": { "color": "2848996", "curvature": "1", @@ -940,15 +940,15 @@ } }, { - "ID": "2639", + "ID": "9080", "typeID": "Arrow", "zOrder": "30", "w": "95", "h": "73", "measuredW": "150", "measuredH": "100", - "x": "254", - "y": "1182", + "x": "264", + "y": "1192", "properties": { "color": "2848996", "curvature": "-1", @@ -971,15 +971,15 @@ } }, { - "ID": "2640", + "ID": "9081", "typeID": "Arrow", "zOrder": "31", "w": "68", "h": "51", "measuredW": "150", "measuredH": "100", - "x": "728", - "y": "886", + "x": "738", + "y": "896", "properties": { "color": "2848996", "curvature": "1", @@ -1002,15 +1002,15 @@ } }, { - "ID": "2641", + "ID": "9082", "typeID": "Arrow", "zOrder": "32", "w": "106", "h": "16", "measuredW": "150", "measuredH": "100", - "x": "248", - "y": "937", + "x": "258", + "y": "947", "properties": { "color": "2848996", "curvature": "1", @@ -1033,15 +1033,15 @@ } }, { - "ID": "2642", + "ID": "9083", "typeID": "Arrow", "zOrder": "33", "w": "94", "h": "31", "measuredW": "150", "measuredH": "100", - "x": "251", - "y": "899", + "x": "261", + "y": "909", "properties": { "color": "2848996", "curvature": "1", @@ -1064,15 +1064,15 @@ } }, { - "ID": "2643", + "ID": "9084", "typeID": "Arrow", "zOrder": "34", "w": "109", "h": "5", "measuredW": "150", "measuredH": "100", - "x": "450", - "y": "932", + "x": "460", + "y": "942", "properties": { "color": "2848996", "curvature": "0", @@ -1098,15 +1098,15 @@ } }, { - "ID": "2644", + "ID": "9085", "typeID": "Arrow", "zOrder": "35", "w": "104", "h": "234", "measuredW": "150", "measuredH": "100", - "x": "474", - "y": "947", + "x": "484", + "y": "957", "properties": { "color": "2848996", "curvature": "-1", @@ -1129,15 +1129,15 @@ } }, { - "ID": "2645", + "ID": "9086", "typeID": "Arrow", "zOrder": "36", "w": "103", "h": "132", "measuredW": "150", "measuredH": "100", - "x": "848", - "y": "653", + "x": "858", + "y": "663", "properties": { "color": "2848996", "curvature": "1", @@ -1160,15 +1160,15 @@ } }, { - "ID": "2646", + "ID": "9087", "typeID": "Arrow", "zOrder": "37", "w": "49", "h": "292", "measuredW": "150", "measuredH": "100", - "x": "689", - "y": "641", + "x": "699", + "y": "651", "properties": { "color": "2848996", "curvature": "1", @@ -1190,15 +1190,15 @@ } }, { - "ID": "2647", + "ID": "9088", "typeID": "Arrow", "zOrder": "38", "w": "117", "h": "92", "measuredW": "150", "measuredH": "100", - "x": "838", - "y": "643", + "x": "848", + "y": "653", "properties": { "color": "2848996", "curvature": "1", @@ -1221,15 +1221,15 @@ } }, { - "ID": "2648", + "ID": "9089", "typeID": "Arrow", "zOrder": "39", "w": "111", "h": "53", "measuredW": "150", "measuredH": "100", - "x": "840", - "y": "635", + "x": "850", + "y": "645", "properties": { "color": "2848996", "curvature": "1", @@ -1252,15 +1252,15 @@ } }, { - "ID": "2649", + "ID": "9090", "typeID": "Arrow", "zOrder": "40", "w": "119", "h": "7", "measuredW": "150", "measuredH": "100", - "x": "839", - "y": "627", + "x": "849", + "y": "637", "properties": { "color": "2848996", "curvature": "0", @@ -1283,15 +1283,15 @@ } }, { - "ID": "2650", + "ID": "9091", "typeID": "Arrow", "zOrder": "41", "w": "89", "h": "106", "measuredW": "150", "measuredH": "100", - "x": "498", - "y": "654", + "x": "508", + "y": "664", "properties": { "color": "2848996", "curvature": "-1", @@ -1314,15 +1314,15 @@ } }, { - "ID": "2651", + "ID": "9092", "typeID": "Arrow", "zOrder": "42", "w": "93", "h": "65", "measuredW": "150", "measuredH": "100", - "x": "490", - "y": "650", + "x": "500", + "y": "660", "properties": { "color": "2848996", "curvature": "-1", @@ -1345,15 +1345,15 @@ } }, { - "ID": "2652", + "ID": "9093", "typeID": "Arrow", "zOrder": "43", "w": "69", "h": "35", "measuredW": "150", "measuredH": "100", - "x": "295", - "y": "616", + "x": "305", + "y": "626", "properties": { "color": "2848996", "curvature": "0", @@ -1379,15 +1379,15 @@ } }, { - "ID": "2653", + "ID": "9094", "typeID": "Arrow", "zOrder": "44", "w": "81", "h": "20", "measuredW": "150", "measuredH": "100", - "x": "307", - "y": "593", + "x": "317", + "y": "603", "properties": { "color": "2848996", "curvature": "0", @@ -1410,15 +1410,15 @@ } }, { - "ID": "2654", + "ID": "9095", "typeID": "Arrow", "zOrder": "45", "w": "114", "h": "76", "measuredW": "150", "measuredH": "100", - "x": "828", - "y": "426", + "x": "838", + "y": "436", "properties": { "color": "2848996", "curvature": "1", @@ -1444,15 +1444,15 @@ } }, { - "ID": "2655", + "ID": "9096", "typeID": "Arrow", "zOrder": "46", "w": "88", "h": "21", "measuredW": "150", "measuredH": "100", - "x": "497", - "y": "610", + "x": "507", + "y": "620", "properties": { "color": "2848996", "curvature": "-1", @@ -1475,15 +1475,15 @@ } }, { - "ID": "2656", + "ID": "9097", "typeID": "Arrow", "zOrder": "47", "w": "105", "h": "29", "measuredW": "150", "measuredH": "100", - "x": "487", - "y": "633", + "x": "497", + "y": "643", "properties": { "color": "2848996", "curvature": "-1", @@ -1506,15 +1506,15 @@ } }, { - "ID": "2657", + "ID": "9098", "typeID": "Arrow", "zOrder": "48", "w": "108", "h": "118", "measuredW": "150", "measuredH": "100", - "x": "472", - "y": "425", + "x": "482", + "y": "435", "properties": { "color": "2848996", "curvature": "-1", @@ -1537,15 +1537,15 @@ } }, { - "ID": "2658", + "ID": "9099", "typeID": "Arrow", "zOrder": "49", "w": "102", "h": "66", "measuredW": "150", "measuredH": "100", - "x": "471", - "y": "426", + "x": "481", + "y": "436", "properties": { "color": "2848996", "curvature": "-1", @@ -1568,15 +1568,15 @@ } }, { - "ID": "2659", + "ID": "9100", "typeID": "Arrow", "zOrder": "50", "w": "66", "h": "65", "measuredW": "150", "measuredH": "100", - "x": "1061", - "y": "507", + "x": "1071", + "y": "517", "properties": { "color": "2848996", "curvature": "-1", @@ -1602,15 +1602,15 @@ } }, { - "ID": "2660", + "ID": "9101", "typeID": "Arrow", "zOrder": "51", "w": "114", "h": "32", "measuredW": "150", "measuredH": "100", - "x": "837", - "y": "421", + "x": "847", + "y": "431", "properties": { "color": "2848996", "curvature": "1", @@ -1636,15 +1636,15 @@ } }, { - "ID": "2661", + "ID": "9102", "typeID": "Arrow", "zOrder": "52", "w": "50", "h": "77", "measuredW": "150", "measuredH": "100", - "x": "998", - "y": "504", + "x": "1008", + "y": "514", "properties": { "color": "2848996", "curvature": "-1", @@ -1670,15 +1670,15 @@ } }, { - "ID": "2662", + "ID": "9103", "typeID": "Arrow", "zOrder": "53", "w": "129", "h": "11", "measuredW": "150", "measuredH": "100", - "x": "826", - "y": "404", + "x": "836", + "y": "414", "properties": { "color": "2848996", "curvature": "0", @@ -1704,15 +1704,15 @@ } }, { - "ID": "2663", + "ID": "9104", "typeID": "Arrow", "zOrder": "54", "w": "110", "h": "19", "measuredW": "150", "measuredH": "100", - "x": "462", - "y": "423", + "x": "472", + "y": "433", "properties": { "color": "2848996", "curvature": "-1", @@ -1735,15 +1735,15 @@ } }, { - "ID": "2664", + "ID": "9105", "typeID": "Arrow", "zOrder": "55", "w": "67", "h": "29", "measuredW": "150", "measuredH": "100", - "x": "267", - "y": "438", + "x": "277", + "y": "448", "properties": { "color": "2848996", "curvature": "1", @@ -1769,15 +1769,15 @@ } }, { - "ID": "2665", + "ID": "9106", "typeID": "Arrow", "zOrder": "56", "w": "70", "h": "27", "measuredW": "150", "measuredH": "100", - "x": "268", - "y": "413", + "x": "278", + "y": "423", "properties": { "color": "2848996", "curvature": "1", @@ -1803,15 +1803,15 @@ } }, { - "ID": "2666", + "ID": "9107", "typeID": "Arrow", "zOrder": "57", "w": "38", "h": "210", "measuredW": "150", "measuredH": "100", - "x": "648", - "y": "424", + "x": "658", + "y": "434", "properties": { "color": "2848996", "curvature": "-1", @@ -1833,15 +1833,15 @@ } }, { - "ID": "2667", + "ID": "9108", "typeID": "Arrow", "zOrder": "58", "w": "30", "h": "92", "measuredW": "150", "measuredH": "100", - "x": "676", - "y": "309", + "x": "686", + "y": "319", "properties": { "color": "2848996", "curvature": "-1", @@ -1863,52 +1863,157 @@ } }, { - "ID": "2668", + "ID": "9109", "typeID": "Canvas", "zOrder": "59", "w": "350", "h": "141", "measuredW": "100", "measuredH": "70", - "x": "884", - "y": "74" + "x": "894", + "y": "84" }, { - "ID": "2669", + "ID": "9110", "typeID": "Label", "zOrder": "60", "measuredW": "314", "measuredH": "25", - "x": "898", - "y": "91", + "x": "908", + "y": "101", "properties": { "size": "17", "text": "Find the detailed version of this roadmap" } }, { - "ID": "2670", + "ID": "9111", "typeID": "Label", "zOrder": "61", "measuredW": "319", "measuredH": "25", - "x": "898", - "y": "119", + "x": "908", + "y": "129", "properties": { "size": "17", "text": "along with resources and other roadmaps" } }, { - "ID": "2677", + "ID": "9112", + "typeID": "__group__", + "zOrder": "62", + "measuredW": "320", + "measuredH": "45", + "w": "320", + "h": "45", + "x": "909", + "y": "165", + "properties": { + "controlName": "ext_link:roadmap.sh" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "Canvas", + "zOrder": "0", + "w": "320", + "h": "45", + "measuredW": "100", + "measuredH": "70", + "x": "0", + "y": "0", + "properties": { + "borderColor": "4273622", + "color": "4273622" + } + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "measuredW": "105", + "measuredH": "28", + "x": "141", + "y": "8", + "properties": { + "color": "16777215", + "size": "20", + "text": "roadmap.sh" + } + }, + { + "ID": "2", + "typeID": "Label", + "zOrder": "2", + "measuredW": "35", + "measuredH": "28", + "x": "76", + "y": "8", + "properties": { + "color": "16777215", + "size": "20", + "text": "http" + } + }, + { + "ID": "3", + "typeID": "Label", + "zOrder": "3", + "measuredW": "5", + "measuredH": "28", + "x": "113", + "y": "8", + "properties": { + "color": "16777215", + "size": "20", + "text": ":" + } + }, + { + "ID": "4", + "typeID": "Label", + "zOrder": "4", + "measuredW": "10", + "measuredH": "28", + "x": "120", + "y": "9", + "properties": { + "color": "16777215", + "size": "20", + "text": "/" + } + }, + { + "ID": "5", + "typeID": "Label", + "zOrder": "5", + "measuredW": "10", + "measuredH": "28", + "x": "128", + "y": "9", + "properties": { + "color": "16777215", + "size": "20", + "text": "/" + } + } + ] + } + } + }, + { + "ID": "9113", "typeID": "Arrow", "zOrder": "63", "w": "118", "h": "51", "measuredW": "150", "measuredH": "100", - "x": "824", - "y": "356", + "x": "834", + "y": "366", "properties": { "color": "2848996", "curvature": "1", @@ -1931,15 +2036,15 @@ } }, { - "ID": "2678", + "ID": "9114", "typeID": "Arrow", "zOrder": "64", "w": "128", "h": "35", "measuredW": "150", "measuredH": "100", - "x": "443", - "y": "385", + "x": "453", + "y": "395", "properties": { "color": "2848996", "curvature": "0", @@ -1962,15 +2067,15 @@ } }, { - "ID": "2679", + "ID": "9115", "typeID": "Arrow", "zOrder": "65", "w": "109", "h": "80", "measuredW": "150", "measuredH": "100", - "x": "462", - "y": "332", + "x": "472", + "y": "342", "properties": { "color": "2848996", "curvature": "-1", @@ -1993,15 +2098,814 @@ } }, { - "ID": "2714", + "ID": "9116", + "typeID": "__group__", + "zOrder": "66", + "measuredW": "272", + "measuredH": "50", + "w": "272", + "h": "50", + "x": "572", + "y": "404", + "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": "9117", + "typeID": "__group__", + "zOrder": "67", + "measuredW": "159", + "measuredH": "44", + "w": "159", + "h": "44", + "x": "332", + "y": "425", + "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": "9118", + "typeID": "__group__", + "zOrder": "68", + "measuredW": "255", + "measuredH": "44", + "w": "255", + "h": "44", + "x": "942", + "y": "443", + "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": "9119", + "typeID": "__group__", + "zOrder": "69", + "measuredW": "213", + "measuredH": "44", + "w": "213", + "h": "44", + "x": "83", + "y": "402", + "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": "9120", + "typeID": "__group__", + "zOrder": "70", + "measuredW": "213", + "measuredH": "44", + "w": "213", + "h": "44", + "x": "83", + "y": "452", + "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": "9121", + "typeID": "__group__", + "zOrder": "71", + "measuredW": "159", + "measuredH": "44", + "w": "159", + "h": "44", + "x": "332", + "y": "375", + "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": "9122", + "typeID": "__group__", + "zOrder": "72", + "measuredW": "159", + "measuredH": "44", + "w": "159", + "h": "44", + "x": "332", + "y": "477", + "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": "9123", + "typeID": "__group__", + "zOrder": "73", + "measuredW": "254", + "measuredH": "42", + "w": "254", + "h": "42", + "x": "943", + "y": "493", + "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": "9124", + "typeID": "__group__", + "zOrder": "74", + "measuredW": "153", + "measuredH": "44", + "w": "153", + "h": "44", + "x": "916", + "y": "561", + "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": "9125", + "typeID": "__group__", + "zOrder": "75", + "measuredW": "153", + "measuredH": "44", + "w": "153", + "h": "44", + "x": "1076", + "y": "561", + "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": "9126", + "typeID": "__group__", + "zOrder": "76", + "measuredW": "255", + "measuredH": "44", + "w": "255", + "h": "44", + "x": "942", + "y": "394", + "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": "9127", + "typeID": "__group__", + "zOrder": "77", + "measuredW": "215", + "measuredH": "44", + "w": "215", + "h": "44", + "x": "278", + "y": "527", + "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": "9128", + "typeID": "__group__", + "zOrder": "78", + "measuredW": "214", + "measuredH": "44", + "w": "214", + "h": "44", + "x": "278", + "y": "325", + "properties": { + "controlName": "100-react-fundamental-topics:create-react-app" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "214", + "h": "44", + "measuredW": "200", + "measuredH": "140", + "x": "0", + "y": "0", + "properties": { + "color": "16770457" + } + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "measuredW": "139", + "measuredH": "25", + "x": "37", + "y": "10", + "properties": { + "size": "17", + "text": "Create React App" + } + } + ] + } + } + }, + { + "ID": "9129", + "typeID": "__group__", + "zOrder": "79", + "measuredW": "255", + "measuredH": "44", + "w": "255", + "h": "44", + "x": "942", + "y": "343", + "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": "9130", + "typeID": "__group__", + "zOrder": "80", + "measuredW": "272", + "measuredH": "50", + "w": "272", + "h": "50", + "x": "588", + "y": "619", + "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": "9131", + "typeID": "__group__", + "zOrder": "81", + "measuredW": "157", + "measuredH": "44", + "w": "157", + "h": "44", + "x": "361", + "y": "600", + "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": "9132", + "typeID": "__group__", + "zOrder": "82", + "measuredW": "243", + "measuredH": "44", + "w": "243", + "h": "44", + "x": "85", + "y": "579", + "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": "9133", "typeID": "__group__", "zOrder": "83", "measuredW": "243", "measuredH": "248", "w": "243", "h": "248", - "x": "75", - "y": "620", + "x": "85", + "y": "630", "properties": { "controlName": "102-react-advanced-topics:hooks:common-hooks" }, @@ -2026,12 +2930,11 @@ "ID": "1", "typeID": "Label", "zOrder": "1", - "measuredW": "124", + "measuredW": "123", "measuredH": "25", - "x": "59", + "x": "60", "y": "15", "properties": { - "bold": "true", "size": "17", "text": "Common Hooks" } @@ -2203,41 +3106,1968 @@ } }, { - "ID": "2753", + "ID": "9134", + "typeID": "__group__", + "zOrder": "84", + "measuredW": "157", + "measuredH": "44", + "w": "157", + "h": "44", + "x": "361", + "y": "649", + "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": "9135", + "typeID": "__group__", + "zOrder": "85", + "measuredW": "157", + "measuredH": "44", + "w": "157", + "h": "44", + "x": "361", + "y": "699", + "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": "9136", + "typeID": "__group__", + "zOrder": "86", + "measuredW": "157", + "measuredH": "44", + "w": "157", + "h": "44", + "x": "361", + "y": "749", + "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": "9137", + "typeID": "__group__", + "zOrder": "87", + "measuredW": "224", + "measuredH": "44", + "w": "224", + "h": "44", + "x": "952", + "y": "622", + "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": "9138", + "typeID": "__group__", + "zOrder": "88", + "measuredW": "224", + "measuredH": "44", + "w": "224", + "h": "44", + "x": "952", + "y": "672", + "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": "9139", + "typeID": "__group__", + "zOrder": "89", + "measuredW": "224", + "measuredH": "44", + "w": "224", + "h": "44", + "x": "952", + "y": "721", + "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": "9140", + "typeID": "__group__", + "zOrder": "90", + "measuredW": "224", + "measuredH": "44", + "w": "224", + "h": "44", + "x": "952", + "y": "770", + "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": "9141", + "typeID": "__group__", + "zOrder": "91", + "measuredW": "201", + "measuredH": "50", + "w": "201", + "h": "50", + "x": "544", + "y": "922", + "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": "9142", + "typeID": "__group__", + "zOrder": "92", + "measuredW": "202", + "measuredH": "44", + "w": "202", + "h": "44", + "x": "790", + "y": "877", + "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": "9143", + "typeID": "__group__", + "zOrder": "93", + "measuredW": "171", + "measuredH": "44", + "w": "171", + "h": "44", + "x": "1039", + "y": "829", + "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": "9144", + "typeID": "__group__", + "zOrder": "94", + "measuredW": "171", + "measuredH": "44", + "w": "171", + "h": "44", + "x": "1039", + "y": "877", + "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": "9145", + "typeID": "__group__", + "zOrder": "95", + "measuredW": "171", + "measuredH": "44", + "w": "171", + "h": "44", + "x": "1039", + "y": "925", + "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": "9146", + "typeID": "__group__", + "zOrder": "96", + "measuredW": "157", + "measuredH": "44", + "w": "157", + "h": "44", + "x": "345", + "y": "921", + "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": "9147", + "typeID": "__group__", + "zOrder": "97", + "measuredW": "158", + "measuredH": "44", + "w": "158", + "h": "44", + "x": "119", + "y": "887", + "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": "9148", + "typeID": "__group__", + "zOrder": "98", + "measuredW": "157", + "measuredH": "44", + "w": "157", + "h": "44", + "x": "119", + "y": "937", + "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": "9149", + "typeID": "__group__", + "zOrder": "99", + "measuredW": "157", + "measuredH": "44", + "w": "157", + "h": "44", + "x": "345", + "y": "1167", + "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": "9150", + "typeID": "__group__", + "zOrder": "100", + "measuredW": "157", + "measuredH": "44", + "w": "157", + "h": "44", + "x": "120", + "y": "1240", + "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": "9151", + "typeID": "__group__", + "zOrder": "101", + "measuredW": "157", + "measuredH": "44", + "w": "157", + "h": "44", + "x": "119", + "y": "1290", + "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": "9152", + "typeID": "__group__", + "zOrder": "102", + "measuredW": "157", + "measuredH": "44", + "w": "157", + "h": "44", + "x": "119", + "y": "1339", + "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": "9153", "typeID": "Label", "zOrder": "103", "measuredW": "117", "measuredH": "25", - "x": "127", - "y": "1378", + "x": "137", + "y": "1388", "properties": { "size": "17", "text": "REST API Calls" } }, { - "ID": "2760", + "ID": "9154", + "typeID": "__group__", + "zOrder": "104", + "measuredW": "157", + "measuredH": "44", + "w": "157", + "h": "44", + "x": "345", + "y": "1250", + "properties": { + "controlName": "101-react-ecosystem:api-calls:use-http" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "157", + "h": "44", + "measuredW": "200", + "measuredH": "140", + "x": "0", + "y": "0", + "properties": { + "color": "16770457" + } + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "measuredW": "64", + "measuredH": "25", + "x": "45", + "y": "10", + "properties": { + "size": "17", + "text": "use-http" + } + } + ] + } + } + }, + { + "ID": "9155", + "typeID": "__group__", + "zOrder": "105", + "measuredW": "156", + "measuredH": "44", + "w": "156", + "h": "44", + "x": "119", + "y": "1103", + "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": "9156", + "typeID": "__group__", + "zOrder": "106", + "measuredW": "156", + "measuredH": "44", + "w": "156", + "h": "44", + "x": "119", + "y": "1151", + "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": "9157", "typeID": "Label", "zOrder": "107", "measuredW": "71", "measuredH": "25", - "x": "150", - "y": "1191", + "x": "160", + "y": "1201", "properties": { "size": "17", "text": "GraphQL" } }, { - "ID": "2799", + "ID": "9158", + "typeID": "__group__", + "zOrder": "108", + "measuredW": "202", + "measuredH": "44", + "w": "202", + "h": "44", + "x": "790", + "y": "955", + "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": "9159", + "typeID": "__group__", + "zOrder": "109", + "measuredW": "218", + "measuredH": "44", + "w": "218", + "h": "44", + "x": "1039", + "y": "984", + "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": "9160", + "typeID": "__group__", + "zOrder": "110", + "measuredW": "218", + "measuredH": "44", + "w": "218", + "h": "44", + "x": "1039", + "y": "1033", + "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": "9161", + "typeID": "__group__", + "zOrder": "111", + "measuredW": "218", + "measuredH": "44", + "w": "218", + "h": "44", + "x": "1039", + "y": "1082", + "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": "9162", + "typeID": "__group__", + "zOrder": "112", + "measuredW": "202", + "measuredH": "44", + "w": "202", + "h": "44", + "x": "797", + "y": "1044", + "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": "9163", + "typeID": "__group__", + "zOrder": "113", + "measuredW": "155", + "measuredH": "44", + "w": "155", + "h": "44", + "x": "847", + "y": "1127", + "properties": { + "controlName": "100-react-ecosystem:state-management:conext-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": "9164", + "typeID": "__group__", + "zOrder": "114", + "measuredW": "155", + "measuredH": "44", + "w": "155", + "h": "44", + "x": "847", + "y": "1176", + "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": "9165", + "typeID": "__group__", + "zOrder": "115", + "measuredW": "155", + "measuredH": "44", + "w": "155", + "h": "44", + "x": "847", + "y": "1224", + "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": "9166", + "typeID": "__group__", + "zOrder": "116", + "measuredW": "157", + "measuredH": "44", + "w": "157", + "h": "44", + "x": "344", + "y": "973", + "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": "9167", + "typeID": "__group__", + "zOrder": "117", + "measuredW": "158", + "measuredH": "44", + "w": "158", + "h": "44", + "x": "117", + "y": "994", + "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": "9168", + "typeID": "__group__", + "zOrder": "118", + "measuredW": "157", + "measuredH": "44", + "w": "157", + "h": "44", + "x": "853", + "y": "1287", + "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": "9169", + "typeID": "__group__", + "zOrder": "119", + "measuredW": "157", + "measuredH": "44", + "w": "157", + "h": "44", + "x": "1070", + "y": "1233", + "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": "9170", + "typeID": "__group__", + "zOrder": "120", + "measuredW": "157", + "measuredH": "44", + "w": "157", + "h": "44", + "x": "1070", + "y": "1282", + "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": "9171", + "typeID": "__group__", + "zOrder": "121", + "measuredW": "157", + "measuredH": "44", + "w": "157", + "h": "44", + "x": "1070", + "y": "1330", + "properties": { + "controlName": "102-react-ecosystem:styling:ant-design" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "157", + "h": "44", + "measuredW": "200", + "measuredH": "140", + "x": "0", + "y": "0", + "properties": { + "color": "16770457" + } + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "measuredW": "84", + "measuredH": "25", + "x": "35", + "y": "10", + "properties": { + "size": "17", + "text": "Ant Design" + } + } + ] + } + } + }, + { + "ID": "9172", + "typeID": "__group__", + "zOrder": "122", + "measuredW": "191", + "measuredH": "44", + "w": "191", + "h": "44", + "x": "839", + "y": "1361", + "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": "9173", + "typeID": "__group__", + "zOrder": "123", + "measuredW": "191", + "measuredH": "44", + "w": "191", + "h": "44", + "x": "839", + "y": "1410", + "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": "9174", + "typeID": "__group__", + "zOrder": "124", + "measuredW": "157", + "measuredH": "44", + "w": "157", + "h": "44", + "x": "117", + "y": "1043", + "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": "9175", + "typeID": "__group__", + "zOrder": "125", + "measuredW": "159", + "measuredH": "44", + "w": "159", + "h": "44", + "x": "344", + "y": "1454", + "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": "9176", + "typeID": "__group__", + "zOrder": "126", + "measuredW": "159", + "measuredH": "44", + "w": "159", + "h": "44", + "x": "136", + "y": "1454", + "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": "9177", "typeID": "Arrow", "zOrder": "127", "w": "4", "h": "89", "measuredW": "150", "measuredH": "100", - "x": "670", - "y": "1597", + "x": "680", + "y": "1607", "properties": { "color": "2848996", "curvature": "0", @@ -2262,15 +5092,109 @@ } }, { - "ID": "2810", + "ID": "9178", + "typeID": "__group__", + "zOrder": "128", + "measuredW": "157", + "measuredH": "44", + "w": "157", + "h": "44", + "x": "344", + "y": "1024", + "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": "9179", + "typeID": "__group__", + "zOrder": "129", + "measuredW": "157", + "measuredH": "44", + "w": "157", + "h": "44", + "x": "344", + "y": "1092", + "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": "9180", "typeID": "__group__", "zOrder": "130", "measuredW": "542", "measuredH": "96", "w": "542", "h": "96", - "x": "295", - "y": "108", + "x": "305", + "y": "118", "properties": { "controlName": "ext_link:roadmap.sh/frontend" }, @@ -2320,2940 +5244,15 @@ } }, { - "ID": "2811", - "typeID": "__group__", - "zOrder": "62", - "measuredW": "320", - "measuredH": "45", - "w": "320", - "h": "45", - "x": "899", - "y": "155", - "properties": { - "controlName": "ext_link:roadmap.sh" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "Canvas", - "zOrder": "0", - "w": "320", - "h": "45", - "measuredW": "100", - "measuredH": "70", - "x": "0", - "y": "0", - "properties": { - "borderColor": "4273622", - "color": "4273622" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "measuredW": "105", - "measuredH": "28", - "x": "141", - "y": "8", - "properties": { - "color": "16777215", - "size": "20", - "text": "roadmap.sh" - } - }, - { - "ID": "2", - "typeID": "Label", - "zOrder": "2", - "measuredW": "35", - "measuredH": "28", - "x": "76", - "y": "8", - "properties": { - "color": "16777215", - "size": "20", - "text": "http" - } - }, - { - "ID": "3", - "typeID": "Label", - "zOrder": "3", - "measuredW": "5", - "measuredH": "28", - "x": "113", - "y": "8", - "properties": { - "color": "16777215", - "size": "20", - "text": ":" - } - }, - { - "ID": "4", - "typeID": "Label", - "zOrder": "4", - "measuredW": "10", - "measuredH": "28", - "x": "120", - "y": "9", - "properties": { - "color": "16777215", - "size": "20", - "text": "/" - } - }, - { - "ID": "5", - "typeID": "Label", - "zOrder": "5", - "measuredW": "10", - "measuredH": "28", - "x": "128", - "y": "9", - "properties": { - "color": "16777215", - "size": "20", - "text": "/" - } - } - ] - } - } - }, - { - "ID": "2813", - "typeID": "__group__", - "zOrder": "66", - "measuredW": "272", - "measuredH": "50", - "w": "272", - "h": "50", - "x": "562", - "y": "394", - "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": "2814", - "typeID": "__group__", - "zOrder": "80", - "measuredW": "272", - "measuredH": "50", - "w": "272", - "h": "50", - "x": "578", - "y": "609", - "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": "2815", - "typeID": "__group__", - "zOrder": "91", - "measuredW": "201", - "measuredH": "50", - "w": "201", - "h": "50", - "x": "534", - "y": "912", - "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": "2816", - "typeID": "__group__", - "zOrder": "78", - "measuredW": "214", - "measuredH": "44", - "w": "214", - "h": "44", - "x": "268", - "y": "315", - "properties": { - "controlName": "100-react-fundamental-topics:create-react-app" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "214", - "h": "44", - "measuredW": "200", - "measuredH": "140", - "x": "0", - "y": "0", - "properties": { - "color": "16770457" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "measuredW": "139", - "measuredH": "25", - "x": "37", - "y": "10", - "properties": { - "size": "17", - "text": "Create React App" - } - } - ] - } - } - }, - { - "ID": "2817", - "typeID": "__group__", - "zOrder": "71", - "measuredW": "159", - "measuredH": "44", - "w": "159", - "h": "44", - "x": "322", - "y": "365", - "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": "2818", - "typeID": "__group__", - "zOrder": "67", - "measuredW": "159", - "measuredH": "44", - "w": "159", - "h": "44", - "x": "322", - "y": "415", - "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": "2819", - "typeID": "__group__", - "zOrder": "72", - "measuredW": "159", - "measuredH": "44", - "w": "159", - "h": "44", - "x": "322", - "y": "467", - "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": "2820", - "typeID": "__group__", - "zOrder": "77", - "measuredW": "215", - "measuredH": "44", - "w": "215", - "h": "44", - "x": "268", - "y": "517", - "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": "2821", - "typeID": "__group__", - "zOrder": "79", - "measuredW": "255", - "measuredH": "44", - "w": "255", - "h": "44", - "x": "932", - "y": "333", - "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": "2822", - "typeID": "__group__", - "zOrder": "76", - "measuredW": "255", - "measuredH": "44", - "w": "255", - "h": "44", - "x": "932", - "y": "384", - "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": "2823", - "typeID": "__group__", - "zOrder": "68", - "measuredW": "255", - "measuredH": "44", - "w": "255", - "h": "44", - "x": "932", - "y": "433", - "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": "2824", - "typeID": "__group__", - "zOrder": "73", - "measuredW": "254", - "measuredH": "42", - "w": "254", - "h": "42", - "x": "933", - "y": "483", - "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": "2825", - "typeID": "__group__", - "zOrder": "74", - "measuredW": "153", - "measuredH": "44", - "w": "153", - "h": "44", - "x": "906", - "y": "551", - "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": "2826", - "typeID": "__group__", - "zOrder": "75", - "measuredW": "153", - "measuredH": "44", - "w": "153", - "h": "44", - "x": "1066", - "y": "551", - "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": "2827", - "typeID": "__group__", - "zOrder": "69", - "measuredW": "213", - "measuredH": "44", - "w": "213", - "h": "44", - "x": "73", - "y": "392", - "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": "2828", - "typeID": "__group__", - "zOrder": "70", - "measuredW": "213", - "measuredH": "44", - "w": "213", - "h": "44", - "x": "73", - "y": "442", - "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": "2829", - "typeID": "__group__", - "zOrder": "81", - "measuredW": "157", - "measuredH": "44", - "w": "157", - "h": "44", - "x": "351", - "y": "590", - "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": "2830", - "typeID": "__group__", - "zOrder": "84", - "measuredW": "157", - "measuredH": "44", - "w": "157", - "h": "44", - "x": "351", - "y": "639", - "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": "2831", - "typeID": "__group__", - "zOrder": "85", - "measuredW": "157", - "measuredH": "44", - "w": "157", - "h": "44", - "x": "351", - "y": "689", - "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": "2832", - "typeID": "__group__", - "zOrder": "86", - "measuredW": "157", - "measuredH": "44", - "w": "157", - "h": "44", - "x": "351", - "y": "739", - "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": "2833", - "typeID": "__group__", - "zOrder": "87", - "measuredW": "224", - "measuredH": "44", - "w": "224", - "h": "44", - "x": "942", - "y": "612", - "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": "2834", - "typeID": "__group__", - "zOrder": "88", - "measuredW": "224", - "measuredH": "44", - "w": "224", - "h": "44", - "x": "942", - "y": "662", - "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": "2835", - "typeID": "__group__", - "zOrder": "89", - "measuredW": "224", - "measuredH": "44", - "w": "224", - "h": "44", - "x": "942", - "y": "711", - "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": "2836", - "typeID": "__group__", - "zOrder": "90", - "measuredW": "224", - "measuredH": "44", - "w": "224", - "h": "44", - "x": "942", - "y": "760", - "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": "2837", - "typeID": "__group__", - "zOrder": "82", - "measuredW": "243", - "measuredH": "44", - "w": "243", - "h": "44", - "x": "75", - "y": "569", - "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": "2838", - "typeID": "__group__", - "zOrder": "96", - "measuredW": "157", - "measuredH": "44", - "w": "157", - "h": "44", - "x": "335", - "y": "911", - "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": "2839", - "typeID": "__group__", - "zOrder": "116", - "measuredW": "157", - "measuredH": "44", - "w": "157", - "h": "44", - "x": "334", - "y": "963", - "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": "2840", - "typeID": "__group__", - "zOrder": "128", - "measuredW": "157", - "measuredH": "44", - "w": "157", - "h": "44", - "x": "334", - "y": "1014", - "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": "2842", - "typeID": "__group__", - "zOrder": "99", - "measuredW": "157", - "measuredH": "44", - "w": "157", - "h": "44", - "x": "335", - "y": "1157", - "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": "2843", - "typeID": "__group__", - "zOrder": "125", - "measuredW": "159", - "measuredH": "44", - "w": "159", - "h": "44", - "x": "334", - "y": "1444", - "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": "2844", - "typeID": "__group__", - "zOrder": "92", - "measuredW": "202", - "measuredH": "44", - "w": "202", - "h": "44", - "x": "780", - "y": "867", - "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": "2845", - "typeID": "__group__", - "zOrder": "108", - "measuredW": "202", - "measuredH": "44", - "w": "202", - "h": "44", - "x": "780", - "y": "945", - "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": "2846", - "typeID": "__group__", - "zOrder": "112", - "measuredW": "202", - "measuredH": "44", - "w": "202", - "h": "44", - "x": "787", - "y": "1034", - "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": "2847", - "typeID": "__group__", - "zOrder": "118", - "measuredW": "157", - "measuredH": "44", - "w": "157", - "h": "44", - "x": "843", - "y": "1277", - "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": "2848", - "typeID": "__group__", - "zOrder": "97", - "measuredW": "158", - "measuredH": "44", - "w": "158", - "h": "44", - "x": "109", - "y": "877", - "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": "2849", - "typeID": "__group__", - "zOrder": "98", - "measuredW": "157", - "measuredH": "44", - "w": "157", - "h": "44", - "x": "109", - "y": "927", - "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": "2850", - "typeID": "__group__", - "zOrder": "117", - "measuredW": "158", - "measuredH": "44", - "w": "158", - "h": "44", - "x": "107", - "y": "984", - "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": "2851", - "typeID": "__group__", - "zOrder": "124", - "measuredW": "157", - "measuredH": "44", - "w": "157", - "h": "44", - "x": "107", - "y": "1033", - "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": "2852", - "typeID": "__group__", - "zOrder": "129", - "measuredW": "157", - "measuredH": "44", - "w": "157", - "h": "44", - "x": "334", - "y": "1082", - "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": "2853", - "typeID": "__group__", - "zOrder": "104", - "measuredW": "157", - "measuredH": "44", - "w": "157", - "h": "44", - "x": "335", - "y": "1240", - "properties": { - "controlName": "101-react-ecosystem:api-calls:use-http" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "157", - "h": "44", - "measuredW": "200", - "measuredH": "140", - "x": "0", - "y": "0", - "properties": { - "color": "16770457" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "measuredW": "64", - "measuredH": "25", - "x": "45", - "y": "10", - "properties": { - "size": "17", - "text": "use-http" - } - } - ] - } - } - }, - { - "ID": "2854", - "typeID": "__group__", - "zOrder": "105", - "measuredW": "156", - "measuredH": "44", - "w": "156", - "h": "44", - "x": "109", - "y": "1093", - "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": "2855", - "typeID": "__group__", - "zOrder": "106", - "measuredW": "156", - "measuredH": "44", - "w": "156", - "h": "44", - "x": "109", - "y": "1141", - "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": "2856", - "typeID": "__group__", - "zOrder": "100", - "measuredW": "157", - "measuredH": "44", - "w": "157", - "h": "44", - "x": "110", - "y": "1230", - "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": "2857", - "typeID": "__group__", - "zOrder": "101", - "measuredW": "157", - "measuredH": "44", - "w": "157", - "h": "44", - "x": "109", - "y": "1280", - "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": "2858", - "typeID": "__group__", - "zOrder": "102", - "measuredW": "157", - "measuredH": "44", - "w": "157", - "h": "44", - "x": "109", - "y": "1329", - "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": "2859", - "typeID": "__group__", - "zOrder": "126", - "measuredW": "159", - "measuredH": "44", - "w": "159", - "h": "44", - "x": "126", - "y": "1444", - "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": "2860", - "typeID": "__group__", - "zOrder": "93", - "measuredW": "171", - "measuredH": "44", - "w": "171", - "h": "44", - "x": "1029", - "y": "819", - "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": "2861", - "typeID": "__group__", - "zOrder": "94", - "measuredW": "171", - "measuredH": "44", - "w": "171", - "h": "44", - "x": "1029", - "y": "867", - "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": "2862", - "typeID": "__group__", - "zOrder": "95", - "measuredW": "171", - "measuredH": "44", - "w": "171", - "h": "44", - "x": "1029", - "y": "915", - "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": "2863", - "typeID": "__group__", - "zOrder": "109", - "measuredW": "218", - "measuredH": "44", - "w": "218", - "h": "44", - "x": "1029", - "y": "974", - "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": "2864", - "typeID": "__group__", - "zOrder": "110", - "measuredW": "218", - "measuredH": "44", - "w": "218", - "h": "44", - "x": "1029", - "y": "1023", - "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": "2865", - "typeID": "__group__", - "zOrder": "111", - "measuredW": "218", - "measuredH": "44", - "w": "218", - "h": "44", - "x": "1029", - "y": "1072", - "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": "2866", - "typeID": "__group__", - "zOrder": "113", - "measuredW": "155", - "measuredH": "44", - "w": "155", - "h": "44", - "x": "837", - "y": "1117", - "properties": { - "controlName": "100-react-ecosystem:state-management:conext-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": "2867", - "typeID": "__group__", - "zOrder": "114", - "measuredW": "155", - "measuredH": "44", - "w": "155", - "h": "44", - "x": "837", - "y": "1166", - "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": "2868", - "typeID": "__group__", - "zOrder": "115", - "measuredW": "155", - "measuredH": "44", - "w": "155", - "h": "44", - "x": "837", - "y": "1214", - "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": "2869", - "typeID": "__group__", - "zOrder": "119", - "measuredW": "157", - "measuredH": "44", - "w": "157", - "h": "44", - "x": "1060", - "y": "1223", - "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": "2870", - "typeID": "__group__", - "zOrder": "120", - "measuredW": "157", - "measuredH": "44", - "w": "157", - "h": "44", - "x": "1060", - "y": "1272", - "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": "2871", - "typeID": "__group__", - "zOrder": "121", - "measuredW": "157", - "measuredH": "44", - "w": "157", - "h": "44", - "x": "1060", - "y": "1320", - "properties": { - "controlName": "102-react-ecosystem:styling:ant-design" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "157", - "h": "44", - "measuredW": "200", - "measuredH": "140", - "x": "0", - "y": "0", - "properties": { - "color": "16770457" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "measuredW": "84", - "measuredH": "25", - "x": "35", - "y": "10", - "properties": { - "size": "17", - "text": "Ant Design" - } - } - ] - } - } - }, - { - "ID": "2872", - "typeID": "__group__", - "zOrder": "122", - "measuredW": "191", - "measuredH": "44", - "w": "191", - "h": "44", - "x": "829", - "y": "1351", - "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": "2873", - "typeID": "__group__", - "zOrder": "123", - "measuredW": "191", - "measuredH": "44", - "w": "191", - "h": "44", - "x": "829", - "y": "1400", - "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": "2874", + "ID": "9181", "typeID": "__group__", "zOrder": "131", "measuredW": "576", "measuredH": "105", "w": "576", "h": "105", - "x": "351", - "y": "1537", + "x": "361", + "y": "1547", "properties": { "controlName": "ext_link:roadmap.sh/frontend" }, @@ -5305,17 +5304,17 @@ ] }, "attributes": { - "name": "New Wireframe 1 copy", - "order": 1000011.7645389404, + "name": "New Wireframe 1 copy 2", + "order": 1000006.8992828326, "parentID": null, "notes": "" }, "branchID": "Master", - "resourceID": "3DD51A3C-1F09-4BE6-B9FB-6875747EBA53", + "resourceID": "4BE92169-157F-4FC5-8E20-403CBCF7A6C6", "mockupH": "1659", "mockupW": "1174", - "measuredW": "1247", - "measuredH": "1686", + "measuredW": "1257", + "measuredH": "1696", "version": "1.0" }, "groupOffset": {