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