computer-scienceangular-roadmapbackend-roadmapblockchain-roadmapdba-roadmapdeveloper-roadmapdevops-roadmapfrontend-roadmapgo-roadmaphactoberfestjava-roadmapjavascript-roadmapnodejs-roadmappython-roadmapqa-roadmapreact-roadmaproadmapstudy-planvue-roadmapweb3-roadmap
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
5338 lines
139 KiB
5338 lines
139 KiB
{ |
|
"mockup": { |
|
"controls": { |
|
"control": [ |
|
{ |
|
"ID": "2609", |
|
"typeID": "Arrow", |
|
"zOrder": "0", |
|
"w": "24", |
|
"h": "77", |
|
"measuredW": "150", |
|
"measuredH": "100", |
|
"x": "618", |
|
"y": "183", |
|
"properties": { |
|
"curvature": "0", |
|
"leftArrow": "false", |
|
"rightArrow": "false", |
|
"color": "10027263", |
|
"p0": { |
|
"x": 10, |
|
"y": -0.3333333333333428 |
|
}, |
|
"p1": { |
|
"x": 0.5175865027166142, |
|
"y": -0.21132399199313673 |
|
}, |
|
"p2": { |
|
"x": 24.66666666666663, |
|
"y": 77 |
|
} |
|
} |
|
}, |
|
{ |
|
"ID": "2610", |
|
"typeID": "Label", |
|
"zOrder": "1", |
|
"measuredW": "76", |
|
"measuredH": "36", |
|
"x": "647", |
|
"y": "267", |
|
"properties": { |
|
"size": "28", |
|
"text": "React" |
|
} |
|
}, |
|
{ |
|
"ID": "2611", |
|
"typeID": "Arrow", |
|
"zOrder": "2", |
|
"w": "27", |
|
"measuredW": "150", |
|
"measuredH": "100", |
|
"x": "638", |
|
"y": "27", |
|
"properties": { |
|
"curvature": "0", |
|
"leftArrow": "false", |
|
"rightArrow": "false", |
|
"color": "10027263", |
|
"stroke": "dotted", |
|
"p0": { |
|
"x": 20.66666666666663, |
|
"y": -0.33333333333333215 |
|
}, |
|
"p1": { |
|
"x": 0.4525527916281198, |
|
"y": 0.13367847141227748 |
|
}, |
|
"p2": { |
|
"x": -0.019880609337405986, |
|
"y": 99.62109147224172 |
|
} |
|
} |
|
}, |
|
{ |
|
"ID": "2612", |
|
"typeID": "Arrow", |
|
"zOrder": "3", |
|
"w": "2", |
|
"h": "96", |
|
"measuredW": "150", |
|
"measuredH": "100", |
|
"x": "411", |
|
"y": "1091", |
|
"properties": { |
|
"color": "2848996", |
|
"curvature": "0", |
|
"direction": "bottom", |
|
"leftArrow": "false", |
|
"p0": { |
|
"length": 95, |
|
"x": 0, |
|
"y": 95 |
|
}, |
|
"p1": { |
|
"length": 0.4737749079645269, |
|
"x": 0.4737425216042544, |
|
"y": -0.005539552404165743 |
|
}, |
|
"p2": { |
|
"length": 1, |
|
"x": 1, |
|
"y": 0 |
|
}, |
|
"rightArrow": "false", |
|
"stroke": "dotted" |
|
} |
|
}, |
|
{ |
|
"ID": "2613", |
|
"typeID": "Arrow", |
|
"zOrder": "4", |
|
"w": "105", |
|
"h": "15", |
|
"measuredW": "150", |
|
"measuredH": "100", |
|
"x": "248", |
|
"y": "1040", |
|
"properties": { |
|
"color": "2848996", |
|
"curvature": "-1", |
|
"direction": "bottom", |
|
"leftArrow": "false", |
|
"p0": { |
|
"x": 104, |
|
"y": 0 |
|
}, |
|
"p1": { |
|
"x": 0.5740721807586137, |
|
"y": 0.016256006543298233 |
|
}, |
|
"p2": { |
|
"x": 0, |
|
"y": 14 |
|
}, |
|
"rightArrow": "false", |
|
"stroke": "dotted" |
|
} |
|
}, |
|
{ |
|
"ID": "2614", |
|
"typeID": "Arrow", |
|
"zOrder": "5", |
|
"w": "92", |
|
"h": "22", |
|
"measuredW": "150", |
|
"measuredH": "100", |
|
"x": "259", |
|
"y": "1012", |
|
"properties": { |
|
"color": "2848996", |
|
"curvature": "0", |
|
"direction": "top", |
|
"leftArrow": "false", |
|
"p0": { |
|
"x": 91, |
|
"y": 21 |
|
}, |
|
"p1": { |
|
"x": 0.5676406229888018, |
|
"y": 0.009525035397091009 |
|
}, |
|
"p2": { |
|
"x": 0, |
|
"y": 0 |
|
}, |
|
"rightArrow": "false", |
|
"stroke": "dotted" |
|
} |
|
}, |
|
{ |
|
"ID": "2615", |
|
"typeID": "Arrow", |
|
"zOrder": "6", |
|
"w": "89", |
|
"h": "19", |
|
"measuredW": "150", |
|
"measuredH": "100", |
|
"x": "255", |
|
"y": "983", |
|
"properties": { |
|
"color": "2848996", |
|
"curvature": "-1", |
|
"direction": "bottom", |
|
"leftArrow": "false", |
|
"p0": { |
|
"x": 88, |
|
"y": 0 |
|
}, |
|
"p1": { |
|
"x": 0.5740721807586137, |
|
"y": 0.016256006543298233 |
|
}, |
|
"p2": { |
|
"x": 0, |
|
"y": 18 |
|
}, |
|
"rightArrow": "false", |
|
"stroke": "dotted" |
|
} |
|
}, |
|
{ |
|
"ID": "2616", |
|
"typeID": "Arrow", |
|
"zOrder": "7", |
|
"w": "6", |
|
"h": "75", |
|
"measuredW": "150", |
|
"measuredH": "100", |
|
"x": "908", |
|
"y": "1063", |
|
"properties": { |
|
"color": "2848996", |
|
"curvature": "1", |
|
"direction": "top", |
|
"leftArrow": "false", |
|
"p0": { |
|
"length": 74.16872656315464, |
|
"x": 5, |
|
"y": 74 |
|
}, |
|
"p1": { |
|
"length": 0.5062618190857066, |
|
"x": 0.5058572949946751, |
|
"y": 0.020234291799786995 |
|
}, |
|
"p2": { |
|
"length": 1, |
|
"x": 1, |
|
"y": 0 |
|
}, |
|
"rightArrow": "false", |
|
"stroke": "dotted" |
|
} |
|
}, |
|
{ |
|
"ID": "2617", |
|
"typeID": "Arrow", |
|
"zOrder": "8", |
|
"w": "140", |
|
"h": "446", |
|
"measuredW": "150", |
|
"measuredH": "100", |
|
"x": "489", |
|
"y": "953", |
|
"properties": { |
|
"color": "2848996", |
|
"curvature": "-1", |
|
"direction": "bottom", |
|
"leftArrow": "false", |
|
"p0": { |
|
"x": 133, |
|
"y": 0 |
|
}, |
|
"p1": { |
|
"x": 0.6169504337496851, |
|
"y": 0.15190237932399842 |
|
}, |
|
"p2": { |
|
"x": 0, |
|
"y": 445 |
|
}, |
|
"rightArrow": "false", |
|
"stroke": "dotted" |
|
} |
|
}, |
|
{ |
|
"ID": "2618", |
|
"typeID": "Arrow", |
|
"zOrder": "9", |
|
"w": "95", |
|
"h": "1", |
|
"measuredW": "150", |
|
"measuredH": "100", |
|
"x": "251", |
|
"y": "1396", |
|
"properties": { |
|
"color": "2848996", |
|
"curvature": "0", |
|
"direction": "top", |
|
"leftArrow": "false", |
|
"p0": { |
|
"length": 0, |
|
"x": 0, |
|
"y": 0 |
|
}, |
|
"p1": { |
|
"length": 0.638011617080294, |
|
"x": 0.6380090497737556, |
|
"y": -0.0018099547511312248 |
|
}, |
|
"p2": { |
|
"length": 94, |
|
"x": 94, |
|
"y": 0 |
|
}, |
|
"rightArrow": "false", |
|
"stroke": "dotted" |
|
} |
|
}, |
|
{ |
|
"ID": "2619", |
|
"typeID": "Arrow", |
|
"zOrder": "10", |
|
"w": "101", |
|
"h": "33", |
|
"measuredW": "150", |
|
"measuredH": "100", |
|
"x": "984", |
|
"y": "1311", |
|
"properties": { |
|
"color": "2848996", |
|
"curvature": "-1", |
|
"direction": "top", |
|
"leftArrow": "false", |
|
"p0": { |
|
"length": 0, |
|
"x": 0, |
|
"y": 0 |
|
}, |
|
"p1": { |
|
"length": 0.49484881151760673, |
|
"x": 0.49473684210526325, |
|
"y": -0.01052631578947367 |
|
}, |
|
"p2": { |
|
"length": 104.9952379872535, |
|
"x": 100, |
|
"y": 32 |
|
}, |
|
"rightArrow": "false", |
|
"stroke": "dotted" |
|
} |
|
}, |
|
{ |
|
"ID": "2620", |
|
"typeID": "Arrow", |
|
"zOrder": "11", |
|
"w": "88", |
|
"h": "7", |
|
"measuredW": "150", |
|
"measuredH": "100", |
|
"x": "987", |
|
"y": "1293", |
|
"properties": { |
|
"color": "2848996", |
|
"curvature": "1", |
|
"direction": "bottom", |
|
"leftArrow": "false", |
|
"p0": { |
|
"length": 6, |
|
"x": 0, |
|
"y": 6 |
|
}, |
|
"p1": { |
|
"length": 0.4948488115176065, |
|
"x": 0.49473684210526303, |
|
"y": -0.010526315789473628 |
|
}, |
|
"p2": { |
|
"length": 87, |
|
"x": 87, |
|
"y": 0 |
|
}, |
|
"rightArrow": "false", |
|
"stroke": "dotted" |
|
} |
|
}, |
|
{ |
|
"ID": "2621", |
|
"typeID": "Arrow", |
|
"zOrder": "12", |
|
"w": "86", |
|
"h": "55", |
|
"measuredW": "150", |
|
"measuredH": "100", |
|
"x": "987", |
|
"y": "1242", |
|
"properties": { |
|
"color": "2848996", |
|
"curvature": "1", |
|
"direction": "bottom", |
|
"leftArrow": "false", |
|
"p0": { |
|
"length": 54, |
|
"x": 0, |
|
"y": 54 |
|
}, |
|
"p1": { |
|
"length": 0.4948488115176066, |
|
"x": 0.49473684210526314, |
|
"y": -0.010526315789473687 |
|
}, |
|
"p2": { |
|
"length": 85, |
|
"x": 85, |
|
"y": 0 |
|
}, |
|
"rightArrow": "false", |
|
"stroke": "dotted" |
|
} |
|
}, |
|
{ |
|
"ID": "2622", |
|
"typeID": "Arrow", |
|
"zOrder": "13", |
|
"w": "6", |
|
"h": "564", |
|
"measuredW": "150", |
|
"measuredH": "100", |
|
"x": "673", |
|
"y": "955", |
|
"properties": { |
|
"color": "2848996", |
|
"curvature": "0", |
|
"direction": "top", |
|
"leftArrow": "false", |
|
"rightArrow": "false", |
|
"p0": { |
|
"x": 3, |
|
"y": 0 |
|
}, |
|
"p1": { |
|
"x": 0.5326751848090502, |
|
"y": 0.008478779433645877 |
|
}, |
|
"p2": { |
|
"x": 0.33333333333337123, |
|
"y": 563.6666666666667 |
|
} |
|
} |
|
}, |
|
{ |
|
"ID": "2623", |
|
"typeID": "Arrow", |
|
"zOrder": "14", |
|
"w": "1", |
|
"h": "82", |
|
"measuredW": "150", |
|
"measuredH": "100", |
|
"x": "925", |
|
"y": "1297", |
|
"properties": { |
|
"color": "2848996", |
|
"curvature": "-1", |
|
"direction": "top", |
|
"leftArrow": "false", |
|
"p0": { |
|
"length": 81, |
|
"x": 0, |
|
"y": 81 |
|
}, |
|
"p1": { |
|
"length": 0.4948488115176067, |
|
"x": 0.4947368421052632, |
|
"y": -0.010526315789473686 |
|
}, |
|
"p2": { |
|
"length": 0, |
|
"x": 0, |
|
"y": 0 |
|
}, |
|
"rightArrow": "false", |
|
"stroke": "dotted" |
|
} |
|
}, |
|
{ |
|
"ID": "2624", |
|
"typeID": "Arrow", |
|
"zOrder": "15", |
|
"w": "170", |
|
"h": "343", |
|
"measuredW": "150", |
|
"measuredH": "100", |
|
"x": "702", |
|
"y": "957", |
|
"properties": { |
|
"color": "2848996", |
|
"curvature": "-1", |
|
"direction": "top", |
|
"leftArrow": "false", |
|
"p0": { |
|
"x": 0, |
|
"y": 0 |
|
}, |
|
"p1": { |
|
"x": 0.6386805175102196, |
|
"y": -0.15317754646213494 |
|
}, |
|
"p2": { |
|
"x": 169, |
|
"y": 342 |
|
}, |
|
"rightArrow": "false", |
|
"stroke": "dotted" |
|
} |
|
}, |
|
{ |
|
"ID": "2625", |
|
"typeID": "Arrow", |
|
"zOrder": "16", |
|
"w": "65", |
|
"h": "99", |
|
"measuredW": "150", |
|
"measuredH": "100", |
|
"x": "480", |
|
"y": "939", |
|
"properties": { |
|
"color": "2848996", |
|
"curvature": "-1", |
|
"direction": "bottom", |
|
"leftArrow": "false", |
|
"p0": { |
|
"x": 64, |
|
"y": 0 |
|
}, |
|
"p1": { |
|
"x": 0.6971153846153847, |
|
"y": 0.14182692307692307 |
|
}, |
|
"p2": { |
|
"x": 0, |
|
"y": 98 |
|
}, |
|
"rightArrow": "false", |
|
"stroke": "dotted" |
|
} |
|
}, |
|
{ |
|
"ID": "2626", |
|
"typeID": "Arrow", |
|
"zOrder": "17", |
|
"w": "64", |
|
"h": "109", |
|
"measuredW": "150", |
|
"measuredH": "100", |
|
"x": "728", |
|
"y": "948", |
|
"properties": { |
|
"color": "2848996", |
|
"curvature": "-1", |
|
"direction": "top", |
|
"leftArrow": "false", |
|
"p0": { |
|
"x": 0, |
|
"y": 0 |
|
}, |
|
"p1": { |
|
"x": 0.7038144329896907, |
|
"y": -0.09391752577319588 |
|
}, |
|
"p2": { |
|
"x": 63, |
|
"y": 108 |
|
}, |
|
"rightArrow": "false", |
|
"stroke": "dotted" |
|
} |
|
}, |
|
{ |
|
"ID": "2627", |
|
"typeID": "Arrow", |
|
"zOrder": "18", |
|
"w": "58", |
|
"h": "42", |
|
"measuredW": "150", |
|
"measuredH": "100", |
|
"x": "976", |
|
"y": "841", |
|
"properties": { |
|
"color": "2848996", |
|
"curvature": "1", |
|
"direction": "bottom", |
|
"leftArrow": "false", |
|
"p0": { |
|
"x": 57, |
|
"y": 0 |
|
}, |
|
"p1": { |
|
"x": 0.35054421156786897, |
|
"y": -0.018800035980930063 |
|
}, |
|
"p2": { |
|
"x": 0, |
|
"y": 41 |
|
}, |
|
"rightArrow": "false", |
|
"stroke": "dotted" |
|
} |
|
}, |
|
{ |
|
"ID": "2628", |
|
"typeID": "Arrow", |
|
"zOrder": "19", |
|
"w": "67", |
|
"h": "3", |
|
"measuredW": "150", |
|
"measuredH": "100", |
|
"x": "972", |
|
"y": "885", |
|
"properties": { |
|
"color": "2848996", |
|
"curvature": "1", |
|
"direction": "top", |
|
"leftArrow": "false", |
|
"p0": { |
|
"x": 66, |
|
"y": 0 |
|
}, |
|
"p1": { |
|
"x": 0.5343850513095418, |
|
"y": 0.03614642364833821 |
|
}, |
|
"p2": { |
|
"x": 0, |
|
"y": 0 |
|
}, |
|
"rightArrow": "false", |
|
"stroke": "dotted" |
|
} |
|
}, |
|
{ |
|
"ID": "2629", |
|
"typeID": "Arrow", |
|
"zOrder": "20", |
|
"w": "60", |
|
"h": "103", |
|
"measuredW": "150", |
|
"measuredH": "100", |
|
"x": "976", |
|
"y": "980", |
|
"properties": { |
|
"color": "2848996", |
|
"curvature": "1", |
|
"direction": "top", |
|
"leftArrow": "false", |
|
"p0": { |
|
"x": 59, |
|
"y": 102 |
|
}, |
|
"p1": { |
|
"x": 0.5058572949946751, |
|
"y": 0.020234291799787023 |
|
}, |
|
"p2": { |
|
"x": 0, |
|
"y": 0 |
|
}, |
|
"rightArrow": "false", |
|
"stroke": "dotted" |
|
} |
|
}, |
|
{ |
|
"ID": "2630", |
|
"typeID": "Arrow", |
|
"zOrder": "21", |
|
"w": "66", |
|
"h": "75", |
|
"measuredW": "150", |
|
"measuredH": "100", |
|
"x": "975", |
|
"y": "971", |
|
"properties": { |
|
"color": "2848996", |
|
"curvature": "-1", |
|
"direction": "top", |
|
"leftArrow": "false", |
|
"p0": { |
|
"x": 65, |
|
"y": 74 |
|
}, |
|
"p1": { |
|
"x": 0.5567467271415318, |
|
"y": -0.043088341408102256 |
|
}, |
|
"p2": { |
|
"x": 0, |
|
"y": 0 |
|
}, |
|
"rightArrow": "false", |
|
"stroke": "dotted" |
|
} |
|
}, |
|
{ |
|
"ID": "2631", |
|
"typeID": "Arrow", |
|
"zOrder": "22", |
|
"w": "74", |
|
"h": "27", |
|
"measuredW": "150", |
|
"measuredH": "100", |
|
"x": "974", |
|
"y": "965", |
|
"properties": { |
|
"color": "2848996", |
|
"curvature": "-1", |
|
"direction": "top", |
|
"leftArrow": "false", |
|
"p0": { |
|
"x": 73, |
|
"y": 26 |
|
}, |
|
"p1": { |
|
"x": 0.5398834304746045, |
|
"y": -0.05428809325562032 |
|
}, |
|
"p2": { |
|
"x": 0, |
|
"y": 0 |
|
}, |
|
"rightArrow": "false", |
|
"stroke": "dotted" |
|
} |
|
}, |
|
{ |
|
"ID": "2632", |
|
"typeID": "Arrow", |
|
"zOrder": "23", |
|
"w": "63", |
|
"h": "24", |
|
"measuredW": "150", |
|
"measuredH": "100", |
|
"x": "730", |
|
"y": "945", |
|
"properties": { |
|
"color": "2848996", |
|
"curvature": "-1", |
|
"direction": "top", |
|
"leftArrow": "false", |
|
"p0": { |
|
"x": 0, |
|
"y": 0 |
|
}, |
|
"p1": { |
|
"x": 0.4043899289864429, |
|
"y": -0.01368624919302776 |
|
}, |
|
"p2": { |
|
"x": 62, |
|
"y": 23 |
|
}, |
|
"rightArrow": "false", |
|
"stroke": "dotted" |
|
} |
|
}, |
|
{ |
|
"ID": "2633", |
|
"typeID": "Arrow", |
|
"zOrder": "24", |
|
"w": "74", |
|
"h": "44", |
|
"measuredW": "150", |
|
"measuredH": "100", |
|
"x": "974", |
|
"y": "896", |
|
"properties": { |
|
"color": "2848996", |
|
"curvature": "-1", |
|
"direction": "top", |
|
"leftArrow": "false", |
|
"p0": { |
|
"x": 73, |
|
"y": 43 |
|
}, |
|
"p1": { |
|
"x": 0.4578313253012048, |
|
"y": -0.012048192771084336 |
|
}, |
|
"p2": { |
|
"x": 0, |
|
"y": 0 |
|
}, |
|
"rightArrow": "false", |
|
"stroke": "dotted" |
|
} |
|
}, |
|
{ |
|
"ID": "2634", |
|
"typeID": "Arrow", |
|
"zOrder": "25", |
|
"w": "95", |
|
"h": "18", |
|
"measuredW": "150", |
|
"measuredH": "100", |
|
"x": "251", |
|
"y": "1162", |
|
"properties": { |
|
"color": "2848996", |
|
"curvature": "1", |
|
"direction": "top", |
|
"leftArrow": "false", |
|
"p0": { |
|
"length": 1, |
|
"x": 0, |
|
"y": 1 |
|
}, |
|
"p1": { |
|
"length": 0.48824871437239115, |
|
"x": 0.48542738182708794, |
|
"y": 0.05241244183198628 |
|
}, |
|
"p2": { |
|
"length": 95.524865872714, |
|
"x": 94, |
|
"y": 17 |
|
}, |
|
"rightArrow": "false", |
|
"stroke": "dotted" |
|
} |
|
}, |
|
{ |
|
"ID": "2635", |
|
"typeID": "Arrow", |
|
"zOrder": "26", |
|
"w": "94", |
|
"h": "59", |
|
"measuredW": "150", |
|
"measuredH": "100", |
|
"x": "251", |
|
"y": "1116", |
|
"properties": { |
|
"color": "2848996", |
|
"curvature": "1", |
|
"direction": "top", |
|
"leftArrow": "false", |
|
"p0": { |
|
"length": 1, |
|
"x": 0, |
|
"y": 1 |
|
}, |
|
"p1": { |
|
"length": 0.3714921097791618, |
|
"x": 0.35753908219868885, |
|
"y": 0.10085728693898134 |
|
}, |
|
"p2": { |
|
"length": 109.60383204979652, |
|
"x": 93, |
|
"y": 58 |
|
}, |
|
"rightArrow": "false", |
|
"stroke": "dotted" |
|
} |
|
}, |
|
{ |
|
"ID": "2636", |
|
"typeID": "Arrow", |
|
"zOrder": "27", |
|
"w": "2", |
|
"h": "96", |
|
"measuredW": "150", |
|
"measuredH": "100", |
|
"x": "411", |
|
"y": "1181", |
|
"properties": { |
|
"color": "2848996", |
|
"curvature": "0", |
|
"direction": "bottom", |
|
"leftArrow": "false", |
|
"p0": { |
|
"length": 95, |
|
"x": 0, |
|
"y": 95 |
|
}, |
|
"p1": { |
|
"length": 0.4737749079645269, |
|
"x": 0.4737425216042544, |
|
"y": -0.005539552404165743 |
|
}, |
|
"p2": { |
|
"length": 1, |
|
"x": 1, |
|
"y": 0 |
|
}, |
|
"rightArrow": "false", |
|
"stroke": "dotted" |
|
} |
|
}, |
|
{ |
|
"ID": "2637", |
|
"typeID": "Arrow", |
|
"zOrder": "28", |
|
"w": "83", |
|
"h": "101", |
|
"measuredW": "150", |
|
"measuredH": "100", |
|
"x": "261", |
|
"y": "1195", |
|
"properties": { |
|
"color": "2848996", |
|
"curvature": "-1", |
|
"direction": "bottom", |
|
"leftArrow": "false", |
|
"p0": { |
|
"length": 100, |
|
"x": 0, |
|
"y": 100 |
|
}, |
|
"p1": { |
|
"length": 0.48824871437239115, |
|
"x": 0.48542738182708794, |
|
"y": 0.05241244183198633 |
|
}, |
|
"p2": { |
|
"length": 82, |
|
"x": 82, |
|
"y": 0 |
|
}, |
|
"rightArrow": "false", |
|
"stroke": "dotted" |
|
} |
|
}, |
|
{ |
|
"ID": "2638", |
|
"typeID": "Arrow", |
|
"zOrder": "29", |
|
"w": "93", |
|
"h": "153", |
|
"measuredW": "150", |
|
"measuredH": "100", |
|
"x": "259", |
|
"y": "1185", |
|
"properties": { |
|
"color": "2848996", |
|
"curvature": "1", |
|
"direction": "bottom", |
|
"leftArrow": "false", |
|
"p0": { |
|
"length": 152, |
|
"x": 0, |
|
"y": 152 |
|
}, |
|
"p1": { |
|
"length": 0.2803995773177261, |
|
"x": 0.2781297516472377, |
|
"y": -0.035605676634566624 |
|
}, |
|
"p2": { |
|
"length": 92, |
|
"x": 92, |
|
"y": 0 |
|
}, |
|
"rightArrow": "false", |
|
"stroke": "dotted" |
|
} |
|
}, |
|
{ |
|
"ID": "2639", |
|
"typeID": "Arrow", |
|
"zOrder": "30", |
|
"w": "94", |
|
"h": "61", |
|
"measuredW": "150", |
|
"measuredH": "100", |
|
"x": "256", |
|
"y": "1182", |
|
"properties": { |
|
"color": "2848996", |
|
"curvature": "-1", |
|
"direction": "bottom", |
|
"leftArrow": "false", |
|
"p0": { |
|
"length": 60, |
|
"x": 0, |
|
"y": 60 |
|
}, |
|
"p1": { |
|
"length": 0.48824871437239115, |
|
"x": 0.48542738182708794, |
|
"y": 0.05241244183198629 |
|
}, |
|
"p2": { |
|
"length": 93, |
|
"x": 93, |
|
"y": 0 |
|
}, |
|
"rightArrow": "false", |
|
"stroke": "dotted" |
|
} |
|
}, |
|
{ |
|
"ID": "2640", |
|
"typeID": "Arrow", |
|
"zOrder": "31", |
|
"w": "68", |
|
"h": "51", |
|
"measuredW": "150", |
|
"measuredH": "100", |
|
"x": "728", |
|
"y": "886", |
|
"properties": { |
|
"color": "2848996", |
|
"curvature": "1", |
|
"direction": "bottom", |
|
"leftArrow": "false", |
|
"p0": { |
|
"x": 67, |
|
"y": 0 |
|
}, |
|
"p1": { |
|
"x": 0.44040635284017743, |
|
"y": -0.08985548719416225 |
|
}, |
|
"p2": { |
|
"x": 0, |
|
"y": 50 |
|
}, |
|
"rightArrow": "false", |
|
"stroke": "dotted" |
|
} |
|
}, |
|
{ |
|
"ID": "2641", |
|
"typeID": "Arrow", |
|
"zOrder": "32", |
|
"w": "106", |
|
"h": "16", |
|
"measuredW": "150", |
|
"measuredH": "100", |
|
"x": "248", |
|
"y": "937", |
|
"properties": { |
|
"color": "2848996", |
|
"curvature": "1", |
|
"direction": "bottom", |
|
"leftArrow": "false", |
|
"p0": { |
|
"x": 0, |
|
"y": 11 |
|
}, |
|
"p1": { |
|
"x": 0.418664047151277, |
|
"y": -0.08212180746561885 |
|
}, |
|
"p2": { |
|
"x": 105, |
|
"y": 0 |
|
}, |
|
"rightArrow": "false", |
|
"stroke": "dotted" |
|
} |
|
}, |
|
{ |
|
"ID": "2642", |
|
"typeID": "Arrow", |
|
"zOrder": "33", |
|
"w": "94", |
|
"h": "31", |
|
"measuredW": "150", |
|
"measuredH": "100", |
|
"x": "251", |
|
"y": "899", |
|
"properties": { |
|
"color": "2848996", |
|
"curvature": "1", |
|
"direction": "top", |
|
"leftArrow": "false", |
|
"p0": { |
|
"x": 0, |
|
"y": 0 |
|
}, |
|
"p1": { |
|
"x": 0.5210888020482415, |
|
"y": 0.050532273278533865 |
|
}, |
|
"p2": { |
|
"x": 93, |
|
"y": 30 |
|
}, |
|
"rightArrow": "false", |
|
"stroke": "dotted" |
|
} |
|
}, |
|
{ |
|
"ID": "2643", |
|
"typeID": "Arrow", |
|
"zOrder": "34", |
|
"w": "109", |
|
"h": "5", |
|
"measuredW": "150", |
|
"measuredH": "100", |
|
"x": "450", |
|
"y": "932", |
|
"properties": { |
|
"color": "2848996", |
|
"curvature": "0", |
|
"direction": "bottom", |
|
"leftArrow": "false", |
|
"p0": { |
|
"length": 108, |
|
"x": 108, |
|
"y": 0 |
|
}, |
|
"p1": { |
|
"length": 0.638011617080294, |
|
"x": 0.6380090497737556, |
|
"y": -0.001809954751131225 |
|
}, |
|
"p2": { |
|
"length": 4, |
|
"x": 0, |
|
"y": 4 |
|
}, |
|
"rightArrow": "false", |
|
"stroke": "dotted" |
|
} |
|
}, |
|
{ |
|
"ID": "2644", |
|
"typeID": "Arrow", |
|
"zOrder": "35", |
|
"w": "104", |
|
"h": "234", |
|
"measuredW": "150", |
|
"measuredH": "100", |
|
"x": "474", |
|
"y": "947", |
|
"properties": { |
|
"color": "2848996", |
|
"curvature": "-1", |
|
"direction": "bottom", |
|
"leftArrow": "false", |
|
"p0": { |
|
"x": 102, |
|
"y": 0 |
|
}, |
|
"p1": { |
|
"x": 0.6562581123678843, |
|
"y": 0.2116447246430558 |
|
}, |
|
"p2": { |
|
"x": 0, |
|
"y": 233 |
|
}, |
|
"rightArrow": "false", |
|
"stroke": "dotted" |
|
} |
|
}, |
|
{ |
|
"ID": "2645", |
|
"typeID": "Arrow", |
|
"zOrder": "36", |
|
"w": "103", |
|
"h": "132", |
|
"measuredW": "150", |
|
"measuredH": "100", |
|
"x": "848", |
|
"y": "653", |
|
"properties": { |
|
"color": "2848996", |
|
"curvature": "1", |
|
"direction": "top", |
|
"leftArrow": "false", |
|
"p0": { |
|
"x": 102, |
|
"y": 131 |
|
}, |
|
"p1": { |
|
"x": 0.5003083620533285, |
|
"y": 0.08372936695084346 |
|
}, |
|
"p2": { |
|
"x": 0, |
|
"y": 0 |
|
}, |
|
"rightArrow": "false", |
|
"stroke": "dotted" |
|
} |
|
}, |
|
{ |
|
"ID": "2646", |
|
"typeID": "Arrow", |
|
"zOrder": "37", |
|
"w": "49", |
|
"h": "292", |
|
"measuredW": "150", |
|
"measuredH": "100", |
|
"x": "689", |
|
"y": "641", |
|
"properties": { |
|
"color": "2848996", |
|
"curvature": "1", |
|
"direction": "top", |
|
"leftArrow": "false", |
|
"p0": { |
|
"x": 0, |
|
"y": 0 |
|
}, |
|
"p1": { |
|
"x": 0.5185682873198143, |
|
"y": 0.16381627168336182 |
|
}, |
|
"p2": { |
|
"x": 1, |
|
"y": 291 |
|
}, |
|
"rightArrow": "false" |
|
} |
|
}, |
|
{ |
|
"ID": "2647", |
|
"typeID": "Arrow", |
|
"zOrder": "38", |
|
"w": "117", |
|
"h": "92", |
|
"measuredW": "150", |
|
"measuredH": "100", |
|
"x": "838", |
|
"y": "643", |
|
"properties": { |
|
"color": "2848996", |
|
"curvature": "1", |
|
"direction": "top", |
|
"leftArrow": "false", |
|
"p0": { |
|
"x": 116, |
|
"y": 91 |
|
}, |
|
"p1": { |
|
"x": 0.4263237797304136, |
|
"y": 0.049960896167824446 |
|
}, |
|
"p2": { |
|
"x": 0, |
|
"y": 0 |
|
}, |
|
"rightArrow": "false", |
|
"stroke": "dotted" |
|
} |
|
}, |
|
{ |
|
"ID": "2648", |
|
"typeID": "Arrow", |
|
"zOrder": "39", |
|
"w": "111", |
|
"h": "53", |
|
"measuredW": "150", |
|
"measuredH": "100", |
|
"x": "840", |
|
"y": "635", |
|
"properties": { |
|
"color": "2848996", |
|
"curvature": "1", |
|
"direction": "top", |
|
"leftArrow": "false", |
|
"p0": { |
|
"x": 110, |
|
"y": 52 |
|
}, |
|
"p1": { |
|
"x": 0.4531207781680627, |
|
"y": 0.04147527695217509 |
|
}, |
|
"p2": { |
|
"x": 0, |
|
"y": 0 |
|
}, |
|
"rightArrow": "false", |
|
"stroke": "dotted" |
|
} |
|
}, |
|
{ |
|
"ID": "2649", |
|
"typeID": "Arrow", |
|
"zOrder": "40", |
|
"w": "119", |
|
"h": "7", |
|
"measuredW": "150", |
|
"measuredH": "100", |
|
"x": "839", |
|
"y": "627", |
|
"properties": { |
|
"color": "2848996", |
|
"curvature": "0", |
|
"direction": "top", |
|
"leftArrow": "false", |
|
"p0": { |
|
"x": 118, |
|
"y": 6 |
|
}, |
|
"p1": { |
|
"x": 0.4652789342214827, |
|
"y": -0.0013322231473772738 |
|
}, |
|
"p2": { |
|
"x": 0, |
|
"y": 0 |
|
}, |
|
"rightArrow": "false", |
|
"stroke": "dotted" |
|
} |
|
}, |
|
{ |
|
"ID": "2650", |
|
"typeID": "Arrow", |
|
"zOrder": "41", |
|
"w": "89", |
|
"h": "106", |
|
"measuredW": "150", |
|
"measuredH": "100", |
|
"x": "498", |
|
"y": "654", |
|
"properties": { |
|
"color": "2848996", |
|
"curvature": "-1", |
|
"direction": "bottom", |
|
"leftArrow": "false", |
|
"p0": { |
|
"x": 88, |
|
"y": 0 |
|
}, |
|
"p1": { |
|
"x": 0.694396551724138, |
|
"y": 0.14525862068965517 |
|
}, |
|
"p2": { |
|
"x": 0, |
|
"y": 104 |
|
}, |
|
"rightArrow": "false", |
|
"stroke": "dotted" |
|
} |
|
}, |
|
{ |
|
"ID": "2651", |
|
"typeID": "Arrow", |
|
"zOrder": "42", |
|
"w": "93", |
|
"h": "65", |
|
"measuredW": "150", |
|
"measuredH": "100", |
|
"x": "490", |
|
"y": "650", |
|
"properties": { |
|
"color": "2848996", |
|
"curvature": "-1", |
|
"direction": "bottom", |
|
"leftArrow": "false", |
|
"p0": { |
|
"x": 92, |
|
"y": 0 |
|
}, |
|
"p1": { |
|
"x": 0.5165605095541401, |
|
"y": 0.08630573248407643 |
|
}, |
|
"p2": { |
|
"x": 0, |
|
"y": 64 |
|
}, |
|
"rightArrow": "false", |
|
"stroke": "dotted" |
|
} |
|
}, |
|
{ |
|
"ID": "2652", |
|
"typeID": "Arrow", |
|
"zOrder": "43", |
|
"w": "69", |
|
"h": "35", |
|
"measuredW": "150", |
|
"measuredH": "100", |
|
"x": "295", |
|
"y": "616", |
|
"properties": { |
|
"color": "2848996", |
|
"curvature": "0", |
|
"direction": "bottom", |
|
"leftArrow": "false", |
|
"p0": { |
|
"length": 34, |
|
"x": 0, |
|
"y": 34 |
|
}, |
|
"p1": { |
|
"length": 0.4078400012423434, |
|
"x": 0.4078368652538985, |
|
"y": 0.001599360255897608 |
|
}, |
|
"p2": { |
|
"length": 68, |
|
"x": 68, |
|
"y": 0 |
|
}, |
|
"rightArrow": "false", |
|
"stroke": "dotted" |
|
} |
|
}, |
|
{ |
|
"ID": "2653", |
|
"typeID": "Arrow", |
|
"zOrder": "44", |
|
"w": "81", |
|
"h": "20", |
|
"measuredW": "150", |
|
"measuredH": "100", |
|
"x": "307", |
|
"y": "593", |
|
"properties": { |
|
"color": "2848996", |
|
"curvature": "0", |
|
"direction": "top", |
|
"leftArrow": "false", |
|
"p0": { |
|
"x": 80, |
|
"y": 19 |
|
}, |
|
"p1": { |
|
"x": 0.46527893422148264, |
|
"y": -0.0013322231473772645 |
|
}, |
|
"p2": { |
|
"x": 0, |
|
"y": 0 |
|
}, |
|
"rightArrow": "false", |
|
"stroke": "dotted" |
|
} |
|
}, |
|
{ |
|
"ID": "2654", |
|
"typeID": "Arrow", |
|
"zOrder": "45", |
|
"w": "114", |
|
"h": "76", |
|
"measuredW": "150", |
|
"measuredH": "100", |
|
"x": "828", |
|
"y": "426", |
|
"properties": { |
|
"color": "2848996", |
|
"curvature": "1", |
|
"direction": "top", |
|
"leftArrow": "false", |
|
"p0": { |
|
"length": 135.6244815658294, |
|
"x": 113, |
|
"y": 75 |
|
}, |
|
"p1": { |
|
"length": 0.49034679797322295, |
|
"x": 0.4873025247305478, |
|
"y": 0.05455485014026291 |
|
}, |
|
"p2": { |
|
"length": 0, |
|
"x": 0, |
|
"y": 0 |
|
}, |
|
"rightArrow": "false", |
|
"stroke": "dotted" |
|
} |
|
}, |
|
{ |
|
"ID": "2655", |
|
"typeID": "Arrow", |
|
"zOrder": "46", |
|
"w": "88", |
|
"h": "21", |
|
"measuredW": "150", |
|
"measuredH": "100", |
|
"x": "497", |
|
"y": "610", |
|
"properties": { |
|
"color": "2848996", |
|
"curvature": "-1", |
|
"direction": "top", |
|
"leftArrow": "false", |
|
"p0": { |
|
"x": 87, |
|
"y": 20 |
|
}, |
|
"p1": { |
|
"x": 0.46091103024218855, |
|
"y": -0.0549629815535199 |
|
}, |
|
"p2": { |
|
"x": 0, |
|
"y": 0 |
|
}, |
|
"rightArrow": "false", |
|
"stroke": "dotted" |
|
} |
|
}, |
|
{ |
|
"ID": "2656", |
|
"typeID": "Arrow", |
|
"zOrder": "47", |
|
"w": "105", |
|
"h": "29", |
|
"measuredW": "150", |
|
"measuredH": "100", |
|
"x": "487", |
|
"y": "633", |
|
"properties": { |
|
"color": "2848996", |
|
"curvature": "-1", |
|
"direction": "bottom", |
|
"leftArrow": "false", |
|
"p0": { |
|
"x": 104, |
|
"y": 0 |
|
}, |
|
"p1": { |
|
"x": 0.47141024775535, |
|
"y": 0.024843043272800916 |
|
}, |
|
"p2": { |
|
"x": 0, |
|
"y": 28 |
|
}, |
|
"rightArrow": "false", |
|
"stroke": "dotted" |
|
} |
|
}, |
|
{ |
|
"ID": "2657", |
|
"typeID": "Arrow", |
|
"zOrder": "48", |
|
"w": "108", |
|
"h": "118", |
|
"measuredW": "150", |
|
"measuredH": "100", |
|
"x": "472", |
|
"y": "425", |
|
"properties": { |
|
"color": "2848996", |
|
"curvature": "-1", |
|
"direction": "bottom", |
|
"leftArrow": "false", |
|
"p0": { |
|
"x": 107, |
|
"y": 0 |
|
}, |
|
"p1": { |
|
"x": 0.5565339359463882, |
|
"y": 0.11104184524273356 |
|
}, |
|
"p2": { |
|
"x": 0, |
|
"y": 117 |
|
}, |
|
"rightArrow": "false", |
|
"stroke": "dotted" |
|
} |
|
}, |
|
{ |
|
"ID": "2658", |
|
"typeID": "Arrow", |
|
"zOrder": "49", |
|
"w": "102", |
|
"h": "66", |
|
"measuredW": "150", |
|
"measuredH": "100", |
|
"x": "471", |
|
"y": "426", |
|
"properties": { |
|
"color": "2848996", |
|
"curvature": "-1", |
|
"direction": "bottom", |
|
"leftArrow": "false", |
|
"p0": { |
|
"x": 101, |
|
"y": 0 |
|
}, |
|
"p1": { |
|
"x": 0.49432499118787465, |
|
"y": 0.03919633415579831 |
|
}, |
|
"p2": { |
|
"x": 0, |
|
"y": 65 |
|
}, |
|
"rightArrow": "false", |
|
"stroke": "dotted" |
|
} |
|
}, |
|
{ |
|
"ID": "2659", |
|
"typeID": "Arrow", |
|
"zOrder": "50", |
|
"w": "66", |
|
"h": "65", |
|
"measuredW": "150", |
|
"measuredH": "100", |
|
"x": "1061", |
|
"y": "507", |
|
"properties": { |
|
"color": "2848996", |
|
"curvature": "-1", |
|
"direction": "top", |
|
"leftArrow": "false", |
|
"p0": { |
|
"length": 91.21951545584967, |
|
"x": 65, |
|
"y": 64 |
|
}, |
|
"p1": { |
|
"length": 0.4412347883439139, |
|
"x": 0.41749789688739336, |
|
"y": -0.14277130152625886 |
|
}, |
|
"p2": { |
|
"length": 0, |
|
"x": 0, |
|
"y": 0 |
|
}, |
|
"rightArrow": "false", |
|
"stroke": "dotted" |
|
} |
|
}, |
|
{ |
|
"ID": "2660", |
|
"typeID": "Arrow", |
|
"zOrder": "51", |
|
"w": "114", |
|
"h": "32", |
|
"measuredW": "150", |
|
"measuredH": "100", |
|
"x": "837", |
|
"y": "421", |
|
"properties": { |
|
"color": "2848996", |
|
"curvature": "1", |
|
"direction": "top", |
|
"leftArrow": "false", |
|
"p0": { |
|
"length": 117.17508267545622, |
|
"x": 113, |
|
"y": 31 |
|
}, |
|
"p1": { |
|
"length": 0.49034679797322256, |
|
"x": 0.4873025247305474, |
|
"y": 0.0545548501402628 |
|
}, |
|
"p2": { |
|
"length": 0, |
|
"x": 0, |
|
"y": 0 |
|
}, |
|
"rightArrow": "false", |
|
"stroke": "dotted" |
|
} |
|
}, |
|
{ |
|
"ID": "2661", |
|
"typeID": "Arrow", |
|
"zOrder": "52", |
|
"w": "50", |
|
"h": "77", |
|
"measuredW": "150", |
|
"measuredH": "100", |
|
"x": "998", |
|
"y": "504", |
|
"properties": { |
|
"color": "2848996", |
|
"curvature": "-1", |
|
"direction": "bottom", |
|
"leftArrow": "false", |
|
"p0": { |
|
"length": 76, |
|
"x": 0, |
|
"y": 76 |
|
}, |
|
"p1": { |
|
"length": 0.4763317432510617, |
|
"x": 0.4659313041049986, |
|
"y": 0.09899469421949178 |
|
}, |
|
"p2": { |
|
"length": 49, |
|
"x": 49, |
|
"y": 0 |
|
}, |
|
"rightArrow": "false", |
|
"stroke": "dotted" |
|
} |
|
}, |
|
{ |
|
"ID": "2662", |
|
"typeID": "Arrow", |
|
"zOrder": "53", |
|
"w": "129", |
|
"h": "11", |
|
"measuredW": "150", |
|
"measuredH": "100", |
|
"x": "826", |
|
"y": "404", |
|
"properties": { |
|
"color": "2848996", |
|
"curvature": "0", |
|
"direction": "bottom", |
|
"leftArrow": "false", |
|
"p0": { |
|
"length": 128, |
|
"x": 128, |
|
"y": 0 |
|
}, |
|
"p1": { |
|
"length": 0.4652808414804905, |
|
"x": 0.4652789342214827, |
|
"y": -0.0013322231473772849 |
|
}, |
|
"p2": { |
|
"length": 10, |
|
"x": 0, |
|
"y": 10 |
|
}, |
|
"rightArrow": "false", |
|
"stroke": "dotted" |
|
} |
|
}, |
|
{ |
|
"ID": "2663", |
|
"typeID": "Arrow", |
|
"zOrder": "54", |
|
"w": "110", |
|
"h": "19", |
|
"measuredW": "150", |
|
"measuredH": "100", |
|
"x": "462", |
|
"y": "423", |
|
"properties": { |
|
"color": "2848996", |
|
"curvature": "-1", |
|
"direction": "bottom", |
|
"leftArrow": "false", |
|
"p0": { |
|
"x": 109, |
|
"y": 0 |
|
}, |
|
"p1": { |
|
"x": 0.49432499118787454, |
|
"y": 0.03919633415579837 |
|
}, |
|
"p2": { |
|
"x": 0, |
|
"y": 18 |
|
}, |
|
"rightArrow": "false", |
|
"stroke": "dotted" |
|
} |
|
}, |
|
{ |
|
"ID": "2664", |
|
"typeID": "Arrow", |
|
"zOrder": "55", |
|
"w": "67", |
|
"h": "29", |
|
"measuredW": "150", |
|
"measuredH": "100", |
|
"x": "267", |
|
"y": "438", |
|
"properties": { |
|
"color": "2848996", |
|
"curvature": "1", |
|
"direction": "bottom", |
|
"leftArrow": "false", |
|
"p0": { |
|
"length": 28, |
|
"x": 0, |
|
"y": 28 |
|
}, |
|
"p1": { |
|
"length": 0.45024852627028145, |
|
"x": 0.4470817120622568, |
|
"y": -0.053307392996108954 |
|
}, |
|
"p2": { |
|
"length": 66, |
|
"x": 66, |
|
"y": 0 |
|
}, |
|
"rightArrow": "false", |
|
"stroke": "dotted" |
|
} |
|
}, |
|
{ |
|
"ID": "2665", |
|
"typeID": "Arrow", |
|
"zOrder": "56", |
|
"w": "70", |
|
"h": "27", |
|
"measuredW": "150", |
|
"measuredH": "100", |
|
"x": "268", |
|
"y": "413", |
|
"properties": { |
|
"color": "2848996", |
|
"curvature": "1", |
|
"direction": "top", |
|
"leftArrow": "false", |
|
"p0": { |
|
"length": 0, |
|
"x": 0, |
|
"y": 0 |
|
}, |
|
"p1": { |
|
"length": 0.4463661980631013, |
|
"x": 0.44581164221486, |
|
"y": 0.022243256034074732 |
|
}, |
|
"p2": { |
|
"length": 73.7360156233031, |
|
"x": 69, |
|
"y": 26 |
|
}, |
|
"rightArrow": "false", |
|
"stroke": "dotted" |
|
} |
|
}, |
|
{ |
|
"ID": "2666", |
|
"typeID": "Arrow", |
|
"zOrder": "57", |
|
"w": "38", |
|
"h": "210", |
|
"measuredW": "150", |
|
"measuredH": "100", |
|
"x": "648", |
|
"y": "424", |
|
"properties": { |
|
"color": "2848996", |
|
"curvature": "-1", |
|
"direction": "top", |
|
"leftArrow": "false", |
|
"p0": { |
|
"x": 23, |
|
"y": 0 |
|
}, |
|
"p1": { |
|
"x": 0.4841230221604845, |
|
"y": -0.13778134699281577 |
|
}, |
|
"p2": { |
|
"x": 37, |
|
"y": 209 |
|
}, |
|
"rightArrow": "false" |
|
} |
|
}, |
|
{ |
|
"ID": "2667", |
|
"typeID": "Arrow", |
|
"zOrder": "58", |
|
"w": "30", |
|
"h": "92", |
|
"measuredW": "150", |
|
"measuredH": "100", |
|
"x": "676", |
|
"y": "309", |
|
"properties": { |
|
"color": "2848996", |
|
"curvature": "-1", |
|
"direction": "bottom", |
|
"leftArrow": "false", |
|
"rightArrow": "false", |
|
"p0": { |
|
"x": 24.028182754193494, |
|
"y": 0.15641534085972353 |
|
}, |
|
"p1": { |
|
"x": 0.4488347077805664, |
|
"y": 0.15539619935460736 |
|
}, |
|
"p2": { |
|
"x": 0, |
|
"y": 92 |
|
} |
|
} |
|
}, |
|
{ |
|
"ID": "2668", |
|
"typeID": "Canvas", |
|
"zOrder": "59", |
|
"w": "350", |
|
"h": "141", |
|
"measuredW": "100", |
|
"measuredH": "70", |
|
"x": "884", |
|
"y": "74" |
|
}, |
|
{ |
|
"ID": "2669", |
|
"typeID": "Label", |
|
"zOrder": "60", |
|
"measuredW": "314", |
|
"measuredH": "25", |
|
"x": "898", |
|
"y": "91", |
|
"properties": { |
|
"size": "17", |
|
"text": "Find the detailed version of this roadmap" |
|
} |
|
}, |
|
{ |
|
"ID": "2670", |
|
"typeID": "Label", |
|
"zOrder": "61", |
|
"measuredW": "319", |
|
"measuredH": "25", |
|
"x": "898", |
|
"y": "119", |
|
"properties": { |
|
"size": "17", |
|
"text": "along with resources and other roadmaps" |
|
} |
|
}, |
|
{ |
|
"ID": "2677", |
|
"typeID": "Arrow", |
|
"zOrder": "63", |
|
"w": "118", |
|
"h": "51", |
|
"measuredW": "150", |
|
"measuredH": "100", |
|
"x": "824", |
|
"y": "356", |
|
"properties": { |
|
"color": "2848996", |
|
"curvature": "1", |
|
"direction": "bottom", |
|
"leftArrow": "false", |
|
"p0": { |
|
"x": 117, |
|
"y": 0 |
|
}, |
|
"p1": { |
|
"x": 0.45522128005575546, |
|
"y": -0.05494250203275646 |
|
}, |
|
"p2": { |
|
"x": 0, |
|
"y": 50 |
|
}, |
|
"rightArrow": "false", |
|
"stroke": "dotted" |
|
} |
|
}, |
|
{ |
|
"ID": "2678", |
|
"typeID": "Arrow", |
|
"zOrder": "64", |
|
"w": "128", |
|
"h": "35", |
|
"measuredW": "150", |
|
"measuredH": "100", |
|
"x": "443", |
|
"y": "385", |
|
"properties": { |
|
"color": "2848996", |
|
"curvature": "0", |
|
"direction": "top", |
|
"leftArrow": "false", |
|
"p0": { |
|
"x": 127, |
|
"y": 34 |
|
}, |
|
"p1": { |
|
"x": 0.4652789342214826, |
|
"y": -0.0013322231473772712 |
|
}, |
|
"p2": { |
|
"x": 0, |
|
"y": 0 |
|
}, |
|
"rightArrow": "false", |
|
"stroke": "dotted" |
|
} |
|
}, |
|
{ |
|
"ID": "2679", |
|
"typeID": "Arrow", |
|
"zOrder": "65", |
|
"w": "109", |
|
"h": "80", |
|
"measuredW": "150", |
|
"measuredH": "100", |
|
"x": "462", |
|
"y": "332", |
|
"properties": { |
|
"color": "2848996", |
|
"curvature": "-1", |
|
"direction": "top", |
|
"leftArrow": "false", |
|
"p0": { |
|
"x": 108, |
|
"y": 79 |
|
}, |
|
"p1": { |
|
"x": 0.45522128005575585, |
|
"y": -0.054942502032756343 |
|
}, |
|
"p2": { |
|
"x": 0, |
|
"y": 0 |
|
}, |
|
"rightArrow": "false", |
|
"stroke": "dotted" |
|
} |
|
}, |
|
{ |
|
"ID": "2714", |
|
"typeID": "__group__", |
|
"zOrder": "83", |
|
"measuredW": "243", |
|
"measuredH": "248", |
|
"w": "243", |
|
"h": "248", |
|
"x": "75", |
|
"y": "620", |
|
"properties": { |
|
"controlName": "102-react-advanced-topics:hooks:common-hooks" |
|
}, |
|
"children": { |
|
"controls": { |
|
"control": [ |
|
{ |
|
"ID": "0", |
|
"typeID": "TextArea", |
|
"zOrder": "0", |
|
"w": "243", |
|
"h": "248", |
|
"measuredW": "200", |
|
"measuredH": "140", |
|
"x": "0", |
|
"y": "0", |
|
"properties": { |
|
"color": "16777215" |
|
} |
|
}, |
|
{ |
|
"ID": "1", |
|
"typeID": "Label", |
|
"zOrder": "1", |
|
"measuredW": "124", |
|
"measuredH": "25", |
|
"x": "59", |
|
"y": "15", |
|
"properties": { |
|
"bold": "true", |
|
"size": "17", |
|
"text": "Common Hooks" |
|
} |
|
}, |
|
{ |
|
"ID": "2", |
|
"typeID": "TextArea", |
|
"zOrder": "2", |
|
"w": "93", |
|
"h": "43", |
|
"measuredW": "200", |
|
"measuredH": "140", |
|
"x": "139", |
|
"y": "49", |
|
"properties": { |
|
"color": "16770457" |
|
} |
|
}, |
|
{ |
|
"ID": "3", |
|
"typeID": "Label", |
|
"zOrder": "3", |
|
"measuredW": "56", |
|
"measuredH": "25", |
|
"x": "157", |
|
"y": "58", |
|
"properties": { |
|
"size": "17", |
|
"text": "useRef" |
|
} |
|
}, |
|
{ |
|
"ID": "4", |
|
"typeID": "TextArea", |
|
"zOrder": "4", |
|
"w": "120", |
|
"h": "44", |
|
"measuredW": "200", |
|
"measuredH": "140", |
|
"x": "14", |
|
"y": "48", |
|
"properties": { |
|
"color": "16770457" |
|
} |
|
}, |
|
{ |
|
"ID": "5", |
|
"typeID": "Label", |
|
"zOrder": "5", |
|
"measuredW": "94", |
|
"measuredH": "25", |
|
"x": "26", |
|
"y": "58", |
|
"properties": { |
|
"size": "17", |
|
"text": "useCallback" |
|
} |
|
}, |
|
{ |
|
"ID": "6", |
|
"typeID": "TextArea", |
|
"zOrder": "6", |
|
"w": "217", |
|
"h": "44", |
|
"measuredW": "200", |
|
"measuredH": "140", |
|
"x": "14", |
|
"y": "96", |
|
"properties": { |
|
"color": "16770457" |
|
} |
|
}, |
|
{ |
|
"ID": "7", |
|
"typeID": "Label", |
|
"zOrder": "7", |
|
"measuredW": "77", |
|
"measuredH": "25", |
|
"x": "86", |
|
"y": "106", |
|
"properties": { |
|
"size": "17", |
|
"text": "useMemo" |
|
} |
|
}, |
|
{ |
|
"ID": "8", |
|
"typeID": "TextArea", |
|
"zOrder": "8", |
|
"w": "217", |
|
"h": "43", |
|
"measuredW": "200", |
|
"measuredH": "140", |
|
"x": "14", |
|
"y": "145", |
|
"properties": { |
|
"color": "16770457" |
|
} |
|
}, |
|
{ |
|
"ID": "9", |
|
"typeID": "Label", |
|
"zOrder": "9", |
|
"measuredW": "95", |
|
"measuredH": "25", |
|
"x": "75", |
|
"y": "154", |
|
"properties": { |
|
"size": "17", |
|
"text": "useReducer" |
|
} |
|
}, |
|
{ |
|
"ID": "10", |
|
"typeID": "TextArea", |
|
"zOrder": "10", |
|
"w": "121", |
|
"h": "43", |
|
"measuredW": "200", |
|
"measuredH": "140", |
|
"x": "13", |
|
"y": "193", |
|
"properties": { |
|
"color": "16770457" |
|
} |
|
}, |
|
{ |
|
"ID": "11", |
|
"typeID": "Label", |
|
"zOrder": "11", |
|
"measuredW": "88", |
|
"measuredH": "25", |
|
"x": "29", |
|
"y": "202", |
|
"properties": { |
|
"size": "17", |
|
"text": "useContext" |
|
} |
|
}, |
|
{ |
|
"ID": "12", |
|
"typeID": "TextArea", |
|
"zOrder": "12", |
|
"w": "92", |
|
"h": "43", |
|
"measuredW": "200", |
|
"measuredH": "140", |
|
"x": "139", |
|
"y": "193", |
|
"properties": { |
|
"color": "16770457" |
|
} |
|
}, |
|
{ |
|
"ID": "13", |
|
"typeID": "Label", |
|
"zOrder": "13", |
|
"measuredW": "24", |
|
"measuredH": "25", |
|
"x": "173", |
|
"y": "202", |
|
"properties": { |
|
"size": "17", |
|
"text": "......." |
|
} |
|
} |
|
] |
|
} |
|
} |
|
}, |
|
{ |
|
"ID": "2753", |
|
"typeID": "Label", |
|
"zOrder": "103", |
|
"measuredW": "25", |
|
"measuredH": "117", |
|
"x": "75", |
|
"y": "1230", |
|
"properties": { |
|
"size": "17", |
|
"text": "REST API Calls", |
|
"textOrientation": "up" |
|
} |
|
}, |
|
{ |
|
"ID": "2760", |
|
"typeID": "Label", |
|
"zOrder": "107", |
|
"measuredW": "25", |
|
"measuredH": "71", |
|
"x": "75", |
|
"y": "1108", |
|
"properties": { |
|
"size": "17", |
|
"text": "GraphQL", |
|
"textOrientation": "up" |
|
} |
|
}, |
|
{ |
|
"ID": "2799", |
|
"typeID": "Arrow", |
|
"zOrder": "127", |
|
"w": "4", |
|
"h": "89", |
|
"measuredW": "150", |
|
"measuredH": "100", |
|
"x": "670", |
|
"y": "1557", |
|
"properties": { |
|
"color": "2848996", |
|
"curvature": "0", |
|
"direction": "bottom", |
|
"leftArrow": "false", |
|
"p0": { |
|
"length": 3, |
|
"x": 3, |
|
"y": 0 |
|
}, |
|
"p1": { |
|
"length": 0.5327426604018495, |
|
"x": 0.5326751848090503, |
|
"y": 0.008478779433645868 |
|
}, |
|
"p2": { |
|
"length": 88, |
|
"x": 0, |
|
"y": 88 |
|
}, |
|
"rightArrow": "false" |
|
} |
|
}, |
|
{ |
|
"ID": "2810", |
|
"typeID": "__group__", |
|
"zOrder": "130", |
|
"measuredW": "542", |
|
"measuredH": "96", |
|
"w": "542", |
|
"h": "96", |
|
"x": "295", |
|
"y": "108", |
|
"properties": { |
|
"controlName": "ext_link:roadmap.sh/frontend" |
|
}, |
|
"children": { |
|
"controls": { |
|
"control": [ |
|
{ |
|
"ID": "0", |
|
"typeID": "Canvas", |
|
"zOrder": "0", |
|
"w": "542", |
|
"h": "96", |
|
"measuredW": "100", |
|
"measuredH": "70", |
|
"x": "0", |
|
"y": "0" |
|
}, |
|
{ |
|
"ID": "1", |
|
"typeID": "Label", |
|
"zOrder": "1", |
|
"measuredW": "475", |
|
"measuredH": "32", |
|
"x": "34", |
|
"y": "18", |
|
"properties": { |
|
"size": "24", |
|
"text": "Frontend Roadmap till Framework Selection" |
|
} |
|
}, |
|
{ |
|
"ID": "2", |
|
"typeID": "Label", |
|
"zOrder": "2", |
|
"measuredW": "171", |
|
"measuredH": "26", |
|
"x": "201", |
|
"y": "54", |
|
"properties": { |
|
"size": "18", |
|
"text": "roadmap.sh/frontend", |
|
"color": "10027263" |
|
} |
|
} |
|
] |
|
} |
|
} |
|
}, |
|
{ |
|
"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": "1374", |
|
"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": "1219", |
|
"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": "1269", |
|
"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": "1318", |
|
"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": "1374", |
|
"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", |
|
"typeID": "__group__", |
|
"zOrder": "131", |
|
"measuredW": "576", |
|
"measuredH": "105", |
|
"w": "576", |
|
"h": "105", |
|
"x": "351", |
|
"y": "1487", |
|
"properties": { |
|
"controlName": "ext_link:roadmap.sh/frontend" |
|
}, |
|
"children": { |
|
"controls": { |
|
"control": [ |
|
{ |
|
"ID": "0", |
|
"typeID": "Canvas", |
|
"zOrder": "0", |
|
"w": "576", |
|
"h": "105", |
|
"measuredW": "100", |
|
"measuredH": "70", |
|
"x": "0", |
|
"y": "0" |
|
}, |
|
{ |
|
"ID": "1", |
|
"typeID": "Label", |
|
"zOrder": "1", |
|
"measuredW": "502", |
|
"measuredH": "32", |
|
"x": "40", |
|
"y": "22", |
|
"properties": { |
|
"size": "24", |
|
"text": "Frontend Roadmap after Framework Selection" |
|
} |
|
}, |
|
{ |
|
"ID": "2", |
|
"typeID": "Label", |
|
"zOrder": "2", |
|
"measuredW": "171", |
|
"measuredH": "26", |
|
"x": "205", |
|
"y": "58", |
|
"properties": { |
|
"text": "roadmap.sh/frontend", |
|
"size": "18", |
|
"color": "10027263" |
|
} |
|
} |
|
] |
|
} |
|
} |
|
} |
|
] |
|
}, |
|
"attributes": { |
|
"name": "New Wireframe 1 copy", |
|
"order": 1000011.7645389404, |
|
"parentID": null, |
|
"notes": "" |
|
}, |
|
"branchID": "Master", |
|
"resourceID": "3DD51A3C-1F09-4BE6-B9FB-6875747EBA53", |
|
"mockupH": "1619", |
|
"mockupW": "1174", |
|
"measuredW": "1247", |
|
"measuredH": "1646", |
|
"version": "1.0" |
|
}, |
|
"groupOffset": { |
|
"x": 0, |
|
"y": 0 |
|
}, |
|
"dependencies": [], |
|
"projectID": "file:///Users/kamranahmed/Desktop/devops%20roadmap%5C.bmpr" |
|
}
|
|
|