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.
 
 
 
 
 

7151 lines
207 KiB

{
"mockup": {
"controls": {
"control": [
{
"ID": "14593",
"typeID": "Label",
"zOrder": "40",
"measuredW": "76",
"measuredH": "36",
"x": "834",
"y": "153",
"properties": {
"size": "28",
"text": "React"
}
},
{
"ID": "14594",
"typeID": "Canvas",
"zOrder": "41",
"w": "350",
"h": "141",
"measuredW": "100",
"measuredH": "70",
"x": "1150",
"y": "82"
},
{
"ID": "14595",
"typeID": "Label",
"zOrder": "42",
"measuredW": "314",
"measuredH": "25",
"x": "1164",
"y": "99",
"properties": {
"size": "17",
"text": "Find the detailed version of this roadmap"
}
},
{
"ID": "14596",
"typeID": "Label",
"zOrder": "43",
"measuredW": "319",
"measuredH": "25",
"x": "1164",
"y": "127",
"properties": {
"size": "17",
"text": "along with resources and other roadmaps"
}
},
{
"ID": "14597",
"typeID": "__group__",
"zOrder": "44",
"measuredW": "320",
"measuredH": "45",
"w": "320",
"h": "45",
"x": "1165",
"y": "163",
"properties": {
"controlName": "ext_link:roadmap.sh"
},
"children": {
"controls": {
"control": [
{
"ID": "0",
"typeID": "Canvas",
"zOrder": "0",
"w": "320",
"h": "45",
"measuredW": "100",
"measuredH": "70",
"x": "0",
"y": "0",
"properties": {
"borderColor": "4273622",
"color": "4273622"
}
},
{
"ID": "1",
"typeID": "Label",
"zOrder": "1",
"measuredW": "105",
"measuredH": "28",
"x": "141",
"y": "8",
"properties": {
"color": "16777215",
"size": "20",
"text": "roadmap.sh"
}
},
{
"ID": "2",
"typeID": "Label",
"zOrder": "2",
"measuredW": "45",
"measuredH": "28",
"x": "66",
"y": "8",
"properties": {
"color": "16777215",
"size": "20",
"text": "https"
}
},
{
"ID": "3",
"typeID": "Label",
"zOrder": "3",
"measuredW": "5",
"measuredH": "28",
"x": "113",
"y": "8",
"properties": {
"color": "16777215",
"size": "20",
"text": ":"
}
},
{
"ID": "4",
"typeID": "Label",
"zOrder": "4",
"measuredW": "10",
"measuredH": "28",
"x": "120",
"y": "9",
"properties": {
"color": "16777215",
"size": "20",
"text": "/"
}
},
{
"ID": "5",
"typeID": "Label",
"zOrder": "5",
"measuredW": "10",
"measuredH": "28",
"x": "128",
"y": "9",
"properties": {
"color": "16777215",
"size": "20",
"text": "/"
}
}
]
}
}
},
{
"ID": "14598",
"typeID": "__group__",
"zOrder": "45",
"measuredW": "342",
"measuredH": "55",
"w": "342",
"h": "55",
"x": "702",
"y": "264",
"properties": {
"controlName": "ext_link:roadmap.sh/javascript"
},
"children": {
"controls": {
"control": [
{
"ID": "0",
"typeID": "TextArea",
"zOrder": "0",
"w": "342",
"h": "55",
"measuredW": "200",
"measuredH": "140",
"x": "0",
"y": "0",
"properties": {
"color": "4273622",
"borderColor": "4273622"
}
},
{
"ID": "1",
"typeID": "Label",
"zOrder": "1",
"measuredW": "230",
"measuredH": "28",
"x": "56",
"y": "14",
"properties": {
"size": "20",
"color": "16777215",
"text": "Visit JavaScript Roadmap"
}
}
]
}
}
},
{
"ID": "14604",
"typeID": "Arrow",
"zOrder": "39",
"w": "15",
"h": "83",
"measuredW": "150",
"measuredH": "100",
"x": "875",
"y": "203",
"properties": {
"color": "2848996",
"direction": "bottom",
"leftArrow": "false",
"rightArrow": "false",
"p0": {
"x": 11.504552088052037,
"y": 0.21486631796096844
},
"p1": {
"x": 0.48122701874598317,
"y": 0.08919085657179801
},
"p2": {
"x": -0.05283881539992308,
"y": 83.59686539590052
}
}
},
{
"ID": "14605",
"typeID": "Arrow",
"zOrder": "46",
"w": "11",
"h": "65",
"measuredW": "150",
"measuredH": "100",
"x": "837",
"y": "76",
"properties": {
"color": "2848996",
"direction": "bottom",
"leftArrow": "false",
"rightArrow": "false",
"stroke": "dotted",
"p0": {
"x": 5.81355254908226,
"y": -0.3048709282632984
},
"p1": {
"x": 0.4747832595422888,
"y": -0.12123341254486592
},
"p2": {
"x": 11,
"y": 65
}
}
},
{
"ID": "14606",
"typeID": "Arrow",
"zOrder": "38",
"w": "195",
"h": "124",
"measuredW": "150",
"measuredH": "100",
"x": "679",
"y": "298",
"properties": {
"color": "2848996",
"direction": "bottom",
"leftArrow": "false",
"rightArrow": "false",
"p0": {
"x": 194.50455208805204,
"y": 0.21486631796096844
},
"p1": {
"x": 0.5125873193980325,
"y": 0.11743289538347922
},
"p2": {
"x": -0.016173803428500833,
"y": 124.53032187659227
}
}
},
{
"ID": "14607",
"typeID": "__group__",
"zOrder": "47",
"measuredW": "207",
"measuredH": "47",
"w": "207",
"h": "47",
"x": "550",
"y": "414",
"properties": {
"controlName": "101-cli-tools"
},
"children": {
"controls": {
"control": [
{
"ID": "0",
"typeID": "TextArea",
"zOrder": "0",
"w": "207",
"h": "47",
"measuredW": "200",
"measuredH": "140",
"x": "0",
"y": "0",
"properties": {
"color": "16776960"
}
},
{
"ID": "1",
"typeID": "Label",
"zOrder": "1",
"measuredW": "72",
"measuredH": "25",
"x": "68",
"y": "11",
"properties": {
"size": "17",
"text": "CLI Tools"
}
}
]
}
}
},
{
"ID": "14608",
"typeID": "__group__",
"zOrder": "48",
"measuredW": "206",
"measuredH": "44",
"w": "206",
"h": "44",
"x": "269",
"y": "416",
"properties": {
"controlName": "101-cli-tools:create-react-app"
},
"children": {
"controls": {
"control": [
{
"ID": "0",
"typeID": "TextArea",
"zOrder": "0",
"w": "197",
"h": "44",
"measuredW": "200",
"measuredH": "140",
"x": "9",
"y": "0",
"properties": {
"color": "16770457"
}
},
{
"ID": "1",
"typeID": "Label",
"zOrder": "1",
"measuredW": "139",
"measuredH": "25",
"x": "38",
"y": "10",
"properties": {
"size": "17",
"text": "Create React App"
}
},
{
"ID": "2",
"typeID": "__group__",
"zOrder": "2",
"measuredW": "24",
"measuredH": "24",
"w": "24",
"h": "24",
"x": "0",
"y": "11",
"children": {
"controls": {
"control": [
{
"ID": "0",
"typeID": "Icon",
"zOrder": "0",
"measuredW": "24",
"measuredH": "24",
"x": "0",
"y": "0",
"properties": {
"color": "16777215",
"icon": {
"ID": "circle",
"size": "small"
}
}
},
{
"ID": "1",
"typeID": "Icon",
"zOrder": "1",
"measuredW": "24",
"measuredH": "24",
"x": "0",
"y": "0",
"properties": {
"color": "16777215",
"icon": {
"ID": "circle",
"size": "small"
}
}
},
{
"ID": "2",
"typeID": "Icon",
"zOrder": "2",
"measuredW": "24",
"measuredH": "24",
"x": "0",
"y": "0",
"properties": {
"color": "3700253",
"icon": {
"ID": "check-circle",
"size": "small"
}
}
}
]
}
}
}
]
}
}
},
{
"ID": "14609",
"typeID": "__group__",
"zOrder": "49",
"measuredW": "206",
"measuredH": "44",
"w": "206",
"h": "44",
"x": "269",
"y": "367",
"properties": {
"controlName": "100-cli-tools:vite"
},
"children": {
"controls": {
"control": [
{
"ID": "0",
"typeID": "TextArea",
"zOrder": "0",
"w": "197",
"h": "44",
"measuredW": "200",
"measuredH": "140",
"x": "9",
"y": "0",
"properties": {
"color": "16770457"
}
},
{
"ID": "1",
"typeID": "Label",
"zOrder": "1",
"measuredW": "30",
"measuredH": "25",
"x": "94",
"y": "10",
"properties": {
"size": "17",
"text": "Vite"
}
},
{
"ID": "2",
"typeID": "__group__",
"zOrder": "2",
"measuredW": "24",
"measuredH": "24",
"w": "24",
"h": "24",
"x": "0",
"y": "10",
"children": {
"controls": {
"control": [
{
"ID": "0",
"typeID": "Icon",
"zOrder": "0",
"measuredW": "24",
"measuredH": "24",
"x": "0",
"y": "0",
"properties": {
"color": "16777215",
"icon": {
"ID": "circle",
"size": "small"
}
}
},
{
"ID": "1",
"typeID": "Icon",
"zOrder": "1",
"measuredW": "24",
"measuredH": "24",
"x": "0",
"y": "0",
"properties": {
"color": "10027263",
"icon": {
"ID": "check-circle",
"size": "small"
}
}
}
]
}
}
}
]
}
}
},
{
"ID": "14611",
"typeID": "Arrow",
"zOrder": "37",
"w": "121",
"h": "48",
"measuredW": "150",
"measuredH": "100",
"x": "472",
"y": "380",
"properties": {
"color": "2848996",
"curvature": "1",
"direction": "top",
"leftArrow": "false",
"rightArrow": "false",
"stroke": "dotted",
"p0": {
"x": -0.24502512380570352,
"y": -0.2591533504318022
},
"p1": {
"x": 0.3864377036851346,
"y": -0.12346452745048851
},
"p2": {
"x": 120.9799374604795,
"y": 47.93872333970569
}
}
},
{
"ID": "14613",
"typeID": "Arrow",
"zOrder": "36",
"w": "281",
"h": "1",
"measuredW": "150",
"measuredH": "100",
"x": "654",
"y": "444",
"properties": {
"color": "2848996",
"direction": "bottom",
"leftArrow": "false",
"rightArrow": "false",
"p0": {
"x": 281.3020743683919,
"y": 0.8810260550936846
},
"p1": {
"x": 0.4642857142857147,
"y": -0.003992113361953183
},
"p2": {
"x": 0.48803395698428176,
"y": 0.8810260550936846
}
}
},
{
"ID": "14614",
"typeID": "__group__",
"zOrder": "50",
"measuredW": "207",
"measuredH": "47",
"w": "207",
"h": "47",
"x": "862",
"y": "421",
"properties": {
"controlName": "102-components"
},
"children": {
"controls": {
"control": [
{
"ID": "0",
"typeID": "TextArea",
"zOrder": "0",
"w": "207",
"h": "47",
"measuredW": "200",
"measuredH": "140",
"x": "0",
"y": "0",
"properties": {
"color": "16776960"
}
},
{
"ID": "1",
"typeID": "Label",
"zOrder": "1",
"measuredW": "99",
"measuredH": "25",
"x": "54",
"y": "11",
"properties": {
"size": "17",
"text": "Components"
}
}
]
}
}
},
{
"ID": "14615",
"typeID": "__group__",
"zOrder": "51",
"measuredW": "246",
"measuredH": "47",
"w": "246",
"h": "47",
"x": "1154",
"y": "424",
"properties": {
"controlName": "101-components:functional-components"
},
"children": {
"controls": {
"control": [
{
"ID": "0",
"typeID": "TextArea",
"zOrder": "0",
"w": "235",
"h": "47",
"measuredW": "200",
"measuredH": "140",
"x": "0",
"y": "0",
"properties": {
"color": "16770457"
}
},
{
"ID": "1",
"typeID": "Label",
"zOrder": "1",
"measuredW": "183",
"measuredH": "25",
"x": "26",
"y": "11",
"properties": {
"size": "17",
"text": "Functional Components"
}
},
{
"ID": "2",
"typeID": "__group__",
"zOrder": "2",
"measuredW": "24",
"measuredH": "24",
"w": "24",
"h": "24",
"x": "222",
"y": "10",
"children": {
"controls": {
"control": [
{
"ID": "0",
"typeID": "Icon",
"zOrder": "0",
"measuredW": "24",
"measuredH": "24",
"x": "0",
"y": "0",
"properties": {
"color": "16777215",
"icon": {
"ID": "circle",
"size": "small"
}
}
},
{
"ID": "1",
"typeID": "Icon",
"zOrder": "1",
"measuredW": "24",
"measuredH": "24",
"x": "0",
"y": "0",
"properties": {
"color": "10027263",
"icon": {
"ID": "check-circle",
"size": "small"
}
}
}
]
}
}
}
]
}
}
},
{
"ID": "14616",
"typeID": "__group__",
"zOrder": "52",
"measuredW": "235",
"measuredH": "47",
"w": "235",
"h": "47",
"x": "1153",
"y": "371",
"properties": {
"controlName": "100-components:class-components"
},
"children": {
"controls": {
"control": [
{
"ID": "0",
"typeID": "TextArea",
"zOrder": "0",
"w": "235",
"h": "47",
"measuredW": "200",
"measuredH": "140",
"x": "0",
"y": "0",
"properties": {
"color": "14540253"
}
},
{
"ID": "1",
"typeID": "Label",
"zOrder": "1",
"measuredW": "146",
"measuredH": "25",
"x": "45",
"y": "11",
"properties": {
"size": "17",
"text": "Class Components"
}
}
]
}
}
},
{
"ID": "14619",
"typeID": "__group__",
"zOrder": "53",
"measuredW": "215",
"measuredH": "44",
"w": "215",
"h": "44",
"x": "1163",
"y": "532",
"properties": {
"controlName": "102-components:jsx"
},
"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": "30",
"measuredH": "25",
"x": "93",
"y": "9",
"properties": {
"size": "17",
"text": "JSX"
}
}
]
}
}
},
{
"ID": "14620",
"typeID": "__group__",
"zOrder": "54",
"measuredW": "215",
"measuredH": "47",
"w": "215",
"h": "47",
"x": "1163",
"y": "580",
"properties": {
"controlName": "103-components:props-vs-state"
},
"children": {
"controls": {
"control": [
{
"ID": "0",
"typeID": "TextArea",
"zOrder": "0",
"w": "215",
"h": "47",
"measuredW": "200",
"measuredH": "140",
"x": "0",
"y": "0",
"properties": {
"color": "16770457"
}
},
{
"ID": "1",
"typeID": "Label",
"zOrder": "1",
"measuredW": "110",
"measuredH": "25",
"x": "53",
"y": "11",
"properties": {
"size": "17",
"text": "Props vs State"
}
}
]
}
}
},
{
"ID": "14621",
"typeID": "__group__",
"zOrder": "55",
"measuredW": "215",
"measuredH": "47",
"w": "215",
"h": "47",
"x": "1163",
"y": "631",
"properties": {
"controlName": "104-components:conditional-rendering"
},
"children": {
"controls": {
"control": [
{
"ID": "0",
"typeID": "TextArea",
"zOrder": "0",
"w": "215",
"h": "47",
"measuredW": "200",
"measuredH": "140",
"x": "0",
"y": "0",
"properties": {
"color": "16770457"
}
},
{
"ID": "1",
"typeID": "Label",
"zOrder": "1",
"measuredW": "173",
"measuredH": "25",
"x": "21",
"y": "11",
"properties": {
"size": "17",
"text": "Conditional Rendering"
}
}
]
}
}
},
{
"ID": "14622",
"typeID": "__group__",
"zOrder": "56",
"measuredW": "215",
"measuredH": "47",
"w": "215",
"h": "47",
"x": "1163",
"y": "682",
"properties": {
"controlName": "105-components:composition-vs-inheritance"
},
"children": {
"controls": {
"control": [
{
"ID": "0",
"typeID": "TextArea",
"zOrder": "0",
"w": "215",
"h": "47",
"measuredW": "200",
"measuredH": "140",
"x": "0",
"y": "0",
"properties": {
"color": "16770457"
}
},
{
"ID": "1",
"typeID": "Label",
"zOrder": "1",
"measuredW": "97",
"measuredH": "25",
"x": "59",
"y": "11",
"properties": {
"size": "17",
"text": "Composition"
}
}
]
}
}
},
{
"ID": "14623",
"typeID": "Canvas",
"zOrder": "35",
"w": "198",
"h": "272",
"measuredW": "100",
"measuredH": "70",
"x": "1172",
"y": "481"
},
{
"ID": "14624",
"typeID": "Label",
"zOrder": "57",
"measuredW": "154",
"measuredH": "25",
"x": "1194",
"y": "496",
"properties": {
"size": "17",
"text": "Components Basics"
}
},
{
"ID": "14627",
"typeID": "Arrow",
"zOrder": "34",
"w": "154",
"h": "1",
"measuredW": "150",
"measuredH": "100",
"x": "1018",
"y": "446",
"properties": {
"color": "2848996",
"direction": "bottom",
"leftArrow": "false",
"rightArrow": "false",
"p0": {
"x": 153.18911339670876,
"y": 0.8810260550936846
},
"p1": {
"x": 0.46428571428571463,
"y": -0.003992113361953182
},
"p2": {
"x": -0.3783855341235949,
"y": 0.8810260550936846
},
"stroke": "dotted"
}
},
{
"ID": "14628",
"typeID": "Arrow",
"zOrder": "33",
"w": "120",
"h": "44",
"measuredW": "150",
"measuredH": "100",
"x": "1042",
"y": "393",
"properties": {
"color": "2848996",
"direction": "bottom",
"leftArrow": "false",
"rightArrow": "false",
"stroke": "dotted",
"p0": {
"x": 119.54402658050071,
"y": 0.18134219350019976
},
"p1": {
"x": 0.45395537525354945,
"y": 0.09452332657200811
},
"p2": {
"x": -0.3306238495154048,
"y": 44.27316763902337
}
}
},
{
"ID": "14629",
"typeID": "Arrow",
"zOrder": "32",
"w": "153",
"h": "68",
"measuredW": "150",
"measuredH": "100",
"x": "1029",
"y": "455",
"properties": {
"color": "2848996",
"direction": "bottom",
"leftArrow": "false",
"rightArrow": "false",
"stroke": "dotted",
"p0": {
"x": 153.21206975808968,
"y": 67.70107943972448
},
"p1": {
"x": 0.47348954701664,
"y": -0.1281842780799702
},
"p2": {
"x": 0.2685502439312586,
"y": 0.18547172626716701
}
}
},
{
"ID": "14631",
"typeID": "__group__",
"zOrder": "58",
"measuredW": "207",
"measuredH": "47",
"w": "207",
"h": "47",
"x": "862",
"y": "590",
"properties": {
"controlName": "103-rendering"
},
"children": {
"controls": {
"control": [
{
"ID": "0",
"typeID": "TextArea",
"zOrder": "0",
"w": "207",
"h": "47",
"measuredW": "200",
"measuredH": "140",
"x": "0",
"y": "0",
"properties": {
"color": "16776960"
}
},
{
"ID": "1",
"typeID": "Label",
"zOrder": "1",
"measuredW": "82",
"measuredH": "25",
"x": "63",
"y": "11",
"properties": {
"size": "17",
"text": "Rendering"
}
}
]
}
}
},
{
"ID": "14632",
"typeID": "__group__",
"zOrder": "59",
"measuredW": "255",
"measuredH": "47",
"w": "255",
"h": "47",
"x": "450",
"y": "549",
"properties": {
"controlName": "101-rendering:lists-and-keys"
},
"children": {
"controls": {
"control": [
{
"ID": "0",
"typeID": "TextArea",
"zOrder": "0",
"w": "255",
"h": "47",
"measuredW": "200",
"measuredH": "140",
"x": "0",
"y": "0",
"properties": {
"color": "16770457"
}
},
{
"ID": "1",
"typeID": "Label",
"zOrder": "1",
"measuredW": "111",
"measuredH": "25",
"x": "72",
"y": "11",
"properties": {
"size": "17",
"text": "Lists and Keys"
}
}
]
}
}
},
{
"ID": "14633",
"typeID": "__group__",
"zOrder": "60",
"measuredW": "255",
"measuredH": "47",
"w": "255",
"h": "47",
"x": "450",
"y": "497",
"properties": {
"controlName": "100-rendering:component-life-cycle"
},
"children": {
"controls": {
"control": [
{
"ID": "0",
"typeID": "TextArea",
"zOrder": "0",
"w": "255",
"h": "47",
"measuredW": "200",
"measuredH": "140",
"x": "0",
"y": "0",
"properties": {
"color": "16770457"
}
},
{
"ID": "1",
"typeID": "Label",
"zOrder": "1",
"measuredW": "170",
"measuredH": "25",
"x": "43",
"y": "11",
"properties": {
"size": "17",
"text": "Component Life Cycle"
}
}
]
}
}
},
{
"ID": "14634",
"typeID": "Arrow",
"zOrder": "31",
"w": "2",
"h": "403",
"measuredW": "150",
"measuredH": "100",
"x": "965",
"y": "445",
"properties": {
"color": "2848996",
"direction": "bottom",
"leftArrow": "false",
"rightArrow": "false",
"p0": {
"x": 0.48803395698428176,
"y": 403.1504450100517
},
"p1": {
"x": 0.46428571428571463,
"y": -0.003992113361953183
},
"p2": {
"x": 0.48803395698428176,
"y": -0.11897394490631541
}
}
},
{
"ID": "14636",
"typeID": "__group__",
"zOrder": "61",
"measuredW": "255",
"measuredH": "47",
"w": "255",
"h": "47",
"x": "450",
"y": "601",
"properties": {
"controlName": "102-rendering:render-props"
},
"children": {
"controls": {
"control": [
{
"ID": "0",
"typeID": "TextArea",
"zOrder": "0",
"w": "255",
"h": "47",
"measuredW": "200",
"measuredH": "140",
"x": "0",
"y": "0",
"properties": {
"color": "16770457"
}
},
{
"ID": "1",
"typeID": "Label",
"zOrder": "1",
"measuredW": "107",
"measuredH": "25",
"x": "74",
"y": "11",
"properties": {
"size": "17",
"text": "Render Props"
}
}
]
}
}
},
{
"ID": "14637",
"typeID": "__group__",
"zOrder": "62",
"measuredW": "255",
"measuredH": "47",
"w": "255",
"h": "47",
"x": "450",
"y": "653",
"properties": {
"controlName": "103-rendering:refs"
},
"children": {
"controls": {
"control": [
{
"ID": "0",
"typeID": "TextArea",
"zOrder": "0",
"w": "255",
"h": "47",
"measuredW": "200",
"measuredH": "140",
"x": "0",
"y": "0",
"properties": {
"color": "16770457"
}
},
{
"ID": "1",
"typeID": "Label",
"zOrder": "1",
"measuredW": "36",
"measuredH": "25",
"x": "110",
"y": "11",
"properties": {
"size": "17",
"text": "Refs"
}
}
]
}
}
},
{
"ID": "14638",
"typeID": "Arrow",
"zOrder": "29",
"w": "205",
"h": "74",
"measuredW": "150",
"measuredH": "100",
"x": "704",
"y": "522",
"properties": {
"color": "2848996",
"curvature": "0",
"direction": "bottom",
"leftArrow": "false",
"rightArrow": "false",
"stroke": "dotted",
"p0": {
"x": 204.86359480461078,
"y": 73.99538260490783
},
"p1": {
"x": 0.591967784066173,
"y": 0.06824118415324368
},
"p2": {
"x": -0.4389674261063874,
"y": -0.4095728344125291
}
}
},
{
"ID": "14640",
"typeID": "Arrow",
"zOrder": "28",
"w": "179",
"h": "63",
"measuredW": "150",
"measuredH": "100",
"x": "705",
"y": "617",
"properties": {
"color": "2848996",
"curvature": "0",
"direction": "bottom",
"leftArrow": "false",
"rightArrow": "false",
"stroke": "dotted",
"p0": {
"x": 179.061942991504,
"y": -0.33657421750319827
},
"p1": {
"x": 0.5695204038704248,
"y": -0.0861379890618428
},
"p2": {
"x": -0.06109788093374391,
"y": 63.045424860436356
}
}
},
{
"ID": "14641",
"typeID": "Arrow",
"zOrder": "27",
"w": "200",
"h": "31",
"measuredW": "150",
"measuredH": "100",
"x": "702",
"y": "567",
"properties": {
"color": "2848996",
"curvature": "0",
"direction": "bottom",
"leftArrow": "false",
"rightArrow": "false",
"stroke": "dotted",
"p0": {
"x": 199.9742470787478,
"y": 30.37325215008036
},
"p1": {
"x": 0.591967784066173,
"y": 0.06824118415324375
},
"p2": {
"x": 0.1831630287210828,
"y": 0.06012215628322792
}
}
},
{
"ID": "14642",
"typeID": "Arrow",
"zOrder": "30",
"w": "185",
"h": "29",
"measuredW": "150",
"measuredH": "100",
"x": "698",
"y": "608",
"properties": {
"color": "2848996",
"curvature": "0",
"direction": "bottom",
"leftArrow": "false",
"rightArrow": "false",
"stroke": "dotted",
"p0": {
"x": 184.68407344633147,
"y": 0.3962085114611682
},
"p1": {
"x": 0.5656988692166243,
"y": -0.05770306981716299
},
"p2": {
"x": 0.049554393203266045,
"y": 29.331468960085772
}
}
},
{
"ID": "14643",
"typeID": "__group__",
"zOrder": "63",
"measuredW": "255",
"measuredH": "47",
"w": "255",
"h": "47",
"x": "450",
"y": "705",
"properties": {
"controlName": "104-rendering:events"
},
"children": {
"controls": {
"control": [
{
"ID": "0",
"typeID": "TextArea",
"zOrder": "0",
"w": "255",
"h": "47",
"measuredW": "200",
"measuredH": "140",
"x": "0",
"y": "0",
"properties": {
"color": "16770457"
}
},
{
"ID": "1",
"typeID": "Label",
"zOrder": "1",
"measuredW": "53",
"measuredH": "25",
"x": "101",
"y": "11",
"properties": {
"size": "17",
"text": "Events"
}
}
]
}
}
},
{
"ID": "14644",
"typeID": "Arrow",
"zOrder": "26",
"w": "196",
"h": "113",
"measuredW": "150",
"measuredH": "100",
"x": "705",
"y": "619",
"properties": {
"color": "2848996",
"curvature": "0",
"direction": "bottom",
"leftArrow": "false",
"rightArrow": "false",
"stroke": "dotted",
"p0": {
"x": 195.59637753357526,
"y": 0.419164872841975
},
"p1": {
"x": 0.5695204038704248,
"y": -0.0861379890618429
},
"p2": {
"x": -0.06109788093374391,
"y": 113.4044675769951
}
}
},
{
"ID": "14645",
"typeID": "__group__",
"zOrder": "64",
"measuredW": "255",
"measuredH": "47",
"w": "255",
"h": "47",
"x": "450",
"y": "758",
"properties": {
"controlName": "105-rendering:high-order-components"
},
"children": {
"controls": {
"control": [
{
"ID": "0",
"typeID": "TextArea",
"zOrder": "0",
"w": "255",
"h": "47",
"measuredW": "200",
"measuredH": "140",
"x": "0",
"y": "0",
"properties": {
"color": "16770457"
}
},
{
"ID": "1",
"typeID": "Label",
"zOrder": "1",
"measuredW": "188",
"measuredH": "25",
"x": "34",
"y": "11",
"properties": {
"size": "17",
"text": "High Order Components"
}
}
]
}
}
},
{
"ID": "14646",
"typeID": "Arrow",
"zOrder": "25",
"w": "214",
"h": "167",
"measuredW": "150",
"measuredH": "100",
"x": "699",
"y": "619",
"properties": {
"color": "2848996",
"curvature": "0",
"direction": "bottom",
"leftArrow": "false",
"rightArrow": "false",
"stroke": "dotted",
"p0": {
"x": 213.9972034401286,
"y": 0.1978603245679551
},
"p1": {
"x": 0.5695204038704246,
"y": -0.08613798906184292
},
"p2": {
"x": 0.42742393837579584,
"y": 166.92007529045236
}
}
},
{
"ID": "14647",
"typeID": "Arrow",
"zOrder": "24",
"w": "1",
"h": "66",
"measuredW": "150",
"measuredH": "100",
"x": "966",
"y": "886",
"properties": {
"color": "2848996",
"direction": "bottom",
"leftArrow": "false",
"rightArrow": "false",
"p0": {
"x": 0.48803395698428176,
"y": 66.30567517486509
},
"p1": {
"x": 0.46428571428571463,
"y": -0.003992113361953185
},
"p2": {
"x": 0.48803395698428176,
"y": -0.11897394490631541
},
"stroke": "dotted"
}
},
{
"ID": "14648",
"typeID": "__group__",
"zOrder": "65",
"measuredW": "242",
"measuredH": "47",
"w": "242",
"h": "47",
"x": "862",
"y": "850",
"properties": {
"controlName": "104-hooks"
},
"children": {
"controls": {
"control": [
{
"ID": "0",
"typeID": "TextArea",
"zOrder": "0",
"w": "242",
"h": "47",
"measuredW": "200",
"measuredH": "140",
"x": "0",
"y": "0",
"properties": {
"color": "16776960"
}
},
{
"ID": "1",
"typeID": "Label",
"zOrder": "1",
"measuredW": "49",
"measuredH": "25",
"x": "96",
"y": "11",
"properties": {
"size": "17",
"text": "Hooks"
}
}
]
}
}
},
{
"ID": "14649",
"typeID": "__group__",
"zOrder": "66",
"measuredW": "174",
"measuredH": "44",
"w": "174",
"h": "44",
"x": "1184",
"y": "817",
"properties": {
"controlName": "100-hooks:basic-hooks:use-state"
},
"children": {
"controls": {
"control": [
{
"ID": "0",
"typeID": "TextArea",
"zOrder": "0",
"w": "174",
"h": "44",
"measuredW": "200",
"measuredH": "140",
"x": "0",
"y": "0",
"properties": {
"color": "16770457"
}
},
{
"ID": "1",
"typeID": "Label",
"zOrder": "1",
"measuredW": "69",
"measuredH": "25",
"x": "52",
"y": "10",
"properties": {
"size": "17",
"text": "useState"
}
}
]
}
}
},
{
"ID": "14650",
"typeID": "__group__",
"zOrder": "67",
"measuredW": "175",
"measuredH": "44",
"w": "175",
"h": "44",
"x": "1183",
"y": "865",
"properties": {
"controlName": "101-hooks:basic-hooks:use-effect"
},
"children": {
"controls": {
"control": [
{
"ID": "0",
"typeID": "TextArea",
"zOrder": "0",
"w": "175",
"h": "44",
"measuredW": "200",
"measuredH": "140",
"x": "0",
"y": "0",
"properties": {
"color": "16770457"
}
},
{
"ID": "1",
"typeID": "Label",
"zOrder": "1",
"measuredW": "73",
"measuredH": "25",
"x": "51",
"y": "10",
"properties": {
"size": "17",
"text": "useEffect"
}
}
]
}
}
},
{
"ID": "14651",
"typeID": "__group__",
"zOrder": "23",
"measuredW": "198",
"measuredH": "157",
"w": "198",
"h": "157",
"x": "1172",
"y": "769",
"properties": {
"controlName": "100-hooks:basic-hooks"
},
"children": {
"controls": {
"control": [
{
"ID": "0",
"typeID": "TextArea",
"zOrder": "0",
"w": "198",
"h": "157",
"measuredW": "200",
"measuredH": "140",
"x": "0",
"y": "0"
},
{
"ID": "1",
"typeID": "Label",
"zOrder": "1",
"measuredW": "96",
"measuredH": "25",
"x": "51",
"y": "16",
"properties": {
"size": "17",
"text": "Basic Hooks"
}
}
]
}
}
},
{
"ID": "14652",
"typeID": "Arrow",
"zOrder": "22",
"w": "170",
"h": "1",
"measuredW": "150",
"measuredH": "100",
"x": "1044",
"y": "873",
"properties": {
"color": "2848996",
"direction": "bottom",
"leftArrow": "false",
"rightArrow": "false",
"stroke": "dotted",
"p0": {
"x": 169.71016756073527,
"y": 0.8810260550936846
},
"p1": {
"x": 0.4642857142857145,
"y": -0.003992113361953182
},
"p2": {
"x": -0.3783855341235949,
"y": 0.8810260550936846
}
}
},
{
"ID": "14653",
"typeID": "__group__",
"zOrder": "68",
"measuredW": "243",
"measuredH": "47",
"w": "243",
"h": "47",
"x": "861",
"y": "928",
"properties": {
"controlName": "101-hooks:writing-your-own-hooks"
},
"children": {
"controls": {
"control": [
{
"ID": "0",
"typeID": "TextArea",
"zOrder": "0",
"w": "243",
"h": "47",
"measuredW": "200",
"measuredH": "140",
"x": "0",
"y": "0",
"properties": {
"color": "16770457"
}
},
{
"ID": "1",
"typeID": "Label",
"zOrder": "1",
"measuredW": "171",
"measuredH": "25",
"x": "36",
"y": "11",
"properties": {
"size": "17",
"text": "Writing Custom Hooks"
}
}
]
}
}
},
{
"ID": "14654",
"typeID": "Arrow",
"zOrder": "21",
"w": "148",
"h": "1",
"measuredW": "150",
"measuredH": "100",
"x": "435",
"y": "438",
"properties": {
"color": "2848996",
"direction": "bottom",
"leftArrow": "false",
"rightArrow": "false",
"p0": {
"x": 147.7561454352989,
"y": 0.8810260550936846
},
"p1": {
"x": 0.4642857142857145,
"y": -0.003992113361953184
},
"p2": {
"x": 0.24143192912043787,
"y": 0.8810260550936846
},
"stroke": "dotted"
}
},
{
"ID": "14655",
"typeID": "__group__",
"zOrder": "69",
"measuredW": "243",
"measuredH": "248",
"w": "243",
"h": "248",
"x": "861",
"y": "982",
"properties": {
"controlName": "102-hooks:common-hooks"
},
"children": {
"controls": {
"control": [
{
"ID": "0",
"typeID": "TextArea",
"zOrder": "0",
"w": "243",
"h": "248",
"measuredW": "200",
"measuredH": "140",
"x": "0",
"y": "0",
"properties": {
"color": "16777215"
}
},
{
"ID": "1",
"typeID": "Label",
"zOrder": "1",
"measuredW": "123",
"measuredH": "25",
"x": "60",
"y": "15",
"properties": {
"size": "17",
"text": "Common Hooks"
}
},
{
"ID": "2",
"typeID": "TextArea",
"zOrder": "2",
"w": "93",
"h": "43",
"measuredW": "200",
"measuredH": "140",
"x": "139",
"y": "49",
"properties": {
"color": "16770457"
}
},
{
"ID": "3",
"typeID": "Label",
"zOrder": "3",
"measuredW": "56",
"measuredH": "25",
"x": "157",
"y": "58",
"properties": {
"size": "17",
"text": "useRef"
}
},
{
"ID": "4",
"typeID": "TextArea",
"zOrder": "4",
"w": "120",
"h": "44",
"measuredW": "200",
"measuredH": "140",
"x": "14",
"y": "48",
"properties": {
"color": "16770457"
}
},
{
"ID": "5",
"typeID": "Label",
"zOrder": "5",
"measuredW": "94",
"measuredH": "25",
"x": "26",
"y": "58",
"properties": {
"size": "17",
"text": "useCallback"
}
},
{
"ID": "6",
"typeID": "TextArea",
"zOrder": "6",
"w": "217",
"h": "44",
"measuredW": "200",
"measuredH": "140",
"x": "14",
"y": "96",
"properties": {
"color": "16770457"
}
},
{
"ID": "7",
"typeID": "Label",
"zOrder": "7",
"measuredW": "77",
"measuredH": "25",
"x": "86",
"y": "106",
"properties": {
"size": "17",
"text": "useMemo"
}
},
{
"ID": "8",
"typeID": "TextArea",
"zOrder": "8",
"w": "217",
"h": "43",
"measuredW": "200",
"measuredH": "140",
"x": "14",
"y": "145",
"properties": {
"color": "16770457"
}
},
{
"ID": "9",
"typeID": "Label",
"zOrder": "9",
"measuredW": "95",
"measuredH": "25",
"x": "75",
"y": "154",
"properties": {
"size": "17",
"text": "useReducer"
}
},
{
"ID": "10",
"typeID": "TextArea",
"zOrder": "10",
"w": "121",
"h": "43",
"measuredW": "200",
"measuredH": "140",
"x": "13",
"y": "193",
"properties": {
"color": "16770457"
}
},
{
"ID": "11",
"typeID": "Label",
"zOrder": "11",
"measuredW": "88",
"measuredH": "25",
"x": "29",
"y": "202",
"properties": {
"size": "17",
"text": "useContext"
}
},
{
"ID": "12",
"typeID": "TextArea",
"zOrder": "12",
"w": "92",
"h": "43",
"measuredW": "200",
"measuredH": "140",
"x": "139",
"y": "193",
"properties": {
"color": "16770457"
}
},
{
"ID": "13",
"typeID": "Label",
"zOrder": "13",
"measuredW": "24",
"measuredH": "25",
"x": "173",
"y": "202",
"properties": {
"size": "17",
"text": "......."
}
}
]
}
}
},
{
"ID": "14663",
"typeID": "__group__",
"zOrder": "70",
"measuredW": "157",
"measuredH": "47",
"w": "157",
"h": "47",
"x": "629",
"y": "850",
"properties": {
"controlName": "105-routers"
},
"children": {
"controls": {
"control": [
{
"ID": "0",
"typeID": "TextArea",
"zOrder": "0",
"w": "157",
"h": "47",
"measuredW": "200",
"measuredH": "140",
"x": "0",
"y": "0",
"properties": {
"color": "16776960"
}
},
{
"ID": "1",
"typeID": "Label",
"zOrder": "1",
"measuredW": "61",
"measuredH": "25",
"x": "48",
"y": "11",
"properties": {
"size": "17",
"text": "Routers"
}
}
]
}
}
},
{
"ID": "14664",
"typeID": "__group__",
"zOrder": "71",
"measuredW": "167",
"measuredH": "47",
"w": "167",
"h": "47",
"x": "619",
"y": "924",
"properties": {
"controlName": "100-routers:react-router"
},
"children": {
"controls": {
"control": [
{
"ID": "0",
"typeID": "TextArea",
"zOrder": "0",
"w": "158",
"h": "47",
"measuredW": "200",
"measuredH": "140",
"x": "9",
"y": "0",
"properties": {
"color": "16770457"
}
},
{
"ID": "1",
"typeID": "Label",
"zOrder": "1",
"measuredW": "104",
"measuredH": "25",
"x": "36",
"y": "11",
"properties": {
"size": "17",
"text": "React Router"
}
},
{
"ID": "3",
"typeID": "__group__",
"zOrder": "2",
"measuredW": "24",
"measuredH": "24",
"w": "24",
"h": "24",
"x": "0",
"y": "12",
"children": {
"controls": {
"control": [
{
"ID": "0",
"typeID": "Icon",
"zOrder": "0",
"measuredW": "24",
"measuredH": "24",
"x": "0",
"y": "0",
"properties": {
"color": "16777215",
"icon": {
"ID": "circle",
"size": "small"
}
}
},
{
"ID": "1",
"typeID": "Icon",
"zOrder": "1",
"measuredW": "24",
"measuredH": "24",
"x": "0",
"y": "0",
"properties": {
"color": "10027263",
"icon": {
"ID": "check-circle",
"size": "small"
}
}
}
]
}
}
}
]
}
}
},
{
"ID": "14665",
"typeID": "__group__",
"zOrder": "72",
"measuredW": "168",
"measuredH": "47",
"w": "168",
"h": "47",
"x": "617",
"y": "976",
"properties": {
"controlName": "101-routers:reach-router"
},
"children": {
"controls": {
"control": [
{
"ID": "0",
"typeID": "TextArea",
"zOrder": "0",
"w": "157",
"h": "47",
"measuredW": "200",
"measuredH": "140",
"x": "11",
"y": "0",
"properties": {
"color": "16770457"
}
},
{
"ID": "1",
"typeID": "Label",
"zOrder": "1",
"measuredW": "108",
"measuredH": "25",
"x": "37",
"y": "11",
"properties": {
"size": "17",
"text": "Reach Router"
}
},
{
"ID": "2",
"typeID": "__group__",
"zOrder": "2",
"measuredW": "24",
"measuredH": "24",
"w": "24",
"h": "24",
"x": "0",
"y": "12",
"children": {
"controls": {
"control": [
{
"ID": "0",
"typeID": "Icon",
"zOrder": "0",
"measuredW": "24",
"measuredH": "24",
"x": "0",
"y": "0",
"properties": {
"color": "16777215",
"icon": {
"ID": "circle",
"size": "small"
}
}
},
{
"ID": "1",
"typeID": "Icon",
"zOrder": "1",
"measuredW": "24",
"measuredH": "24",
"x": "0",
"y": "0",
"properties": {
"color": "16777215",
"icon": {
"ID": "circle",
"size": "small"
}
}
},
{
"ID": "2",
"typeID": "Icon",
"zOrder": "2",
"measuredW": "24",
"measuredH": "24",
"x": "0",
"y": "0",
"properties": {
"color": "3700253",
"icon": {
"ID": "check-circle",
"size": "small"
}
}
}
]
}
}
}
]
}
}
},
{
"ID": "14668",
"typeID": "Arrow",
"zOrder": "20",
"w": "497",
"h": "1",
"measuredW": "150",
"measuredH": "100",
"x": "454",
"y": "874",
"properties": {
"color": "2848996",
"direction": "bottom",
"leftArrow": "false",
"rightArrow": "false",
"p0": {
"x": 497.3020743683919,
"y": -0.11897394490631541
},
"p1": {
"x": 0.4685630212909191,
"y": -0.0004822370830620483
},
"p2": {
"x": 0.20078475948128016,
"y": -0.11897394490631541
}
}
},
{
"ID": "14669",
"typeID": "Arrow",
"zOrder": "19",
"w": "1",
"h": "66",
"measuredW": "150",
"measuredH": "100",
"x": "707",
"y": "874",
"properties": {
"color": "2848996",
"direction": "bottom",
"leftArrow": "false",
"rightArrow": "false",
"p0": {
"x": 0.48803395698428176,
"y": 66.30567517486509
},
"p1": {
"x": 0.46428571428571463,
"y": -0.003992113361953185
},
"p2": {
"x": 0.48803395698428176,
"y": -0.11897394490631541
},
"stroke": "dotted"
}
},
{
"ID": "14670",
"typeID": "__group__",
"zOrder": "73",
"measuredW": "230",
"measuredH": "47",
"w": "230",
"h": "47",
"x": "241",
"y": "851",
"properties": {
"controlName": "106-state-management"
},
"children": {
"controls": {
"control": [
{
"ID": "0",
"typeID": "TextArea",
"zOrder": "0",
"w": "230",
"h": "47",
"measuredW": "200",
"measuredH": "140",
"x": "0",
"y": "0",
"properties": {
"color": "16776960"
}
},
{
"ID": "1",
"typeID": "Label",
"zOrder": "1",
"measuredW": "148",
"measuredH": "25",
"x": "41",
"y": "11",
"properties": {
"size": "17",
"text": "State Management"
}
}
]
}
}
},
{
"ID": "14672",
"typeID": "__group__",
"zOrder": "74",
"measuredW": "175",
"measuredH": "44",
"w": "175",
"h": "44",
"x": "231",
"y": "765",
"properties": {
"controlName": "100-state-management:context"
},
"children": {
"controls": {
"control": [
{
"ID": "0",
"typeID": "TextArea",
"zOrder": "0",
"w": "165",
"h": "44",
"measuredW": "200",
"measuredH": "140",
"x": "10",
"y": "0",
"properties": {
"color": "16770457"
}
},
{
"ID": "1",
"typeID": "Label",
"zOrder": "1",
"measuredW": "60",
"measuredH": "25",
"x": "63",
"y": "10",
"properties": {
"size": "17",
"text": "Context"
}
},
{
"ID": "2",
"typeID": "__group__",
"zOrder": "2",
"measuredW": "24",
"measuredH": "24",
"w": "24",
"h": "24",
"x": "0",
"y": "9",
"children": {
"controls": {
"control": [
{
"ID": "0",
"typeID": "Icon",
"zOrder": "0",
"measuredW": "24",
"measuredH": "24",
"x": "0",
"y": "0",
"properties": {
"color": "16777215",
"icon": {
"ID": "circle",
"size": "small"
}
}
},
{
"ID": "1",
"typeID": "Icon",
"zOrder": "1",
"measuredW": "24",
"measuredH": "24",
"x": "0",
"y": "0",
"properties": {
"color": "10027263",
"icon": {
"ID": "check-circle",
"size": "small"
}
}
}
]
}
}
}
]
}
}
},
{
"ID": "14673",
"typeID": "__group__",
"zOrder": "75",
"measuredW": "174",
"measuredH": "44",
"w": "174",
"h": "44",
"x": "231",
"y": "717",
"properties": {
"controlName": "101-state-management:zustand"
},
"children": {
"controls": {
"control": [
{
"ID": "0",
"typeID": "TextArea",
"zOrder": "0",
"w": "164",
"h": "44",
"measuredW": "200",
"measuredH": "140",
"x": "10",
"y": "0",
"properties": {
"color": "16770457"
}
},
{
"ID": "1",
"typeID": "Label",
"zOrder": "1",
"measuredW": "62",
"measuredH": "25",
"x": "61",
"y": "10",
"properties": {
"size": "17",
"text": "Zustand"
}
},
{
"ID": "2",
"typeID": "__group__",
"zOrder": "2",
"measuredW": "24",
"measuredH": "24",
"w": "24",
"h": "24",
"x": "0",
"y": "10",
"children": {
"controls": {
"control": [
{
"ID": "0",
"typeID": "Icon",
"zOrder": "0",
"measuredW": "24",
"measuredH": "24",
"x": "0",
"y": "0",
"properties": {
"color": "16777215",
"icon": {
"ID": "circle",
"size": "small"
}
}
},
{
"ID": "1",
"typeID": "Icon",
"zOrder": "1",
"measuredW": "24",
"measuredH": "24",
"x": "0",
"y": "0",
"properties": {
"color": "10027263",
"icon": {
"ID": "check-circle",
"size": "small"
}
}
}
]
}
}
}
]
}
}
},
{
"ID": "14674",
"typeID": "__group__",
"zOrder": "76",
"measuredW": "176",
"measuredH": "44",
"w": "176",
"h": "44",
"x": "231",
"y": "669",
"properties": {
"controlName": "102-state-management:redux-and-redux-toolkit"
},
"children": {
"controls": {
"control": [
{
"ID": "0",
"typeID": "TextArea",
"zOrder": "0",
"w": "166",
"h": "44",
"measuredW": "200",
"measuredH": "140",
"x": "10",
"y": "0",
"properties": {
"color": "16770457"
}
},
{
"ID": "1",
"typeID": "Label",
"zOrder": "1",
"measuredW": "115",
"measuredH": "25",
"x": "35",
"y": "10",
"properties": {
"size": "17",
"text": "Redux / Toolkit"
}
},
{
"ID": "2",
"typeID": "__group__",
"zOrder": "2",
"measuredW": "24",
"measuredH": "24",
"w": "24",
"h": "24",
"x": "0",
"y": "10",
"children": {
"controls": {
"control": [
{
"ID": "0",
"typeID": "Icon",
"zOrder": "0",
"measuredW": "24",
"measuredH": "24",
"x": "0",
"y": "0",
"properties": {
"color": "16777215",
"icon": {
"ID": "circle",
"size": "small"
}
}
},
{
"ID": "1",
"typeID": "Icon",
"zOrder": "1",
"measuredW": "24",
"measuredH": "24",
"x": "0",
"y": "0",
"properties": {
"color": "16777215",
"icon": {
"ID": "circle",
"size": "small"
}
}
},
{
"ID": "2",
"typeID": "Icon",
"zOrder": "2",
"measuredW": "24",
"measuredH": "24",
"x": "0",
"y": "0",
"properties": {
"color": "3700253",
"icon": {
"ID": "check-circle",
"size": "small"
}
}
}
]
}
}
}
]
}
}
},
{
"ID": "14676",
"typeID": "Arrow",
"zOrder": "18",
"w": "1",
"h": "93",
"measuredW": "150",
"measuredH": "100",
"x": "319",
"y": "785",
"properties": {
"color": "2848996",
"direction": "bottom",
"leftArrow": "false",
"rightArrow": "false",
"p0": {
"x": 0.48803395698428176,
"y": 93.15044501005173
},
"p1": {
"x": 0.46428571428571475,
"y": -0.003992113361953184
},
"p2": {
"x": 0.48803395698428176,
"y": -0.19048075572618473
},
"stroke": "dotted"
}
},
{
"ID": "14679",
"typeID": "__group__",
"zOrder": "77",
"measuredW": "174",
"measuredH": "44",
"w": "174",
"h": "44",
"x": "232",
"y": "621",
"properties": {
"controlName": "103-state-management:mobx"
},
"children": {
"controls": {
"control": [
{
"ID": "0",
"typeID": "TextArea",
"zOrder": "0",
"w": "164",
"h": "44",
"measuredW": "200",
"measuredH": "140",
"x": "10",
"y": "0",
"properties": {
"color": "16770457"
}
},
{
"ID": "1",
"typeID": "Label",
"zOrder": "1",
"measuredW": "44",
"measuredH": "25",
"x": "70",
"y": "10",
"properties": {
"size": "17",
"text": "MobX"
}
},
{
"ID": "2",
"typeID": "__group__",
"zOrder": "2",
"measuredW": "24",
"measuredH": "24",
"w": "24",
"h": "24",
"x": "0",
"y": "10",
"children": {
"controls": {
"control": [
{
"ID": "0",
"typeID": "Icon",
"zOrder": "0",
"measuredW": "24",
"measuredH": "24",
"x": "0",
"y": "0",
"properties": {
"color": "16777215",
"icon": {
"ID": "circle",
"size": "small"
}
}
},
{
"ID": "1",
"typeID": "Icon",
"zOrder": "1",
"measuredW": "24",
"measuredH": "24",
"x": "0",
"y": "0",
"properties": {
"color": "16777215",
"icon": {
"ID": "circle",
"size": "small"
}
}
},
{
"ID": "2",
"typeID": "Icon",
"zOrder": "2",
"measuredW": "24",
"measuredH": "24",
"x": "0",
"y": "0",
"properties": {
"color": "3700253",
"icon": {
"ID": "check-circle",
"size": "small"
}
}
}
]
}
}
}
]
}
}
},
{
"ID": "14680",
"typeID": "__group__",
"zOrder": "78",
"measuredW": "174",
"measuredH": "44",
"w": "174",
"h": "44",
"x": "232",
"y": "573",
"properties": {
"controlName": "104-state-management:recoil"
},
"children": {
"controls": {
"control": [
{
"ID": "0",
"typeID": "TextArea",
"zOrder": "0",
"w": "164",
"h": "44",
"measuredW": "200",
"measuredH": "140",
"x": "10",
"y": "0",
"properties": {
"color": "16770457"
}
},
{
"ID": "1",
"typeID": "Label",
"zOrder": "1",
"measuredW": "49",
"measuredH": "25",
"x": "67",
"y": "10",
"properties": {
"size": "17",
"text": "Recoil"
}
},
{
"ID": "2",
"typeID": "__group__",
"zOrder": "2",
"measuredW": "24",
"measuredH": "24",
"w": "24",
"h": "24",
"x": "0",
"y": "10",
"children": {
"controls": {
"control": [
{
"ID": "0",
"typeID": "Icon",
"zOrder": "0",
"measuredW": "24",
"measuredH": "24",
"x": "0",
"y": "0",
"properties": {
"color": "16777215",
"icon": {
"ID": "circle",
"size": "small"
}
}
},
{
"ID": "1",
"typeID": "Icon",
"zOrder": "1",
"measuredW": "24",
"measuredH": "24",
"x": "0",
"y": "0",
"properties": {
"color": "10027263",
"icon": {
"ID": "check-circle",
"size": "small"
}
}
}
]
}
}
}
]
}
}
},
{
"ID": "14681",
"typeID": "__group__",
"zOrder": "79",
"measuredW": "227",
"measuredH": "47",
"w": "227",
"h": "47",
"x": "244",
"y": "1056",
"properties": {
"controlName": "107-styling"
},
"children": {
"controls": {
"control": [
{
"ID": "0",
"typeID": "TextArea",
"zOrder": "0",
"w": "227",
"h": "47",
"measuredW": "200",
"measuredH": "140",
"x": "0",
"y": "0",
"properties": {
"color": "16776960"
}
},
{
"ID": "1",
"typeID": "Label",
"zOrder": "1",
"measuredW": "51",
"measuredH": "25",
"x": "88",
"y": "10",
"properties": {
"size": "17",
"text": "Styling"
}
}
]
}
}
},
{
"ID": "14682",
"typeID": "Arrow",
"zOrder": "17",
"w": "1",
"h": "577",
"measuredW": "150",
"measuredH": "100",
"x": "298",
"y": "876",
"properties": {
"color": "2848996",
"direction": "bottom",
"leftArrow": "false",
"rightArrow": "false",
"p0": {
"x": 0.20078475948128016,
"y": 577.1975430248967
},
"p1": {
"x": 0.46856302129091965,
"y": -0.0004822370830620473
},
"p2": {
"x": 0.20078475948128016,
"y": -0.11897394490631541
}
}
},
{
"ID": "14683",
"typeID": "__group__",
"zOrder": "80",
"measuredW": "166",
"measuredH": "44",
"w": "166",
"h": "44",
"x": "598",
"y": "1195",
"properties": {
"controlName": "105-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": "2",
"typeID": "__group__",
"zOrder": "2",
"measuredW": "24",
"measuredH": "24",
"w": "24",
"h": "24",
"x": "142",
"y": "10",
"children": {
"controls": {
"control": [
{
"ID": "0",
"typeID": "Icon",
"zOrder": "0",
"measuredW": "24",
"measuredH": "24",
"x": "0",
"y": "0",
"properties": {
"color": "16777215",
"icon": {
"ID": "circle",
"size": "small"
}
}
},
{
"ID": "1",
"typeID": "Icon",
"zOrder": "1",
"measuredW": "24",
"measuredH": "24",
"x": "0",
"y": "0",
"properties": {
"color": "16777215",
"icon": {
"ID": "circle",
"size": "small"
}
}
},
{
"ID": "2",
"typeID": "Icon",
"zOrder": "2",
"measuredW": "24",
"measuredH": "24",
"x": "0",
"y": "0",
"properties": {
"color": "3700253",
"icon": {
"ID": "check-circle",
"size": "small"
}
}
}
]
}
}
}
]
}
}
},
{
"ID": "14684",
"typeID": "__group__",
"zOrder": "81",
"measuredW": "165",
"measuredH": "44",
"w": "165",
"h": "44",
"x": "597",
"y": "1148",
"properties": {
"controlName": "104-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": "2",
"typeID": "__group__",
"zOrder": "2",
"measuredW": "24",
"measuredH": "24",
"w": "24",
"h": "24",
"x": "141",
"y": "10",
"children": {
"controls": {
"control": [
{
"ID": "0",
"typeID": "Icon",
"zOrder": "0",
"measuredW": "24",
"measuredH": "24",
"x": "0",
"y": "0",
"properties": {
"color": "16777215",
"icon": {
"ID": "circle",
"size": "small"
}
}
},
{
"ID": "1",
"typeID": "Icon",
"zOrder": "1",
"measuredW": "24",
"measuredH": "24",
"x": "0",
"y": "0",
"properties": {
"color": "16777215",
"icon": {
"ID": "circle",
"size": "small"
}
}
},
{
"ID": "2",
"typeID": "Icon",
"zOrder": "2",
"measuredW": "24",
"measuredH": "24",
"x": "0",
"y": "0",
"properties": {
"color": "3700253",
"icon": {
"ID": "check-circle",
"size": "small"
}
}
}
]
}
}
}
]
}
}
},
{
"ID": "14685",
"typeID": "__group__",
"zOrder": "82",
"measuredW": "167",
"measuredH": "44",
"w": "167",
"h": "44",
"x": "598",
"y": "1054",
"properties": {
"controlName": "102-styling:mantine"
},
"children": {
"controls": {
"control": [
{
"ID": "0",
"typeID": "TextArea",
"zOrder": "0",
"w": "157",
"h": "44",
"measuredW": "200",
"measuredH": "140",
"x": "0",
"y": "0",
"properties": {
"color": "16770457"
}
},
{
"ID": "1",
"typeID": "Label",
"zOrder": "1",
"measuredW": "63",
"measuredH": "25",
"x": "47",
"y": "10",
"properties": {
"size": "17",
"text": "Mantine"
}
},
{
"ID": "2",
"typeID": "__group__",
"zOrder": "2",
"measuredW": "24",
"measuredH": "24",
"w": "24",
"h": "24",
"x": "143",
"y": "10",
"children": {
"controls": {
"control": [
{
"ID": "0",
"typeID": "Icon",
"zOrder": "0",
"measuredW": "24",
"measuredH": "24",
"x": "0",
"y": "0",
"properties": {
"color": "16777215",
"icon": {
"ID": "circle",
"size": "small"
}
}
},
{
"ID": "1",
"typeID": "Icon",
"zOrder": "1",
"measuredW": "24",
"measuredH": "24",
"x": "0",
"y": "0",
"properties": {
"color": "10027263",
"icon": {
"ID": "check-circle",
"size": "small"
}
}
}
]
}
}
}
]
}
}
},
{
"ID": "14686",
"typeID": "__group__",
"zOrder": "83",
"measuredW": "167",
"measuredH": "44",
"w": "167",
"h": "44",
"x": "597",
"y": "1101",
"properties": {
"controlName": "103-styling:tailwind"
},
"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": "Tailwind"
}
},
{
"ID": "2",
"typeID": "__group__",
"zOrder": "2",
"measuredW": "24",
"measuredH": "24",
"w": "24",
"h": "24",
"x": "143",
"y": "10",
"children": {
"controls": {
"control": [
{
"ID": "0",
"typeID": "Icon",
"zOrder": "0",
"measuredW": "24",
"measuredH": "24",
"x": "0",
"y": "0",
"properties": {
"color": "16777215",
"icon": {
"ID": "circle",
"size": "small"
}
}
},
{
"ID": "1",
"typeID": "Icon",
"zOrder": "1",
"measuredW": "24",
"measuredH": "24",
"x": "0",
"y": "0",
"properties": {
"color": "10027263",
"icon": {
"ID": "check-circle",
"size": "small"
}
}
}
]
}
}
}
]
}
}
},
{
"ID": "14687",
"typeID": "Arrow",
"zOrder": "13",
"w": "170",
"h": "10",
"measuredW": "150",
"measuredH": "100",
"x": "445",
"y": "1067",
"properties": {
"color": "2848996",
"direction": "bottom",
"leftArrow": "false",
"rightArrow": "false",
"p0": {
"x": 170.15151515151513,
"y": 10.881026055093571
},
"p1": {
"x": 0.46856302129091937,
"y": -0.0004822370830620513
},
"p2": {
"x": 0.08755558946864994,
"y": 0.40174459352692793
},
"stroke": "dotted"
}
},
{
"ID": "14688",
"typeID": "Arrow",
"zOrder": "14",
"w": "160",
"h": "49",
"measuredW": "150",
"measuredH": "100",
"x": "453",
"y": "1079",
"properties": {
"color": "2848996",
"direction": "bottom",
"leftArrow": "false",
"rightArrow": "false",
"stroke": "dotted",
"p0": {
"x": 159.9948370393879,
"y": 49.03492956155333
},
"p1": {
"x": 0.4948398930687969,
"y": -0.06769152207708602
},
"p2": {
"x": 0.0831404204171804,
"y": 0.39512183994975203
}
}
},
{
"ID": "14689",
"typeID": "Arrow",
"zOrder": "15",
"w": "164",
"h": "93",
"measuredW": "150",
"measuredH": "100",
"x": "446",
"y": "1085",
"properties": {
"color": "2848996",
"direction": "bottom",
"leftArrow": "false",
"rightArrow": "false",
"stroke": "dotted",
"p0": {
"x": 164.32964209573845,
"y": 92.3410360190694
},
"p1": {
"x": 0.41660090341695827,
"y": -0.10834198348411798
},
"p2": {
"x": 0.4201530612933766,
"y": -0.27448827275134136
}
}
},
{
"ID": "14690",
"typeID": "Arrow",
"zOrder": "16",
"w": "165",
"h": "133",
"measuredW": "150",
"measuredH": "100",
"x": "445",
"y": "1093",
"properties": {
"color": "2848996",
"direction": "bottom",
"leftArrow": "false",
"rightArrow": "false",
"stroke": "dotted",
"p0": {
"x": 165.32964209573845,
"y": 132.31454500476048
},
"p1": {
"x": 0.4477509372866056,
"y": -0.11613270851109678
},
"p2": {
"x": 0.08755558946864994,
"y": -0.2789034418026404
}
}
},
{
"ID": "14691",
"typeID": "__group__",
"zOrder": "84",
"measuredW": "210",
"measuredH": "44",
"w": "210",
"h": "44",
"x": "347",
"y": "979",
"properties": {
"controlName": "100-styling:styled-components"
},
"children": {
"controls": {
"control": [
{
"ID": "0",
"typeID": "TextArea",
"zOrder": "0",
"h": "44",
"measuredW": "200",
"measuredH": "140",
"x": "0",
"y": "0",
"properties": {
"color": "16770457"
}
},
{
"ID": "1",
"typeID": "Label",
"zOrder": "1",
"measuredW": "150",
"measuredH": "25",
"x": "24",
"y": "10",
"properties": {
"size": "17",
"text": "Styled Components"
}
},
{
"ID": "2",
"typeID": "__group__",
"zOrder": "2",
"measuredW": "24",
"measuredH": "24",
"w": "24",
"h": "24",
"x": "186",
"y": "9",
"children": {
"controls": {
"control": [
{
"ID": "0",
"typeID": "Icon",
"zOrder": "0",
"measuredW": "24",
"measuredH": "24",
"x": "0",
"y": "0",
"properties": {
"color": "16777215",
"icon": {
"ID": "circle",
"size": "small"
}
}
},
{
"ID": "1",
"typeID": "Icon",
"zOrder": "1",
"measuredW": "24",
"measuredH": "24",
"x": "0",
"y": "0",
"properties": {
"color": "16777215",
"icon": {
"ID": "circle",
"size": "small"
}
}
},
{
"ID": "2",
"typeID": "Icon",
"zOrder": "2",
"measuredW": "24",
"measuredH": "24",
"x": "0",
"y": "0",
"properties": {
"color": "3700253",
"icon": {
"ID": "check-circle",
"size": "small"
}
}
}
]
}
}
}
]
}
}
},
{
"ID": "14692",
"typeID": "__group__",
"zOrder": "85",
"measuredW": "210",
"measuredH": "44",
"w": "210",
"h": "44",
"x": "347",
"y": "931",
"properties": {
"controlName": "101-styling:emotion"
},
"children": {
"controls": {
"control": [
{
"ID": "0",
"typeID": "TextArea",
"zOrder": "0",
"w": "201",
"h": "44",
"measuredW": "200",
"measuredH": "140",
"x": "0",
"y": "0",
"properties": {
"color": "16770457"
}
},
{
"ID": "1",
"typeID": "Label",
"zOrder": "1",
"measuredW": "64",
"measuredH": "25",
"x": "69",
"y": "10",
"properties": {
"size": "17",
"text": "Emotion"
}
},
{
"ID": "2",
"typeID": "__group__",
"zOrder": "2",
"measuredW": "24",
"measuredH": "24",
"w": "24",
"h": "24",
"x": "186",
"y": "8",
"children": {
"controls": {
"control": [
{
"ID": "0",
"typeID": "Icon",
"zOrder": "0",
"measuredW": "24",
"measuredH": "24",
"x": "0",
"y": "0",
"properties": {
"color": "16777215",
"icon": {
"ID": "circle",
"size": "small"
}
}
},
{
"ID": "1",
"typeID": "Icon",
"zOrder": "1",
"measuredW": "24",
"measuredH": "24",
"x": "0",
"y": "0",
"properties": {
"color": "16777215",
"icon": {
"ID": "circle",
"size": "small"
}
}
},
{
"ID": "2",
"typeID": "Icon",
"zOrder": "2",
"measuredW": "24",
"measuredH": "24",
"x": "0",
"y": "0",
"properties": {
"color": "3700253",
"icon": {
"ID": "check-circle",
"size": "small"
}
}
}
]
}
}
}
]
}
}
},
{
"ID": "14693",
"typeID": "Arrow",
"zOrder": "12",
"w": "1",
"h": "91",
"measuredW": "150",
"measuredH": "100",
"x": "439",
"y": "1002",
"properties": {
"color": "2848996",
"direction": "bottom",
"leftArrow": "false",
"rightArrow": "false",
"stroke": "dotted",
"p0": {
"x": 0.48803395698428176,
"y": 90.42424242424227
},
"p1": {
"x": 0.4642857142857146,
"y": -0.003992113361953182
},
"p2": {
"x": 0.48803395698428176,
"y": -0.48484848484849863
}
}
},
{
"ID": "14695",
"typeID": "__group__",
"zOrder": "86",
"measuredW": "214",
"measuredH": "47",
"w": "214",
"h": "47",
"x": "250",
"y": "1436",
"properties": {
"controlName": "108-api-calls"
},
"children": {
"controls": {
"control": [
{
"ID": "0",
"typeID": "TextArea",
"zOrder": "0",
"w": "214",
"h": "47",
"measuredW": "200",
"measuredH": "140",
"x": "0",
"y": "0",
"properties": {
"color": "16776960"
}
},
{
"ID": "1",
"typeID": "Label",
"zOrder": "1",
"measuredW": "69",
"measuredH": "25",
"x": "72",
"y": "11",
"properties": {
"size": "17",
"text": "API Calls"
}
}
]
}
}
},
{
"ID": "14696",
"typeID": "TextArea",
"zOrder": "87",
"w": "105",
"h": "200",
"measuredW": "200",
"measuredH": "140",
"x": "366",
"y": "1195",
"properties": {
"color": "16777215"
}
},
{
"ID": "14697",
"typeID": "Label",
"zOrder": "88",
"measuredW": "71",
"measuredH": "25",
"x": "383",
"y": "1356",
"properties": {
"size": "17",
"text": "GraphQL"
}
},
{
"ID": "14698",
"typeID": "__group__",
"zOrder": "89",
"measuredW": "167",
"measuredH": "44",
"w": "167",
"h": "44",
"x": "341",
"y": "1210",
"properties": {
"controlName": "100-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": "2",
"typeID": "__group__",
"zOrder": "2",
"measuredW": "24",
"measuredH": "24",
"w": "24",
"h": "24",
"x": "143",
"y": "10",
"children": {
"controls": {
"control": [
{
"ID": "0",
"typeID": "Icon",
"zOrder": "0",
"measuredW": "24",
"measuredH": "24",
"x": "0",
"y": "0",
"properties": {
"color": "16777215",
"icon": {
"ID": "circle",
"size": "small"
}
}
},
{
"ID": "1",
"typeID": "Icon",
"zOrder": "1",
"measuredW": "24",
"measuredH": "24",
"x": "0",
"y": "0",
"properties": {
"color": "10027263",
"icon": {
"ID": "check-circle",
"size": "small"
}
}
}
]
}
}
}
]
}
}
},
{
"ID": "14699",
"typeID": "__group__",
"zOrder": "90",
"measuredW": "165",
"measuredH": "44",
"w": "165",
"h": "44",
"x": "341",
"y": "1258",
"properties": {
"controlName": "101-api-calls:relay"
},
"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": "44",
"measuredH": "25",
"x": "56",
"y": "10",
"properties": {
"size": "17",
"text": "Relay"
}
},
{
"ID": "2",
"typeID": "__group__",
"zOrder": "2",
"measuredW": "24",
"measuredH": "24",
"w": "24",
"h": "24",
"x": "141",
"y": "10",
"children": {
"controls": {
"control": [
{
"ID": "0",
"typeID": "Icon",
"zOrder": "0",
"measuredW": "24",
"measuredH": "24",
"x": "0",
"y": "0",
"properties": {
"color": "16777215",
"icon": {
"ID": "circle",
"size": "small"
}
}
},
{
"ID": "1",
"typeID": "Icon",
"zOrder": "1",
"measuredW": "24",
"measuredH": "24",
"x": "0",
"y": "0",
"properties": {
"color": "16777215",
"icon": {
"ID": "circle",
"size": "small"
}
}
},
{
"ID": "2",
"typeID": "Icon",
"zOrder": "2",
"measuredW": "24",
"measuredH": "24",
"x": "0",
"y": "0",
"properties": {
"color": "3700253",
"icon": {
"ID": "check-circle",
"size": "small"
}
}
}
]
}
}
}
]
}
}
},
{
"ID": "14700",
"typeID": "__group__",
"zOrder": "91",
"measuredW": "165",
"measuredH": "44",
"w": "165",
"h": "44",
"x": "341",
"y": "1305",
"properties": {
"controlName": "102-api-calls:urql"
},
"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": "32",
"measuredH": "25",
"x": "62",
"y": "10",
"properties": {
"size": "17",
"text": "Urql"
}
},
{
"ID": "2",
"typeID": "__group__",
"zOrder": "2",
"measuredW": "24",
"measuredH": "24",
"w": "24",
"h": "24",
"x": "141",
"y": "10",
"children": {
"controls": {
"control": [
{
"ID": "0",
"typeID": "Icon",
"zOrder": "0",
"measuredW": "24",
"measuredH": "24",
"x": "0",
"y": "0",
"properties": {
"color": "16777215",
"icon": {
"ID": "circle",
"size": "small"
}
}
},
{
"ID": "1",
"typeID": "Icon",
"zOrder": "1",
"measuredW": "24",
"measuredH": "24",
"x": "0",
"y": "0",
"properties": {
"color": "16777215",
"icon": {
"ID": "circle",
"size": "small"
}
}
},
{
"ID": "2",
"typeID": "Icon",
"zOrder": "2",
"measuredW": "24",
"measuredH": "24",
"x": "0",
"y": "0",
"properties": {
"color": "3700253",
"icon": {
"ID": "check-circle",
"size": "small"
}
}
}
]
}
}
}
]
}
}
},
{
"ID": "14701",
"typeID": "Arrow",
"zOrder": "11",
"w": "1",
"h": "179",
"measuredW": "150",
"measuredH": "100",
"x": "418",
"y": "1377",
"properties": {
"color": "2848996",
"direction": "bottom",
"leftArrow": "false",
"rightArrow": "false",
"stroke": "dotted",
"p0": {
"x": 0.48803395698428176,
"y": 178.1633254647479
},
"p1": {
"x": 0.4642857142857147,
"y": -0.00399211336195318
},
"p2": {
"x": 0.48803395698428176,
"y": -0.48484848484849863
}
}
},
{
"ID": "14702",
"typeID": "TextArea",
"zOrder": "92",
"w": "105",
"h": "248",
"measuredW": "200",
"measuredH": "140",
"x": "366",
"y": "1525",
"properties": {
"color": "16777215"
}
},
{
"ID": "14703",
"typeID": "Label",
"zOrder": "93",
"measuredW": "44",
"measuredH": "25",
"x": "397",
"y": "1539",
"properties": {
"size": "17",
"text": "REST"
}
},
{
"ID": "14704",
"typeID": "__group__",
"zOrder": "94",
"measuredW": "165",
"measuredH": "44",
"w": "165",
"h": "44",
"x": "336",
"y": "1571",
"properties": {
"controlName": "103-api-calls:swr"
},
"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": "38",
"measuredH": "25",
"x": "59",
"y": "10",
"properties": {
"size": "17",
"text": "SWR"
}
},
{
"ID": "2",
"typeID": "__group__",
"zOrder": "2",
"measuredW": "24",
"measuredH": "24",
"w": "24",
"h": "24",
"x": "141",
"y": "10",
"children": {
"controls": {
"control": [
{
"ID": "0",
"typeID": "Icon",
"zOrder": "0",
"measuredW": "24",
"measuredH": "24",
"x": "0",
"y": "0",
"properties": {
"color": "16777215",
"icon": {
"ID": "circle",
"size": "small"
}
}
},
{
"ID": "1",
"typeID": "Icon",
"zOrder": "1",
"measuredW": "24",
"measuredH": "24",
"x": "0",
"y": "0",
"properties": {
"color": "16777215",
"icon": {
"ID": "circle",
"size": "small"
}
}
},
{
"ID": "2",
"typeID": "Icon",
"zOrder": "2",
"measuredW": "24",
"measuredH": "24",
"x": "0",
"y": "0",
"properties": {
"icon": {
"ID": "check-circle",
"size": "small"
},
"color": "10027263"
}
}
]
}
}
}
]
}
}
},
{
"ID": "14705",
"typeID": "__group__",
"zOrder": "95",
"measuredW": "165",
"measuredH": "44",
"w": "165",
"h": "44",
"x": "337",
"y": "1667",
"properties": {
"controlName": "105-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": "2",
"typeID": "__group__",
"zOrder": "2",
"measuredW": "24",
"measuredH": "24",
"w": "24",
"h": "24",
"x": "141",
"y": "10",
"children": {
"controls": {
"control": [
{
"ID": "0",
"typeID": "Icon",
"zOrder": "0",
"measuredW": "24",
"measuredH": "24",
"x": "0",
"y": "0",
"properties": {
"color": "16777215",
"icon": {
"ID": "circle",
"size": "small"
}
}
},
{
"ID": "1",
"typeID": "Icon",
"zOrder": "1",
"measuredW": "24",
"measuredH": "24",
"x": "0",
"y": "0",
"properties": {
"color": "16777215",
"icon": {
"ID": "circle",
"size": "small"
}
}
},
{
"ID": "2",
"typeID": "Icon",
"zOrder": "2",
"measuredW": "24",
"measuredH": "24",
"x": "0",
"y": "0",
"properties": {
"color": "3700253",
"icon": {
"ID": "check-circle",
"size": "small"
}
}
}
]
}
}
}
]
}
}
},
{
"ID": "14707",
"typeID": "__group__",
"zOrder": "96",
"measuredW": "165",
"measuredH": "44",
"w": "165",
"h": "44",
"x": "338",
"y": "1715",
"properties": {
"controlName": "106-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": "2",
"typeID": "__group__",
"zOrder": "2",
"measuredW": "24",
"measuredH": "24",
"w": "24",
"h": "24",
"x": "141",
"y": "10",
"children": {
"controls": {
"control": [
{
"ID": "0",
"typeID": "Icon",
"zOrder": "0",
"measuredW": "24",
"measuredH": "24",
"x": "0",
"y": "0",
"properties": {
"color": "16777215",
"icon": {
"ID": "circle",
"size": "small"
}
}
},
{
"ID": "1",
"typeID": "Icon",
"zOrder": "1",
"measuredW": "24",
"measuredH": "24",
"x": "0",
"y": "0",
"properties": {
"color": "16777215",
"icon": {
"ID": "circle",
"size": "small"
}
}
},
{
"ID": "2",
"typeID": "Icon",
"zOrder": "2",
"measuredW": "24",
"measuredH": "24",
"x": "0",
"y": "0",
"properties": {
"color": "3700253",
"icon": {
"ID": "check-circle",
"size": "small"
}
}
}
]
}
}
}
]
}
}
},
{
"ID": "14708",
"typeID": "__group__",
"zOrder": "97",
"measuredW": "165",
"measuredH": "44",
"w": "165",
"h": "44",
"x": "335",
"y": "1619",
"properties": {
"controlName": "104-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": "2",
"typeID": "__group__",
"zOrder": "2",
"measuredW": "24",
"measuredH": "24",
"w": "24",
"h": "24",
"x": "141",
"y": "10",
"children": {
"controls": {
"control": [
{
"ID": "0",
"typeID": "Icon",
"zOrder": "0",
"measuredW": "24",
"measuredH": "24",
"x": "0",
"y": "0",
"properties": {
"color": "16777215",
"icon": {
"ID": "circle",
"size": "small"
}
}
},
{
"ID": "1",
"typeID": "Icon",
"zOrder": "1",
"measuredW": "24",
"measuredH": "24",
"x": "0",
"y": "0",
"properties": {
"color": "16777215",
"icon": {
"ID": "circle",
"size": "small"
}
}
},
{
"ID": "2",
"typeID": "Icon",
"zOrder": "2",
"measuredW": "24",
"measuredH": "24",
"x": "0",
"y": "0",
"properties": {
"icon": {
"ID": "check-circle",
"size": "small"
},
"color": "10027263"
}
}
]
}
}
}
]
}
}
},
{
"ID": "14710",
"typeID": "__group__",
"zOrder": "98",
"measuredW": "202",
"measuredH": "47",
"w": "202",
"h": "47",
"x": "771",
"y": "1436",
"properties": {
"controlName": "109-testing"
},
"children": {
"controls": {
"control": [
{
"ID": "0",
"typeID": "TextArea",
"zOrder": "0",
"w": "202",
"h": "47",
"measuredW": "200",
"measuredH": "140",
"x": "0",
"y": "0",
"properties": {
"color": "16776960"
}
},
{
"ID": "1",
"typeID": "Label",
"zOrder": "1",
"measuredW": "56",
"measuredH": "25",
"x": "73",
"y": "11",
"properties": {
"size": "17",
"text": "Testing"
}
}
]
}
}
},
{
"ID": "14711",
"typeID": "__group__",
"zOrder": "99",
"measuredW": "109",
"measuredH": "44",
"w": "109",
"h": "44",
"x": "733",
"y": "1290",
"properties": {
"controlName": "100-testing:jest"
},
"children": {
"controls": {
"control": [
{
"ID": "0",
"typeID": "TextArea",
"zOrder": "0",
"w": "100",
"h": "44",
"measuredW": "200",
"measuredH": "140",
"x": "9",
"y": "0",
"properties": {
"color": "16770457"
}
},
{
"ID": "1",
"typeID": "Label",
"zOrder": "1",
"measuredW": "33",
"measuredH": "25",
"x": "42",
"y": "10",
"properties": {
"size": "17",
"text": "Jest"
}
},
{
"ID": "2",
"typeID": "__group__",
"zOrder": "2",
"measuredW": "24",
"measuredH": "24",
"w": "24",
"h": "24",
"x": "0",
"y": "10",
"children": {
"controls": {
"control": [
{
"ID": "0",
"typeID": "Icon",
"zOrder": "0",
"measuredW": "24",
"measuredH": "24",
"x": "0",
"y": "0",
"properties": {
"color": "16777215",
"icon": {
"ID": "circle",
"size": "small"
}
}
},
{
"ID": "1",
"typeID": "Icon",
"zOrder": "1",
"measuredW": "24",
"measuredH": "24",
"x": "0",
"y": "0",
"properties": {
"color": "10027263",
"icon": {
"ID": "check-circle",
"size": "small"
}
}
}
]
}
}
}
]
}
}
},
{
"ID": "14712",
"typeID": "__group__",
"zOrder": "100",
"measuredW": "123",
"measuredH": "44",
"w": "123",
"h": "44",
"x": "847",
"y": "1290",
"properties": {
"controlName": "101-testing:vitest"
},
"children": {
"controls": {
"control": [
{
"ID": "0",
"typeID": "TextArea",
"zOrder": "0",
"w": "112",
"h": "44",
"measuredW": "200",
"measuredH": "140",
"x": "0",
"y": "0",
"properties": {
"color": "16770457"
}
},
{
"ID": "1",
"typeID": "Label",
"zOrder": "1",
"measuredW": "44",
"measuredH": "25",
"x": "34",
"y": "10",
"properties": {
"size": "17",
"text": "Vitest"
}
},
{
"ID": "2",
"typeID": "__group__",
"zOrder": "2",
"measuredW": "24",
"measuredH": "24",
"w": "24",
"h": "24",
"x": "99",
"y": "10",
"children": {
"controls": {
"control": [
{
"ID": "0",
"typeID": "Icon",
"zOrder": "0",
"measuredW": "24",
"measuredH": "24",
"x": "0",
"y": "0",
"properties": {
"color": "16777215",
"icon": {
"ID": "circle",
"size": "small"
}
}
},
{
"ID": "1",
"typeID": "Icon",
"zOrder": "1",
"measuredW": "24",
"measuredH": "24",
"x": "0",
"y": "0",
"properties": {
"color": "16777215",
"icon": {
"ID": "circle",
"size": "small"
}
}
},
{
"ID": "2",
"typeID": "Icon",
"zOrder": "2",
"measuredW": "24",
"measuredH": "24",
"x": "0",
"y": "0",
"properties": {
"color": "3700253",
"icon": {
"ID": "check-circle",
"size": "small"
}
}
}
]
}
}
}
]
}
}
},
{
"ID": "14713",
"typeID": "__group__",
"zOrder": "101",
"measuredW": "229",
"measuredH": "44",
"w": "229",
"h": "44",
"x": "730",
"y": "1339",
"properties": {
"controlName": "102-testing:react-testing-library"
},
"children": {
"controls": {
"control": [
{
"ID": "0",
"typeID": "TextArea",
"zOrder": "0",
"w": "218",
"h": "44",
"measuredW": "200",
"measuredH": "140",
"x": "11",
"y": "0",
"properties": {
"color": "16770457"
}
},
{
"ID": "1",
"typeID": "Label",
"zOrder": "1",
"measuredW": "164",
"measuredH": "25",
"x": "36",
"y": "10",
"properties": {
"size": "17",
"text": "React Testing Library"
}
},
{
"ID": "2",
"typeID": "__group__",
"zOrder": "2",
"measuredW": "24",
"measuredH": "24",
"w": "24",
"h": "24",
"x": "0",
"y": "10",
"children": {
"controls": {
"control": [
{
"ID": "0",
"typeID": "Icon",
"zOrder": "0",
"measuredW": "24",
"measuredH": "24",
"x": "0",
"y": "0",
"properties": {
"color": "16777215",
"icon": {
"ID": "circle",
"size": "small"
}
}
},
{
"ID": "1",
"typeID": "Icon",
"zOrder": "1",
"measuredW": "24",
"measuredH": "24",
"x": "0",
"y": "0",
"properties": {
"color": "10027263",
"icon": {
"ID": "check-circle",
"size": "small"
}
}
}
]
}
}
}
]
}
}
},
{
"ID": "14714",
"typeID": "TextArea",
"zOrder": "10",
"w": "249",
"h": "131",
"measuredW": "200",
"measuredH": "140",
"x": "725",
"y": "1273",
"properties": {
"color": "16777215"
}
},
{
"ID": "14717",
"typeID": "Arrow",
"zOrder": "9",
"w": "399",
"h": "1",
"measuredW": "150",
"measuredH": "100",
"x": "432",
"y": "1459",
"properties": {
"color": "2848996",
"direction": "bottom",
"leftArrow": "false",
"rightArrow": "false",
"p0": {
"x": 398.87452368273557,
"y": -0.1189739449064291
},
"p1": {
"x": 0.46856302129091915,
"y": -0.00048223708306204834
},
"p2": {
"x": 0.20078475948128016,
"y": -0.11897394490631541
}
}
},
{
"ID": "14718",
"typeID": "Arrow",
"zOrder": "8",
"w": "1",
"h": "158",
"measuredW": "150",
"measuredH": "100",
"x": "871",
"y": "1383",
"properties": {
"color": "2848996",
"direction": "bottom",
"leftArrow": "false",
"rightArrow": "false",
"stroke": "dotted",
"p0": {
"x": 0.48803395698428176,
"y": 157.48267742941835
},
"p1": {
"x": 0.4642857142857147,
"y": -0.003992113361953185
},
"p2": {
"x": 0.48803395698428176,
"y": -0.11897394490631541
}
}
},
{
"ID": "14719",
"typeID": "__group__",
"zOrder": "102",
"measuredW": "161",
"measuredH": "44",
"w": "161",
"h": "44",
"x": "821",
"y": "1517",
"properties": {
"controlName": "103-testing:cypress"
},
"children": {
"controls": {
"control": [
{
"ID": "0",
"typeID": "TextArea",
"zOrder": "0",
"w": "152",
"h": "44",
"measuredW": "200",
"measuredH": "140",
"x": "0",
"y": "0",
"properties": {
"color": "16770457"
}
},
{
"ID": "1",
"typeID": "Label",
"zOrder": "1",
"measuredW": "63",
"measuredH": "25",
"x": "44",
"y": "10",
"properties": {
"size": "17",
"text": "Cypress"
}
},
{
"ID": "2",
"typeID": "__group__",
"zOrder": "2",
"measuredW": "24",
"measuredH": "24",
"w": "24",
"h": "24",
"x": "137",
"y": "10",
"children": {
"controls": {
"control": [
{
"ID": "0",
"typeID": "Icon",
"zOrder": "0",
"measuredW": "24",
"measuredH": "24",
"x": "0",
"y": "0",
"properties": {
"color": "16777215",
"icon": {
"ID": "circle",
"size": "small"
}
}
},
{
"ID": "1",
"typeID": "Icon",
"zOrder": "1",
"measuredW": "24",
"measuredH": "24",
"x": "0",
"y": "0",
"properties": {
"color": "16777215",
"icon": {
"ID": "circle",
"size": "small"
}
}
},
{
"ID": "2",
"typeID": "Icon",
"zOrder": "2",
"measuredW": "24",
"measuredH": "24",
"x": "0",
"y": "0",
"properties": {
"color": "3700253",
"icon": {
"ID": "check-circle",
"size": "small"
}
}
}
]
}
}
}
]
}
}
},
{
"ID": "14720",
"typeID": "__group__",
"zOrder": "103",
"measuredW": "162",
"measuredH": "44",
"w": "162",
"h": "44",
"x": "821",
"y": "1565",
"properties": {
"controlName": "104-testing:playwright"
},
"children": {
"controls": {
"control": [
{
"ID": "0",
"typeID": "TextArea",
"zOrder": "0",
"w": "152",
"h": "44",
"measuredW": "200",
"measuredH": "140",
"x": "0",
"y": "0",
"properties": {
"color": "16770457"
}
},
{
"ID": "1",
"typeID": "Label",
"zOrder": "1",
"measuredW": "78",
"measuredH": "25",
"x": "37",
"y": "10",
"properties": {
"size": "17",
"text": "Playwright"
}
},
{
"ID": "2",
"typeID": "__group__",
"zOrder": "2",
"measuredW": "24",
"measuredH": "24",
"w": "24",
"h": "24",
"x": "138",
"y": "10",
"children": {
"controls": {
"control": [
{
"ID": "0",
"typeID": "Icon",
"zOrder": "0",
"measuredW": "24",
"measuredH": "24",
"x": "0",
"y": "0",
"properties": {
"color": "16777215",
"icon": {
"ID": "circle",
"size": "small"
}
}
},
{
"ID": "1",
"typeID": "Icon",
"zOrder": "1",
"measuredW": "24",
"measuredH": "24",
"x": "0",
"y": "0",
"properties": {
"color": "10027263",
"icon": {
"ID": "check-circle",
"size": "small"
}
}
}
]
}
}
}
]
}
}
},
{
"ID": "14721",
"typeID": "Arrow",
"zOrder": "7",
"w": "323",
"h": "336",
"measuredW": "150",
"measuredH": "100",
"x": "949",
"y": "1119",
"properties": {
"color": "2848996",
"direction": "bottom",
"leftArrow": "false",
"rightArrow": "false",
"p0": {
"x": 323.71054144095206,
"y": -0.2577704536804504
},
"p1": {
"x": 0.5105886846310793,
"y": 0.2003859568009807
},
"p2": {
"x": 0.23583113021061308,
"y": 335.9299197382693
}
}
},
{
"ID": "14722",
"typeID": "__group__",
"zOrder": "104",
"measuredW": "202",
"measuredH": "47",
"w": "202",
"h": "47",
"x": "1169",
"y": "1092",
"properties": {
"controlName": "110-frameworks"
},
"children": {
"controls": {
"control": [
{
"ID": "0",
"typeID": "TextArea",
"zOrder": "0",
"w": "202",
"h": "47",
"measuredW": "200",
"measuredH": "140",
"x": "0",
"y": "0",
"properties": {
"color": "16776960"
}
},
{
"ID": "1",
"typeID": "Label",
"zOrder": "1",
"measuredW": "94",
"measuredH": "25",
"x": "54",
"y": "11",
"properties": {
"size": "17",
"text": "Frameworks"
}
}
]
}
}
},
{
"ID": "14723",
"typeID": "__group__",
"zOrder": "105",
"measuredW": "167",
"measuredH": "44",
"w": "167",
"h": "44",
"x": "1213",
"y": "1014",
"properties": {
"controlName": "101-frameworks: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": "2",
"typeID": "__group__",
"zOrder": "2",
"measuredW": "24",
"measuredH": "24",
"w": "24",
"h": "24",
"x": "143",
"y": "10",
"children": {
"controls": {
"control": [
{
"ID": "0",
"typeID": "Icon",
"zOrder": "0",
"measuredW": "24",
"measuredH": "24",
"x": "0",
"y": "0",
"properties": {
"color": "16777215",
"icon": {
"ID": "circle",
"size": "small"
}
}
},
{
"ID": "1",
"typeID": "Icon",
"zOrder": "1",
"measuredW": "24",
"measuredH": "24",
"x": "0",
"y": "0",
"properties": {
"color": "10027263",
"icon": {
"ID": "check-circle",
"size": "small"
}
}
}
]
}
}
}
]
}
}
},
{
"ID": "14724",
"typeID": "__group__",
"zOrder": "106",
"measuredW": "169",
"measuredH": "44",
"w": "169",
"h": "44",
"x": "1212",
"y": "966",
"properties": {
"controlName": "100-frameworks:remix"
},
"children": {
"controls": {
"control": [
{
"ID": "0",
"typeID": "TextArea",
"zOrder": "0",
"w": "158",
"h": "44",
"measuredW": "200",
"measuredH": "140",
"x": "0",
"y": "0",
"properties": {
"color": "16770457"
}
},
{
"ID": "1",
"typeID": "Label",
"zOrder": "1",
"measuredW": "49",
"measuredH": "25",
"x": "54",
"y": "10",
"properties": {
"size": "17",
"text": "Remix"
}
},
{
"ID": "2",
"typeID": "__group__",
"zOrder": "2",
"measuredW": "24",
"measuredH": "24",
"w": "24",
"h": "24",
"x": "145",
"y": "10",
"children": {
"controls": {
"control": [
{
"ID": "0",
"typeID": "Icon",
"zOrder": "0",
"measuredW": "24",
"measuredH": "24",
"x": "0",
"y": "0",
"properties": {
"color": "16777215",
"icon": {
"ID": "circle",
"size": "small"
}
}
},
{
"ID": "1",
"typeID": "Icon",
"zOrder": "1",
"measuredW": "24",
"measuredH": "24",
"x": "0",
"y": "0",
"properties": {
"color": "16777215",
"icon": {
"ID": "circle",
"size": "small"
}
}
},
{
"ID": "2",
"typeID": "Icon",
"zOrder": "2",
"measuredW": "24",
"measuredH": "24",
"x": "0",
"y": "0",
"properties": {
"color": "3700253",
"icon": {
"ID": "check-circle",
"size": "small"
}
}
}
]
}
}
}
]
}
}
},
{
"ID": "14725",
"typeID": "Arrow",
"zOrder": "6",
"w": "1",
"h": "87",
"measuredW": "150",
"measuredH": "100",
"x": "1293",
"y": "1023",
"properties": {
"color": "2848996",
"direction": "bottom",
"leftArrow": "false",
"rightArrow": "false",
"stroke": "dotted",
"p0": {
"x": 0.48803395698428176,
"y": 87.26690962551424
},
"p1": {
"x": 0.46428571428571475,
"y": -0.0039921133619531856
},
"p2": {
"x": 0.48803395698428176,
"y": -0.11897394490631541
}
}
},
{
"ID": "14726",
"typeID": "Arrow",
"zOrder": "5",
"w": "1",
"h": "329",
"measuredW": "150",
"measuredH": "100",
"x": "1296",
"y": "1118",
"properties": {
"color": "2848996",
"direction": "bottom",
"leftArrow": "false",
"rightArrow": "false",
"p0": {
"x": 0.20078475948139385,
"y": 328.45459981746376
},
"p1": {
"x": 0.46856302129091976,
"y": -0.0004822370830620469
},
"p2": {
"x": 0.20078475948128016,
"y": -0.11897394490631541
}
}
},
{
"ID": "14727",
"typeID": "__group__",
"zOrder": "107",
"measuredW": "202",
"measuredH": "44",
"w": "202",
"h": "44",
"x": "1169",
"y": "1420",
"properties": {
"controlName": "111-forms"
},
"children": {
"controls": {
"control": [
{
"ID": "0",
"typeID": "TextArea",
"zOrder": "0",
"w": "202",
"h": "44",
"measuredW": "200",
"measuredH": "140",
"x": "0",
"y": "0",
"properties": {
"color": "16776960"
}
},
{
"ID": "1",
"typeID": "Label",
"zOrder": "1",
"measuredW": "48",
"measuredH": "25",
"x": "77",
"y": "10",
"properties": {
"size": "17",
"text": "Forms"
}
}
]
}
}
},
{
"ID": "14728",
"typeID": "__group__",
"zOrder": "108",
"measuredW": "198",
"measuredH": "44",
"w": "198",
"h": "44",
"x": "1190",
"y": "1517",
"properties": {
"controlName": "100-forms:react-hook-form"
},
"children": {
"controls": {
"control": [
{
"ID": "0",
"typeID": "TextArea",
"zOrder": "0",
"w": "186",
"h": "44",
"measuredW": "200",
"measuredH": "140",
"x": "0",
"y": "0",
"properties": {
"color": "16770457"
}
},
{
"ID": "1",
"typeID": "Label",
"zOrder": "1",
"measuredW": "135",
"measuredH": "25",
"x": "25",
"y": "10",
"properties": {
"size": "17",
"text": "React Hook Form"
}
},
{
"ID": "2",
"typeID": "__group__",
"zOrder": "2",
"measuredW": "24",
"measuredH": "24",
"w": "24",
"h": "24",
"x": "174",
"y": "10",
"children": {
"controls": {
"control": [
{
"ID": "0",
"typeID": "Icon",
"zOrder": "0",
"measuredW": "24",
"measuredH": "24",
"x": "0",
"y": "0",
"properties": {
"color": "16777215",
"icon": {
"ID": "circle",
"size": "small"
}
}
},
{
"ID": "1",
"typeID": "Icon",
"zOrder": "1",
"measuredW": "24",
"measuredH": "24",
"x": "0",
"y": "0",
"properties": {
"color": "10027263",
"icon": {
"ID": "check-circle",
"size": "small"
}
}
}
]
}
}
}
]
}
}
},
{
"ID": "14729",
"typeID": "__group__",
"zOrder": "109",
"measuredW": "195",
"measuredH": "44",
"w": "195",
"h": "44",
"x": "1191",
"y": "1565",
"properties": {
"controlName": "101-forms:formik"
},
"children": {
"controls": {
"control": [
{
"ID": "0",
"typeID": "TextArea",
"zOrder": "0",
"w": "185",
"h": "44",
"measuredW": "200",
"measuredH": "140",
"x": "0",
"y": "0",
"properties": {
"color": "16770457"
}
},
{
"ID": "1",
"typeID": "Label",
"zOrder": "1",
"measuredW": "52",
"measuredH": "25",
"x": "67",
"y": "10",
"properties": {
"size": "17",
"text": "Formik"
}
},
{
"ID": "2",
"typeID": "__group__",
"zOrder": "2",
"measuredW": "24",
"measuredH": "24",
"w": "24",
"h": "24",
"x": "171",
"y": "10",
"children": {
"controls": {
"control": [
{
"ID": "0",
"typeID": "Icon",
"zOrder": "0",
"measuredW": "24",
"measuredH": "24",
"x": "0",
"y": "0",
"properties": {
"color": "16777215",
"icon": {
"ID": "circle",
"size": "small"
}
}
},
{
"ID": "1",
"typeID": "Icon",
"zOrder": "1",
"measuredW": "24",
"measuredH": "24",
"x": "0",
"y": "0",
"properties": {
"color": "16777215",
"icon": {
"ID": "circle",
"size": "small"
}
}
},
{
"ID": "2",
"typeID": "Icon",
"zOrder": "2",
"measuredW": "24",
"measuredH": "24",
"x": "0",
"y": "0",
"properties": {
"color": "3700253",
"icon": {
"ID": "check-circle",
"size": "small"
}
}
}
]
}
}
}
]
}
}
},
{
"ID": "14730",
"typeID": "__group__",
"zOrder": "110",
"measuredW": "195",
"measuredH": "44",
"w": "195",
"h": "44",
"x": "1191",
"y": "1613",
"properties": {
"controlName": "102-forms:final-form"
},
"children": {
"controls": {
"control": [
{
"ID": "0",
"typeID": "TextArea",
"zOrder": "0",
"w": "185",
"h": "44",
"measuredW": "200",
"measuredH": "140",
"x": "0",
"y": "0",
"properties": {
"color": "16770457"
}
},
{
"ID": "1",
"typeID": "Label",
"zOrder": "1",
"measuredW": "82",
"measuredH": "25",
"x": "52",
"y": "10",
"properties": {
"size": "17",
"text": "Final Form"
}
},
{
"ID": "2",
"typeID": "__group__",
"zOrder": "2",
"measuredW": "24",
"measuredH": "24",
"w": "24",
"h": "24",
"x": "171",
"y": "10",
"children": {
"controls": {
"control": [
{
"ID": "0",
"typeID": "Icon",
"zOrder": "0",
"measuredW": "24",
"measuredH": "24",
"x": "0",
"y": "0",
"properties": {
"color": "16777215",
"icon": {
"ID": "circle",
"size": "small"
}
}
},
{
"ID": "1",
"typeID": "Icon",
"zOrder": "1",
"measuredW": "24",
"measuredH": "24",
"x": "0",
"y": "0",
"properties": {
"color": "16777215",
"icon": {
"ID": "circle",
"size": "small"
}
}
},
{
"ID": "2",
"typeID": "Icon",
"zOrder": "2",
"measuredW": "24",
"measuredH": "24",
"x": "0",
"y": "0",
"properties": {
"color": "3700253",
"icon": {
"ID": "check-circle",
"size": "small"
}
}
}
]
}
}
}
]
}
}
},
{
"ID": "14731",
"typeID": "Arrow",
"zOrder": "4",
"w": "1",
"h": "107",
"measuredW": "150",
"measuredH": "100",
"x": "1295",
"y": "1437",
"properties": {
"color": "2848996",
"direction": "bottom",
"leftArrow": "false",
"rightArrow": "false",
"stroke": "dotted",
"p0": {
"x": 0.48803395698428176,
"y": 106.92077890672635
},
"p1": {
"x": 0.46428571428571475,
"y": -0.0039921133619531856
},
"p2": {
"x": 0.48803395698428176,
"y": -0.11897394490631541
}
}
},
{
"ID": "14734",
"typeID": "__group__",
"zOrder": "113",
"measuredW": "224",
"measuredH": "44",
"w": "224",
"h": "44",
"x": "910",
"y": "1679",
"properties": {
"controlName": "112-suspense"
},
"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": "77",
"measuredH": "25",
"x": "73",
"y": "10",
"properties": {
"size": "17",
"text": "Suspense"
}
}
]
}
}
},
{
"ID": "14736",
"typeID": "__group__",
"zOrder": "114",
"measuredW": "224",
"measuredH": "44",
"w": "224",
"h": "44",
"x": "910",
"y": "1727",
"properties": {
"controlName": "113-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": "14737",
"typeID": "__group__",
"zOrder": "115",
"measuredW": "224",
"measuredH": "44",
"w": "224",
"h": "44",
"x": "910",
"y": "1775",
"properties": {
"controlName": "114-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": "14738",
"typeID": "__group__",
"zOrder": "116",
"measuredW": "224",
"measuredH": "44",
"w": "224",
"h": "44",
"x": "910",
"y": "1823",
"properties": {
"controlName": "115-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": "14739",
"typeID": "Arrow",
"zOrder": "3",
"w": "100",
"h": "1",
"measuredW": "150",
"measuredH": "100",
"x": "1100",
"y": "1442",
"properties": {
"color": "2848996",
"direction": "bottom",
"leftArrow": "false",
"rightArrow": "false",
"p0": {
"x": 99.87452368273557,
"y": -0.1189739449064291
},
"p1": {
"x": 0.4685630212909191,
"y": -0.00048223708306204904
},
"p2": {
"x": 0.22113086399144777,
"y": 1.2242665918161038
}
}
},
{
"ID": "14740",
"typeID": "Arrow",
"zOrder": "111",
"w": "1",
"h": "329",
"measuredW": "150",
"measuredH": "100",
"x": "1100",
"y": "1444",
"properties": {
"color": "2848996",
"direction": "bottom",
"leftArrow": "false",
"rightArrow": "false",
"p0": {
"x": 0.20078475948139385,
"y": 328.45459981746376
},
"p1": {
"x": 0.46856302129091976,
"y": -0.0004822370830620469
},
"p2": {
"x": 0.20078475948128016,
"y": -0.11897394490631541
}
}
},
{
"ID": "14741",
"typeID": "TextArea",
"zOrder": "112",
"w": "253",
"h": "251",
"measuredW": "200",
"measuredH": "140",
"x": "894",
"y": "1662",
"properties": {
"color": "16777215"
}
},
{
"ID": "14742",
"typeID": "Label",
"zOrder": "117",
"measuredW": "130",
"measuredH": "25",
"x": "956",
"y": "1877",
"properties": {
"size": "17",
"text": "Advanced Topics"
}
},
{
"ID": "14743",
"typeID": "Arrow",
"zOrder": "2",
"w": "215",
"h": "1",
"measuredW": "150",
"measuredH": "100",
"x": "707",
"y": "1748",
"properties": {
"color": "2848996",
"direction": "bottom",
"leftArrow": "false",
"rightArrow": "false",
"p0": {
"x": 214.87452368273557,
"y": -0.1189739449064291
},
"p1": {
"x": 0.46856302129091915,
"y": -0.0004822370830620489
},
"p2": {
"x": -0.49168649527814523,
"y": -0.1189739449064291
}
}
},
{
"ID": "14744",
"typeID": "__group__",
"zOrder": "118",
"measuredW": "159",
"measuredH": "44",
"w": "159",
"h": "44",
"x": "628",
"y": "1728",
"properties": {
"controlName": "116-mobile"
},
"children": {
"controls": {
"control": [
{
"ID": "0",
"typeID": "TextArea",
"zOrder": "0",
"w": "159",
"h": "44",
"measuredW": "200",
"measuredH": "140",
"x": "0",
"y": "0",
"properties": {
"color": "16776960"
}
},
{
"ID": "1",
"typeID": "Label",
"zOrder": "1",
"measuredW": "52",
"measuredH": "25",
"x": "55",
"y": "10",
"properties": {
"size": "17",
"text": "Mobile"
}
}
]
}
}
},
{
"ID": "14745",
"typeID": "__group__",
"zOrder": "119",
"measuredW": "159",
"measuredH": "44",
"w": "159",
"h": "44",
"x": "628",
"y": "1635",
"properties": {
"controlName": "100-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": "14746",
"typeID": "Arrow",
"zOrder": "1",
"w": "1",
"h": "92",
"measuredW": "150",
"measuredH": "100",
"x": "707",
"y": "1653",
"properties": {
"color": "2848996",
"direction": "bottom",
"leftArrow": "false",
"rightArrow": "false",
"stroke": "dotted",
"p0": {
"x": 0.48803395698428176,
"y": 92.16332546474791
},
"p1": {
"x": 0.4642857142857146,
"y": -0.003992113361953179
},
"p2": {
"x": 0.48803395698428176,
"y": 0.31578862917604056
}
}
},
{
"ID": "14747",
"typeID": "Arrow",
"zOrder": "120",
"w": "1",
"h": "139",
"measuredW": "150",
"measuredH": "100",
"x": "707",
"y": "2078",
"properties": {
"color": "2848996",
"curvature": "-1",
"direction": "bottom",
"leftArrow": "false",
"rightArrow": "false",
"p0": {
"x": 0,
"y": 0
},
"p1": {
"x": 0.4438624012549725,
"y": -0.00008403832147459167
},
"p2": {
"x": 0,
"y": 139
},
"stroke": "dotted"
}
},
{
"ID": "14748",
"typeID": "Arrow",
"zOrder": "0",
"w": "1",
"h": "287",
"measuredW": "150",
"measuredH": "100",
"x": "707",
"y": "1760",
"properties": {
"color": "2848996",
"curvature": "-1",
"direction": "bottom",
"leftArrow": "false",
"rightArrow": "false",
"p0": {
"x": 0,
"y": 0
},
"p1": {
"x": 0.44386240125497245,
"y": -0.00008403832147459167
},
"p2": {
"x": 0,
"y": 286.8596251740669
}
}
},
{
"ID": "14749",
"typeID": "TextArea",
"zOrder": "121",
"w": "425",
"h": "124",
"measuredW": "200",
"measuredH": "140",
"x": "494",
"y": "2009"
},
{
"ID": "14750",
"typeID": "Label",
"zOrder": "122",
"measuredW": "369",
"measuredH": "25",
"x": "523",
"y": "2029",
"properties": {
"size": "17",
"text": "Visit the Frontend Developer Roadmap for more"
}
},
{
"ID": "14752",
"typeID": "__group__",
"zOrder": "123",
"measuredW": "370",
"measuredH": "44",
"w": "370",
"h": "44",
"x": "523",
"y": "2064",
"properties": {
"controlName": "ext_link:roadmap.sh/frontend"
},
"children": {
"controls": {
"control": [
{
"ID": "0",
"typeID": "TextArea",
"zOrder": "0",
"w": "370",
"h": "44",
"measuredW": "200",
"measuredH": "140",
"x": "0",
"y": "0",
"properties": {
"color": "16770457"
}
},
{
"ID": "1",
"typeID": "Label",
"zOrder": "1",
"measuredW": "149",
"measuredH": "25",
"x": "110",
"y": "9",
"properties": {
"size": "17",
"text": "Frontend Roadmap"
}
}
]
}
}
},
{
"ID": "14753",
"typeID": "__group__",
"zOrder": "124",
"measuredW": "352",
"measuredH": "54",
"w": "352",
"h": "54",
"x": "1149",
"y": "266",
"properties": {
"controlName": "100-react-roadmap-note"
},
"children": {
"controls": {
"control": [
{
"ID": "0",
"typeID": "TextArea",
"zOrder": "0",
"w": "352",
"h": "54",
"measuredW": "200",
"measuredH": "140",
"x": "0",
"y": "0"
},
{
"ID": "1",
"typeID": "Label",
"zOrder": "1",
"measuredW": "224",
"measuredH": "26",
"x": "50",
"y": "14",
"properties": {
"size": "18",
"text": "Important Note / Click here"
}
},
{
"ID": "2",
"typeID": "__group__",
"zOrder": "2",
"measuredW": "24",
"measuredH": "24",
"w": "24",
"h": "24",
"x": "18",
"y": "18",
"children": {
"controls": {
"control": [
{
"ID": "0",
"typeID": "Icon",
"zOrder": "0",
"measuredW": "24",
"measuredH": "24",
"x": "0",
"y": "0",
"properties": {
"color": "16777215",
"icon": {
"ID": "circle",
"size": "small"
}
}
},
{
"ID": "1",
"typeID": "Icon",
"zOrder": "1",
"measuredW": "24",
"measuredH": "24",
"x": "0",
"y": "0",
"properties": {
"icon": {
"ID": "check-circle",
"size": "small"
},
"color": "13576743"
}
}
]
}
}
}
]
}
}
},
{
"ID": "14754",
"typeID": "__group__",
"zOrder": "125",
"measuredW": "408",
"measuredH": "162",
"w": "408",
"h": "162",
"x": "185",
"y": "85",
"children": {
"controls": {
"control": [
{
"ID": "0",
"typeID": "Canvas",
"zOrder": "0",
"w": "408",
"h": "162",
"measuredW": "100",
"measuredH": "70",
"x": "0",
"y": "0"
},
{
"ID": "1",
"typeID": "__group__",
"zOrder": "1",
"measuredW": "24",
"measuredH": "24",
"w": "24",
"h": "24",
"x": "23",
"y": "21",
"children": {
"controls": {
"control": [
{
"ID": "0",
"typeID": "Icon",
"zOrder": "0",
"measuredW": "24",
"measuredH": "24",
"x": "0",
"y": "0",
"properties": {
"color": "16777215",
"icon": {
"ID": "circle",
"size": "small"
}
}
},
{
"ID": "1",
"typeID": "Icon",
"zOrder": "1",
"measuredW": "24",
"measuredH": "24",
"x": "0",
"y": "0",
"properties": {
"color": "10027263",
"icon": {
"ID": "check-circle",
"size": "small"
}
}
}
]
}
}
},
{
"ID": "2",
"typeID": "Label",
"zOrder": "2",
"measuredW": "269",
"measuredH": "24",
"x": "59",
"y": "21",
"properties": {
"size": "16",
"text": "Personal Recommendation / Opinion"
}
},
{
"ID": "3",
"typeID": "Label",
"zOrder": "3",
"measuredW": "159",
"measuredH": "24",
"x": "59",
"y": "118",
"properties": {
"size": "16",
"text": "I wouldn't recommend"
}
},
{
"ID": "4",
"typeID": "Icon",
"zOrder": "4",
"measuredW": "24",
"measuredH": "24",
"x": "23",
"y": "118",
"properties": {
"color": "10066329",
"icon": {
"ID": "circle",
"size": "small"
}
}
},
{
"ID": "5",
"typeID": "Label",
"zOrder": "5",
"w": "324",
"measuredW": "315",
"measuredH": "24",
"x": "60",
"y": "86",
"properties": {
"size": "16",
"text": "Order in roadmap not strict (Learn anytime)"
}
},
{
"ID": "6",
"typeID": "__group__",
"zOrder": "6",
"measuredW": "24",
"measuredH": "24",
"w": "24",
"h": "24",
"x": "23",
"y": "86",
"children": {
"controls": {
"control": [
{
"ID": "0",
"typeID": "Icon",
"zOrder": "0",
"measuredW": "24",
"measuredH": "24",
"x": "0",
"y": "0",
"properties": {
"color": "16777215",
"icon": {
"ID": "circle",
"size": "small"
}
}
},
{
"ID": "1",
"typeID": "Icon",
"zOrder": "1",
"measuredW": "24",
"measuredH": "24",
"x": "0",
"y": "0",
"properties": {
"color": "10066329",
"icon": {
"ID": "check-circle",
"size": "small"
}
}
}
]
}
}
},
{
"ID": "7",
"typeID": "Label",
"zOrder": "7",
"measuredW": "272",
"measuredH": "24",
"x": "59",
"y": "54",
"properties": {
"size": "16",
"text": "Alternative Option - Pick this or purple"
}
},
{
"ID": "8",
"typeID": "__group__",
"zOrder": "8",
"measuredW": "24",
"measuredH": "24",
"w": "24",
"h": "24",
"x": "23",
"y": "53",
"children": {
"controls": {
"control": [
{
"ID": "0",
"typeID": "Icon",
"zOrder": "0",
"measuredW": "24",
"measuredH": "24",
"x": "0",
"y": "0",
"properties": {
"color": "16777215",
"icon": {
"ID": "circle",
"size": "small"
}
}
},
{
"ID": "1",
"typeID": "Icon",
"zOrder": "1",
"measuredW": "24",
"measuredH": "24",
"x": "0",
"y": "0",
"properties": {
"color": "16777215",
"icon": {
"ID": "circle",
"size": "small"
}
}
},
{
"ID": "2",
"typeID": "Icon",
"zOrder": "2",
"measuredW": "24",
"measuredH": "24",
"x": "0",
"y": "0",
"properties": {
"color": "3700253",
"icon": {
"ID": "check-circle",
"size": "small"
}
}
}
]
}
}
}
]
}
}
}
]
},
"attributes": {
"name": "New Wireframe 1 copy 2",
"order": 1000006.8992828326,
"parentID": null,
"notes": ""
},
"branchID": "Master",
"resourceID": "4BE92169-157F-4FC5-8E20-403CBCF7A6C6",
"mockupH": "2141",
"mockupW": "1316",
"measuredW": "1501",
"measuredH": "2217",
"version": "1.0"
},
"groupOffset": {
"x": 0,
"y": 0
},
"dependencies": [],
"projectID": "file:///Users/kamranahmed/Desktop/devops%20roadmap%5C.bmpr"
}