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

4043 lines
95 KiB

{
"mockup": {
"controls": {
"control": [
{
"ID": "0",
"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": "1",
"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": "2",
"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": "3",
"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": "4",
"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": "5",
"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": "6",
"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": "7",
"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": "8",
"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": "9",
"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": "10",
"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": "11",
"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": "12",
"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": "13",
"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": "14",
"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": "15",
"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": "16",
"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": "17",
"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": "18",
"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": "19",
"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": "20",
"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": "21",
"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": "22",
"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": "23",
"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": "24",
"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": "25",
"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": "26",
"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": "27",
"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": "28",
"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": "29",
"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": "30",
"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": "31",
"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": "32",
"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": "33",
"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": "34",
"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": "35",
"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": "36",
"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": "37",
"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": "38",
"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": "39",
"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": "40",
"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": "41",
"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": "42",
"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": "43",
"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": "44",
"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": "45",
"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": "46",
"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": "47",
"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": "48",
"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": "49",
"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": "50",
"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": "51",
"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": "52",
"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": "53",
"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": "54",
"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": "57",
"typeID": "Canvas",
"zOrder": "59",
"w": "350",
"h": "141",
"measuredW": "100",
"measuredH": "70",
"x": "884",
"y": "74"
},
{
"ID": "58",
"typeID": "Label",
"zOrder": "60",
"measuredW": "314",
"measuredH": "25",
"x": "898",
"y": "91",
"properties": {
"size": "17",
"text": "Find the detailed version of this roadmap"
}
},
{
"ID": "59",
"typeID": "Label",
"zOrder": "61",
"measuredW": "319",
"measuredH": "25",
"x": "898",
"y": "119",
"properties": {
"size": "17",
"text": "along with resources and other roadmaps"
}
},
{
"ID": "60",
"typeID": "Canvas",
"zOrder": "62",
"w": "320",
"h": "45",
"measuredW": "100",
"measuredH": "70",
"x": "899",
"y": "155",
"properties": {
"borderColor": "4273622",
"color": "4273622"
}
},
{
"ID": "61",
"typeID": "Label",
"zOrder": "63",
"measuredW": "105",
"measuredH": "28",
"x": "1040",
"y": "163",
"properties": {
"color": "16777215",
"size": "20",
"text": "roadmap.sh"
}
},
{
"ID": "62",
"typeID": "Label",
"zOrder": "64",
"measuredW": "35",
"measuredH": "28",
"x": "975",
"y": "163",
"properties": {
"color": "16777215",
"size": "20",
"text": "http"
}
},
{
"ID": "63",
"typeID": "Label",
"zOrder": "65",
"measuredW": "5",
"measuredH": "28",
"x": "1012",
"y": "163",
"properties": {
"color": "16777215",
"size": "20",
"text": ":"
}
},
{
"ID": "64",
"typeID": "Label",
"zOrder": "66",
"measuredW": "10",
"measuredH": "28",
"x": "1019",
"y": "164",
"properties": {
"color": "16777215",
"size": "20",
"text": "/"
}
},
{
"ID": "65",
"typeID": "Label",
"zOrder": "67",
"measuredW": "10",
"measuredH": "28",
"x": "1027",
"y": "164",
"properties": {
"color": "16777215",
"size": "20",
"text": "/"
}
},
{
"ID": "79",
"typeID": "Arrow",
"zOrder": "68",
"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": "80",
"typeID": "Arrow",
"zOrder": "69",
"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": "81",
"typeID": "Arrow",
"zOrder": "70",
"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": "82",
"typeID": "TextArea",
"zOrder": "71",
"w": "272",
"h": "50",
"measuredW": "200",
"measuredH": "140",
"x": "562",
"y": "394",
"properties": {
"color": "16776960"
}
},
{
"ID": "83",
"typeID": "Label",
"zOrder": "72",
"measuredW": "155",
"measuredH": "25",
"x": "617",
"y": "407",
"properties": {
"size": "17",
"text": "Fundamental Topics"
}
},
{
"ID": "84",
"typeID": "TextArea",
"zOrder": "73",
"w": "159",
"h": "44",
"measuredW": "200",
"measuredH": "140",
"x": "322",
"y": "415",
"properties": {
"color": "16770457"
}
},
{
"ID": "85",
"typeID": "Label",
"zOrder": "74",
"measuredW": "99",
"measuredH": "25",
"x": "351",
"y": "425",
"properties": {
"size": "17",
"text": "Components"
}
},
{
"ID": "86",
"typeID": "TextArea",
"zOrder": "75",
"w": "255",
"h": "44",
"measuredW": "200",
"measuredH": "140",
"x": "932",
"y": "433",
"properties": {
"color": "16770457"
}
},
{
"ID": "87",
"typeID": "Label",
"zOrder": "76",
"measuredW": "210",
"measuredH": "25",
"x": "954",
"y": "443",
"properties": {
"size": "17",
"text": "Composition vs Inheritance"
}
},
{
"ID": "88",
"typeID": "TextArea",
"zOrder": "77",
"w": "213",
"h": "44",
"measuredW": "200",
"measuredH": "140",
"x": "73",
"y": "392",
"properties": {
"color": "16770457"
}
},
{
"ID": "89",
"typeID": "Label",
"zOrder": "78",
"measuredW": "183",
"measuredH": "25",
"x": "89",
"y": "402",
"properties": {
"size": "17",
"text": "Functional Components"
}
},
{
"ID": "90",
"typeID": "TextArea",
"zOrder": "79",
"w": "213",
"h": "44",
"measuredW": "200",
"measuredH": "140",
"x": "73",
"y": "442",
"properties": {
"color": "16770457"
}
},
{
"ID": "91",
"typeID": "Label",
"zOrder": "80",
"measuredW": "146",
"measuredH": "25",
"x": "106",
"y": "452",
"properties": {
"size": "17",
"text": "Class Components"
}
},
{
"ID": "92",
"typeID": "TextArea",
"zOrder": "81",
"w": "159",
"h": "44",
"measuredW": "200",
"measuredH": "140",
"x": "322",
"y": "365",
"properties": {
"color": "16770457"
}
},
{
"ID": "93",
"typeID": "Label",
"zOrder": "82",
"measuredW": "30",
"measuredH": "25",
"x": "385",
"y": "375",
"properties": {
"size": "17",
"text": "JSX"
}
},
{
"ID": "94",
"typeID": "TextArea",
"zOrder": "83",
"w": "159",
"h": "44",
"measuredW": "200",
"measuredH": "140",
"x": "322",
"y": "467",
"properties": {
"color": "16770457"
}
},
{
"ID": "95",
"typeID": "Label",
"zOrder": "84",
"measuredW": "110",
"measuredH": "25",
"x": "344",
"y": "477",
"properties": {
"size": "17",
"text": "Props vs State"
}
},
{
"ID": "96",
"typeID": "TextArea",
"zOrder": "85",
"w": "254",
"h": "42",
"measuredW": "200",
"measuredH": "140",
"x": "933",
"y": "483",
"properties": {
"color": "16770457"
}
},
{
"ID": "97",
"typeID": "Label",
"zOrder": "86",
"measuredW": "96",
"measuredH": "25",
"x": "1013",
"y": "492",
"properties": {
"size": "17",
"text": "Basic Hooks"
}
},
{
"ID": "98",
"typeID": "TextArea",
"zOrder": "87",
"w": "153",
"h": "44",
"measuredW": "200",
"measuredH": "140",
"x": "906",
"y": "551",
"properties": {
"color": "16770457"
}
},
{
"ID": "99",
"typeID": "Label",
"zOrder": "88",
"measuredW": "69",
"measuredH": "25",
"x": "947",
"y": "561",
"properties": {
"size": "17",
"text": "useState"
}
},
{
"ID": "100",
"typeID": "TextArea",
"zOrder": "89",
"w": "153",
"h": "44",
"measuredW": "200",
"measuredH": "140",
"x": "1066",
"y": "551",
"properties": {
"color": "16770457"
}
},
{
"ID": "101",
"typeID": "Label",
"zOrder": "90",
"measuredW": "73",
"measuredH": "25",
"x": "1105",
"y": "561",
"properties": {
"size": "17",
"text": "useEffect"
}
},
{
"ID": "102",
"typeID": "TextArea",
"zOrder": "91",
"w": "255",
"h": "44",
"measuredW": "200",
"measuredH": "140",
"x": "932",
"y": "384",
"properties": {
"color": "16770457"
}
},
{
"ID": "103",
"typeID": "Label",
"zOrder": "92",
"measuredW": "111",
"measuredH": "25",
"x": "1002",
"y": "394",
"properties": {
"size": "17",
"text": "Lists and Keys"
}
},
{
"ID": "104",
"typeID": "TextArea",
"zOrder": "93",
"w": "215",
"h": "44",
"measuredW": "200",
"measuredH": "140",
"x": "268",
"y": "517",
"properties": {
"color": "16770457"
}
},
{
"ID": "105",
"typeID": "Label",
"zOrder": "94",
"measuredW": "173",
"measuredH": "25",
"x": "291",
"y": "527",
"properties": {
"size": "17",
"text": "Conditional Rendering"
}
},
{
"ID": "106",
"typeID": "TextArea",
"zOrder": "95",
"w": "214",
"h": "44",
"measuredW": "200",
"measuredH": "140",
"x": "268",
"y": "315",
"properties": {
"color": "16770457"
}
},
{
"ID": "107",
"typeID": "Label",
"zOrder": "96",
"measuredW": "139",
"measuredH": "25",
"x": "305",
"y": "325",
"properties": {
"size": "17",
"text": "Create React App"
}
},
{
"ID": "108",
"typeID": "TextArea",
"zOrder": "97",
"w": "255",
"h": "44",
"measuredW": "200",
"measuredH": "140",
"x": "932",
"y": "333",
"properties": {
"color": "16770457"
}
},
{
"ID": "109",
"typeID": "Label",
"zOrder": "98",
"measuredW": "170",
"measuredH": "25",
"x": "974",
"y": "343",
"properties": {
"size": "17",
"text": "Component Life Cycle"
}
},
{
"ID": "110",
"typeID": "TextArea",
"zOrder": "99",
"w": "272",
"h": "50",
"measuredW": "200",
"measuredH": "140",
"x": "578",
"y": "609",
"properties": {
"color": "16776960"
}
},
{
"ID": "111",
"typeID": "Label",
"zOrder": "100",
"measuredW": "130",
"measuredH": "25",
"x": "646",
"y": "622",
"properties": {
"size": "17",
"text": "Advanced Topics"
}
},
{
"ID": "112",
"typeID": "TextArea",
"zOrder": "101",
"w": "157",
"h": "44",
"measuredW": "200",
"measuredH": "140",
"x": "351",
"y": "590",
"properties": {
"color": "16770457"
}
},
{
"ID": "113",
"typeID": "Label",
"zOrder": "102",
"measuredW": "49",
"measuredH": "25",
"x": "406",
"y": "600",
"properties": {
"size": "17",
"text": "Hooks"
}
},
{
"ID": "114",
"typeID": "TextArea",
"zOrder": "103",
"w": "243",
"h": "44",
"measuredW": "200",
"measuredH": "140",
"x": "75",
"y": "569",
"properties": {
"color": "16770457"
}
},
{
"ID": "115",
"typeID": "Label",
"zOrder": "104",
"measuredW": "183",
"measuredH": "25",
"x": "103",
"y": "579",
"properties": {
"size": "17",
"text": "Writing your Own Hooks"
}
},
{
"ID": "116",
"typeID": "__group__",
"zOrder": "105",
"measuredW": "243",
"measuredH": "248",
"w": "243",
"h": "248",
"x": "75",
"y": "620",
"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": "217",
"h": "43",
"measuredW": "200",
"measuredH": "140",
"x": "13",
"y": "193",
"properties": {
"color": "16770457"
}
},
{
"ID": "11",
"typeID": "Label",
"zOrder": "11",
"measuredW": "88",
"measuredH": "25",
"x": "77",
"y": "202",
"properties": {
"size": "17",
"text": "useContext"
}
}
]
}
}
},
{
"ID": "117",
"typeID": "TextArea",
"zOrder": "106",
"w": "157",
"h": "44",
"measuredW": "200",
"measuredH": "140",
"x": "351",
"y": "639",
"properties": {
"color": "16770457"
}
},
{
"ID": "118",
"typeID": "Label",
"zOrder": "107",
"measuredW": "60",
"measuredH": "25",
"x": "399",
"y": "649",
"properties": {
"size": "17",
"text": "Context"
}
},
{
"ID": "119",
"typeID": "TextArea",
"zOrder": "108",
"w": "157",
"h": "44",
"measuredW": "200",
"measuredH": "140",
"x": "351",
"y": "689",
"properties": {
"color": "16770457"
}
},
{
"ID": "120",
"typeID": "Label",
"zOrder": "109",
"measuredW": "36",
"measuredH": "25",
"x": "411",
"y": "699",
"properties": {
"size": "17",
"text": "Refs"
}
},
{
"ID": "121",
"typeID": "TextArea",
"zOrder": "110",
"w": "157",
"h": "44",
"measuredW": "200",
"measuredH": "140",
"x": "351",
"y": "739",
"properties": {
"color": "16770457"
}
},
{
"ID": "122",
"typeID": "Label",
"zOrder": "111",
"measuredW": "107",
"measuredH": "25",
"x": "376",
"y": "749",
"properties": {
"size": "17",
"text": "Render Props"
}
},
{
"ID": "123",
"typeID": "TextArea",
"zOrder": "112",
"w": "224",
"h": "44",
"measuredW": "200",
"measuredH": "140",
"x": "942",
"y": "612",
"properties": {
"color": "16770457"
}
},
{
"ID": "124",
"typeID": "Label",
"zOrder": "113",
"measuredW": "188",
"measuredH": "25",
"x": "960",
"y": "622",
"properties": {
"size": "17",
"text": "High Order Components"
}
},
{
"ID": "125",
"typeID": "TextArea",
"zOrder": "114",
"w": "224",
"h": "44",
"measuredW": "200",
"measuredH": "140",
"x": "942",
"y": "662",
"properties": {
"color": "16770457"
}
},
{
"ID": "126",
"typeID": "Label",
"zOrder": "115",
"measuredW": "53",
"measuredH": "25",
"x": "1027",
"y": "672",
"properties": {
"size": "17",
"text": "Portals"
}
},
{
"ID": "127",
"typeID": "TextArea",
"zOrder": "116",
"w": "224",
"h": "44",
"measuredW": "200",
"measuredH": "140",
"x": "942",
"y": "711",
"properties": {
"color": "16770457"
}
},
{
"ID": "128",
"typeID": "Label",
"zOrder": "117",
"measuredW": "132",
"measuredH": "25",
"x": "989",
"y": "721",
"properties": {
"size": "17",
"text": "Error Boundaries"
}
},
{
"ID": "129",
"typeID": "TextArea",
"zOrder": "118",
"w": "224",
"h": "44",
"measuredW": "200",
"measuredH": "140",
"x": "942",
"y": "760",
"properties": {
"color": "16770457"
}
},
{
"ID": "130",
"typeID": "Label",
"zOrder": "119",
"measuredW": "138",
"measuredH": "25",
"x": "985",
"y": "770",
"properties": {
"size": "17",
"text": "Fiber Architecture"
}
},
{
"ID": "131",
"typeID": "TextArea",
"zOrder": "120",
"w": "201",
"h": "50",
"measuredW": "200",
"measuredH": "140",
"x": "534",
"y": "912",
"properties": {
"color": "16776960"
}
},
{
"ID": "132",
"typeID": "Label",
"zOrder": "121",
"measuredW": "84",
"measuredH": "25",
"x": "590",
"y": "924",
"properties": {
"size": "17",
"text": "Ecosystem"
}
},
{
"ID": "135",
"typeID": "TextArea",
"zOrder": "122",
"w": "202",
"h": "44",
"measuredW": "200",
"measuredH": "140",
"x": "780",
"y": "867",
"properties": {
"color": "16767334"
}
},
{
"ID": "136",
"typeID": "Label",
"zOrder": "123",
"measuredW": "48",
"measuredH": "25",
"x": "857",
"y": "877",
"properties": {
"size": "17",
"text": "Forms"
}
},
{
"ID": "137",
"typeID": "TextArea",
"zOrder": "124",
"w": "171",
"h": "44",
"measuredW": "200",
"measuredH": "140",
"x": "1029",
"y": "819",
"properties": {
"color": "16770457"
}
},
{
"ID": "138",
"typeID": "Label",
"zOrder": "125",
"measuredW": "135",
"measuredH": "25",
"x": "1048",
"y": "829",
"properties": {
"size": "17",
"text": "React Hook Form"
}
},
{
"ID": "139",
"typeID": "TextArea",
"zOrder": "126",
"w": "171",
"h": "44",
"measuredW": "200",
"measuredH": "140",
"x": "1029",
"y": "867",
"properties": {
"color": "16770457"
}
},
{
"ID": "140",
"typeID": "Label",
"zOrder": "127",
"measuredW": "52",
"measuredH": "25",
"x": "1089",
"y": "877",
"properties": {
"size": "17",
"text": "Formik"
}
},
{
"ID": "141",
"typeID": "TextArea",
"zOrder": "128",
"w": "171",
"h": "44",
"measuredW": "200",
"measuredH": "140",
"x": "1029",
"y": "915",
"properties": {
"color": "16770457"
}
},
{
"ID": "142",
"typeID": "Label",
"zOrder": "129",
"measuredW": "82",
"measuredH": "25",
"x": "1075",
"y": "925",
"properties": {
"size": "17",
"text": "Final Form"
}
},
{
"ID": "151",
"typeID": "TextArea",
"zOrder": "130",
"w": "157",
"h": "44",
"measuredW": "200",
"measuredH": "140",
"x": "335",
"y": "911",
"properties": {
"color": "16767334"
}
},
{
"ID": "152",
"typeID": "Label",
"zOrder": "131",
"measuredW": "61",
"measuredH": "25",
"x": "383",
"y": "921",
"properties": {
"size": "17",
"text": "Routers"
}
},
{
"ID": "153",
"typeID": "TextArea",
"zOrder": "132",
"w": "157",
"h": "44",
"measuredW": "200",
"measuredH": "140",
"x": "110",
"y": "877",
"properties": {
"color": "16770457"
}
},
{
"ID": "154",
"typeID": "Label",
"zOrder": "133",
"measuredW": "104",
"measuredH": "25",
"x": "136",
"y": "887",
"properties": {
"size": "17",
"text": "React Router"
}
},
{
"ID": "157",
"typeID": "TextArea",
"zOrder": "134",
"w": "157",
"h": "44",
"measuredW": "200",
"measuredH": "140",
"x": "109",
"y": "927",
"properties": {
"color": "16770457"
}
},
{
"ID": "158",
"typeID": "Label",
"zOrder": "135",
"measuredW": "108",
"measuredH": "25",
"x": "135",
"y": "937",
"properties": {
"size": "17",
"text": "Reach Router"
}
},
{
"ID": "162",
"typeID": "TextArea",
"zOrder": "136",
"w": "157",
"h": "44",
"measuredW": "200",
"measuredH": "140",
"x": "335",
"y": "1157",
"properties": {
"color": "16767334"
}
},
{
"ID": "163",
"typeID": "Label",
"zOrder": "137",
"measuredW": "69",
"measuredH": "25",
"x": "378",
"y": "1167",
"properties": {
"size": "17",
"text": "API Calls"
}
},
{
"ID": "164",
"typeID": "TextArea",
"zOrder": "138",
"w": "157",
"h": "44",
"measuredW": "200",
"measuredH": "140",
"x": "110",
"y": "1219",
"properties": {
"color": "16770457"
}
},
{
"ID": "165",
"typeID": "Label",
"zOrder": "139",
"measuredW": "41",
"measuredH": "25",
"x": "167",
"y": "1229",
"properties": {
"size": "17",
"text": "Axios"
}
},
{
"ID": "168",
"typeID": "TextArea",
"zOrder": "140",
"w": "157",
"h": "44",
"measuredW": "200",
"measuredH": "140",
"x": "109",
"y": "1269",
"properties": {
"color": "16770457"
}
},
{
"ID": "169",
"typeID": "Label",
"zOrder": "141",
"measuredW": "61",
"measuredH": "25",
"x": "158",
"y": "1279",
"properties": {
"size": "17",
"text": "Unfetch"
}
},
{
"ID": "173",
"typeID": "TextArea",
"zOrder": "142",
"w": "157",
"h": "44",
"measuredW": "200",
"measuredH": "140",
"x": "109",
"y": "1318",
"properties": {
"color": "16770457"
}
},
{
"ID": "174",
"typeID": "Label",
"zOrder": "143",
"measuredW": "88",
"measuredH": "25",
"x": "144",
"y": "1328",
"properties": {
"size": "17",
"text": "superagent"
}
},
{
"ID": "178",
"typeID": "Label",
"zOrder": "144",
"measuredW": "25",
"measuredH": "117",
"x": "75",
"y": "1230",
"properties": {
"size": "17",
"text": "REST API Calls",
"textOrientation": "up"
}
},
{
"ID": "180",
"typeID": "TextArea",
"zOrder": "145",
"w": "157",
"h": "44",
"measuredW": "200",
"measuredH": "140",
"x": "335",
"y": "1240",
"properties": {
"color": "16770457"
}
},
{
"ID": "181",
"typeID": "Label",
"zOrder": "146",
"measuredW": "64",
"measuredH": "25",
"x": "380",
"y": "1250",
"properties": {
"size": "17",
"text": "use-http"
}
},
{
"ID": "184",
"typeID": "TextArea",
"zOrder": "147",
"w": "156",
"h": "44",
"measuredW": "200",
"measuredH": "140",
"x": "109",
"y": "1093",
"properties": {
"color": "16770457"
}
},
{
"ID": "185",
"typeID": "Label",
"zOrder": "148",
"measuredW": "48",
"measuredH": "25",
"x": "164",
"y": "1103",
"properties": {
"size": "17",
"text": "Apollo"
}
},
{
"ID": "186",
"typeID": "TextArea",
"zOrder": "149",
"w": "156",
"h": "44",
"measuredW": "200",
"measuredH": "140",
"x": "109",
"y": "1141",
"properties": {
"color": "16770457"
}
},
{
"ID": "187",
"typeID": "Label",
"zOrder": "150",
"measuredW": "107",
"measuredH": "25",
"x": "134",
"y": "1151",
"properties": {
"size": "17",
"text": "Relay Modern"
}
},
{
"ID": "193",
"typeID": "Label",
"zOrder": "151",
"measuredW": "25",
"measuredH": "71",
"x": "75",
"y": "1108",
"properties": {
"size": "17",
"text": "GraphQL",
"textOrientation": "up"
}
},
{
"ID": "194",
"typeID": "TextArea",
"zOrder": "152",
"w": "202",
"h": "44",
"measuredW": "200",
"measuredH": "140",
"x": "780",
"y": "945",
"properties": {
"color": "16767334"
}
},
{
"ID": "195",
"typeID": "Label",
"zOrder": "153",
"measuredW": "56",
"measuredH": "25",
"x": "852",
"y": "955",
"properties": {
"size": "17",
"text": "Testing"
}
},
{
"ID": "196",
"typeID": "TextArea",
"zOrder": "154",
"w": "218",
"h": "44",
"measuredW": "200",
"measuredH": "140",
"x": "1029",
"y": "974",
"properties": {
"color": "16770457"
}
},
{
"ID": "197",
"typeID": "Label",
"zOrder": "155",
"measuredW": "33",
"measuredH": "25",
"x": "1121",
"y": "984",
"properties": {
"size": "17",
"text": "Jest"
}
},
{
"ID": "198",
"typeID": "TextArea",
"zOrder": "156",
"w": "218",
"h": "44",
"measuredW": "200",
"measuredH": "140",
"x": "1029",
"y": "1023",
"properties": {
"color": "16770457"
}
},
{
"ID": "199",
"typeID": "Label",
"zOrder": "157",
"measuredW": "164",
"measuredH": "25",
"x": "1054",
"y": "1033",
"properties": {
"size": "17",
"text": "React Testing Library"
}
},
{
"ID": "204",
"typeID": "TextArea",
"zOrder": "158",
"w": "218",
"h": "44",
"measuredW": "200",
"measuredH": "140",
"x": "1029",
"y": "1072",
"properties": {
"color": "16770457"
}
},
{
"ID": "205",
"typeID": "Label",
"zOrder": "159",
"measuredW": "63",
"measuredH": "25",
"x": "1105",
"y": "1082",
"properties": {
"size": "17",
"text": "Cypress"
}
},
{
"ID": "208",
"typeID": "TextArea",
"zOrder": "160",
"w": "202",
"h": "44",
"measuredW": "200",
"measuredH": "140",
"x": "787",
"y": "1034",
"properties": {
"color": "16767334"
}
},
{
"ID": "209",
"typeID": "Label",
"zOrder": "161",
"measuredW": "148",
"measuredH": "25",
"x": "814",
"y": "1044",
"properties": {
"size": "17",
"text": "State Management"
}
},
{
"ID": "210",
"typeID": "TextArea",
"zOrder": "162",
"w": "155",
"h": "44",
"measuredW": "200",
"measuredH": "140",
"x": "837",
"y": "1117",
"properties": {
"color": "16770457"
}
},
{
"ID": "211",
"typeID": "Label",
"zOrder": "163",
"measuredW": "117",
"measuredH": "25",
"x": "854",
"y": "1127",
"properties": {
"size": "17",
"text": "Context / State"
}
},
{
"ID": "212",
"typeID": "TextArea",
"zOrder": "164",
"w": "155",
"h": "44",
"measuredW": "200",
"measuredH": "140",
"x": "837",
"y": "1166",
"properties": {
"color": "16770457"
}
},
{
"ID": "213",
"typeID": "Label",
"zOrder": "165",
"measuredW": "50",
"measuredH": "25",
"x": "890",
"y": "1176",
"properties": {
"size": "17",
"text": "Redux"
}
},
{
"ID": "214",
"typeID": "TextArea",
"zOrder": "166",
"w": "155",
"h": "44",
"measuredW": "200",
"measuredH": "140",
"x": "837",
"y": "1214",
"properties": {
"color": "16770457"
}
},
{
"ID": "215",
"typeID": "Label",
"zOrder": "167",
"measuredW": "44",
"measuredH": "25",
"x": "893",
"y": "1224",
"properties": {
"size": "17",
"text": "MobX"
}
},
{
"ID": "223",
"typeID": "TextArea",
"zOrder": "168",
"w": "157",
"h": "44",
"measuredW": "200",
"measuredH": "140",
"x": "334",
"y": "963",
"properties": {
"color": "16767334"
}
},
{
"ID": "224",
"typeID": "Label",
"zOrder": "169",
"measuredW": "33",
"measuredH": "25",
"x": "395",
"y": "973",
"properties": {
"size": "17",
"text": "SSR"
}
},
{
"ID": "225",
"typeID": "TextArea",
"zOrder": "170",
"w": "158",
"h": "44",
"measuredW": "200",
"measuredH": "140",
"x": "107",
"y": "984",
"properties": {
"color": "16770457"
}
},
{
"ID": "226",
"typeID": "Label",
"zOrder": "171",
"measuredW": "52",
"measuredH": "25",
"x": "159",
"y": "994",
"properties": {
"size": "17",
"text": "Next.js"
}
},
{
"ID": "229",
"typeID": "TextArea",
"zOrder": "172",
"w": "157",
"h": "44",
"measuredW": "200",
"measuredH": "140",
"x": "843",
"y": "1277",
"properties": {
"color": "16767334"
}
},
{
"ID": "230",
"typeID": "Label",
"zOrder": "173",
"measuredW": "51",
"measuredH": "25",
"x": "894",
"y": "1287",
"properties": {
"size": "17",
"text": "Styling"
}
},
{
"ID": "231",
"typeID": "TextArea",
"zOrder": "174",
"w": "157",
"h": "44",
"measuredW": "200",
"measuredH": "140",
"x": "1060",
"y": "1223",
"properties": {
"color": "16770457"
}
},
{
"ID": "232",
"typeID": "Label",
"zOrder": "175",
"measuredW": "78",
"measuredH": "25",
"x": "1100",
"y": "1233",
"properties": {
"size": "17",
"text": "Chakra UI"
}
},
{
"ID": "233",
"typeID": "TextArea",
"zOrder": "176",
"w": "157",
"h": "44",
"measuredW": "200",
"measuredH": "140",
"x": "1060",
"y": "1272",
"properties": {
"color": "16770457"
}
},
{
"ID": "234",
"typeID": "Label",
"zOrder": "177",
"measuredW": "86",
"measuredH": "25",
"x": "1096",
"y": "1282",
"properties": {
"size": "17",
"text": "Material UI"
}
},
{
"ID": "241",
"typeID": "TextArea",
"zOrder": "178",
"w": "157",
"h": "44",
"measuredW": "200",
"measuredH": "140",
"x": "1060",
"y": "1320",
"properties": {
"color": "16770457"
}
},
{
"ID": "242",
"typeID": "Label",
"zOrder": "179",
"measuredW": "84",
"measuredH": "25",
"x": "1095",
"y": "1330",
"properties": {
"size": "17",
"text": "Ant Design"
}
},
{
"ID": "246",
"typeID": "TextArea",
"zOrder": "180",
"w": "191",
"h": "44",
"measuredW": "200",
"measuredH": "140",
"x": "829",
"y": "1351",
"properties": {
"color": "16770457"
}
},
{
"ID": "247",
"typeID": "Label",
"zOrder": "181",
"measuredW": "150",
"measuredH": "25",
"x": "848",
"y": "1361",
"properties": {
"size": "17",
"text": "Styled Components"
}
},
{
"ID": "248",
"typeID": "TextArea",
"zOrder": "182",
"w": "191",
"h": "44",
"measuredW": "200",
"measuredH": "140",
"x": "829",
"y": "1400",
"properties": {
"color": "16770457"
}
},
{
"ID": "249",
"typeID": "Label",
"zOrder": "183",
"measuredW": "64",
"measuredH": "25",
"x": "894",
"y": "1410",
"properties": {
"size": "17",
"text": "Emotion"
}
},
{
"ID": "250",
"typeID": "TextArea",
"zOrder": "184",
"w": "157",
"h": "44",
"measuredW": "200",
"measuredH": "140",
"x": "107",
"y": "1033",
"properties": {
"color": "16770457"
}
},
{
"ID": "251",
"typeID": "Label",
"zOrder": "185",
"measuredW": "54",
"measuredH": "25",
"x": "158",
"y": "1043",
"properties": {
"size": "17",
"text": "Gatsby"
}
},
{
"ID": "255",
"typeID": "TextArea",
"zOrder": "186",
"w": "159",
"h": "44",
"measuredW": "200",
"measuredH": "140",
"x": "334",
"y": "1374",
"properties": {
"color": "16767334"
}
},
{
"ID": "256",
"typeID": "Label",
"zOrder": "187",
"measuredW": "52",
"measuredH": "25",
"x": "389",
"y": "1384",
"properties": {
"size": "17",
"text": "Mobile"
}
},
{
"ID": "257",
"typeID": "TextArea",
"zOrder": "188",
"w": "159",
"h": "44",
"measuredW": "200",
"measuredH": "140",
"x": "126",
"y": "1374",
"properties": {
"color": "16770457"
}
},
{
"ID": "258",
"typeID": "Label",
"zOrder": "189",
"measuredW": "100",
"measuredH": "25",
"x": "156",
"y": "1384",
"properties": {
"size": "17",
"text": "React Native"
}
},
{
"ID": "262",
"typeID": "Arrow",
"zOrder": "190",
"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": "269",
"typeID": "TextArea",
"zOrder": "191",
"w": "157",
"h": "44",
"measuredW": "200",
"measuredH": "140",
"x": "334",
"y": "1014",
"properties": {
"color": "16767334"
}
},
{
"ID": "270",
"typeID": "Label",
"zOrder": "192",
"measuredW": "34",
"measuredH": "25",
"x": "395",
"y": "1024",
"properties": {
"size": "17",
"text": "SSG"
}
},
{
"ID": "271",
"typeID": "TextArea",
"zOrder": "193",
"w": "157",
"h": "44",
"measuredW": "200",
"measuredH": "140",
"x": "334",
"y": "1082",
"properties": {
"color": "16770457"
}
},
{
"ID": "272",
"typeID": "Label",
"zOrder": "194",
"measuredW": "90",
"measuredH": "25",
"x": "368",
"y": "1091",
"properties": {
"size": "17",
"text": "react-query"
}
},
{
"ID": "277",
"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": "281",
"typeID": "Canvas",
"zOrder": "195",
"w": "542",
"h": "96",
"measuredW": "100",
"measuredH": "70",
"x": "295",
"y": "108"
},
{
"ID": "284",
"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": "286",
"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": "287",
"typeID": "Label",
"zOrder": "1",
"measuredW": "76",
"measuredH": "36",
"x": "647",
"y": "267",
"properties": {
"size": "28",
"text": "React"
}
},
{
"ID": "288",
"typeID": "Canvas",
"zOrder": "198",
"w": "576",
"h": "105",
"measuredW": "100",
"measuredH": "70",
"x": "351",
"y": "1487"
},
{
"ID": "290",
"typeID": "Label",
"zOrder": "196",
"measuredW": "475",
"measuredH": "32",
"x": "329",
"y": "126",
"properties": {
"size": "24",
"text": "Frontend Roadmap till Framework Selection"
}
},
{
"ID": "291",
"typeID": "Label",
"zOrder": "197",
"measuredW": "171",
"measuredH": "26",
"x": "496",
"y": "162",
"properties": {
"size": "18",
"text": "roadmap.sh/frontend",
"color": "10027263"
}
},
{
"ID": "292",
"typeID": "Label",
"zOrder": "199",
"measuredW": "502",
"measuredH": "32",
"x": "391",
"y": "1509",
"properties": {
"size": "24",
"text": "Frontend Roadmap after Framework Selection"
}
},
{
"ID": "293",
"typeID": "Label",
"zOrder": "200",
"measuredW": "171",
"measuredH": "26",
"x": "556",
"y": "1545",
"properties": {
"text": "roadmap.sh/frontend",
"size": "18",
"color": "10027263"
}
}
]
},
"attributes": {
"name": "New Wireframe 2",
"order": 1000010.3738670473,
"parentID": null,
"notes": null
},
"branchID": "Master",
"resourceID": "D99BBD4B-2F60-48E7-8996-D075F997D617",
"mockupH": "1619",
"mockupW": "1174",
"measuredW": "1247",
"measuredH": "1646",
"version": "1.0"
}
}