{ "mockup": { "controls": { "control": [ { "ID": "6041", "typeID": "Arrow", "zOrder": "0", "w": "1", "h": "287", "measuredW": "150", "measuredH": "100", "x": "717", "y": "1770", "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": "6042", "typeID": "Arrow", "zOrder": "1", "w": "1", "h": "92", "measuredW": "150", "measuredH": "100", "x": "717", "y": "1663", "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": "6043", "typeID": "Arrow", "zOrder": "2", "w": "215", "h": "1", "measuredW": "150", "measuredH": "100", "x": "717", "y": "1758", "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": "6044", "typeID": "Arrow", "zOrder": "3", "w": "100", "h": "1", "measuredW": "150", "measuredH": "100", "x": "1110", "y": "1452", "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": "6045", "typeID": "Arrow", "zOrder": "4", "w": "1", "h": "107", "measuredW": "150", "measuredH": "100", "x": "1305", "y": "1447", "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": "6046", "typeID": "Arrow", "zOrder": "5", "w": "1", "h": "329", "measuredW": "150", "measuredH": "100", "x": "1306", "y": "1128", "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": "6047", "typeID": "Arrow", "zOrder": "6", "w": "1", "h": "87", "measuredW": "150", "measuredH": "100", "x": "1303", "y": "1033", "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": "6048", "typeID": "Arrow", "zOrder": "7", "w": "323", "h": "336", "measuredW": "150", "measuredH": "100", "x": "959", "y": "1129", "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": "6049", "typeID": "Arrow", "zOrder": "8", "w": "1", "h": "158", "measuredW": "150", "measuredH": "100", "x": "881", "y": "1393", "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": "6050", "typeID": "Arrow", "zOrder": "9", "w": "399", "h": "1", "measuredW": "150", "measuredH": "100", "x": "442", "y": "1469", "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": "6051", "typeID": "TextArea", "zOrder": "10", "w": "249", "h": "131", "measuredW": "200", "measuredH": "140", "x": "735", "y": "1283", "properties": { "color": "16777215" } }, { "ID": "6052", "typeID": "Arrow", "zOrder": "11", "w": "1", "h": "179", "measuredW": "150", "measuredH": "100", "x": "428", "y": "1387", "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": "6053", "typeID": "Arrow", "zOrder": "12", "w": "1", "h": "154", "measuredW": "150", "measuredH": "100", "x": "439", "y": "1012", "properties": { "color": "2848996", "direction": "bottom", "leftArrow": "false", "rightArrow": "false", "stroke": "dotted", "p0": { "x": 0.48803395698428176, "y": 153.19958759057454 }, "p1": { "x": 0.4642857142857147, "y": -0.003992113361953182 }, "p2": { "x": 0.48803395698428176, "y": -0.48484848484849863 } } }, { "ID": "6054", "typeID": "Arrow", "zOrder": "13", "w": "170", "h": "10", "measuredW": "150", "measuredH": "100", "x": "455", "y": "1077", "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": "6055", "typeID": "Arrow", "zOrder": "14", "w": "160", "h": "49", "measuredW": "150", "measuredH": "100", "x": "463", "y": "1089", "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": "6056", "typeID": "Arrow", "zOrder": "15", "w": "164", "h": "93", "measuredW": "150", "measuredH": "100", "x": "456", "y": "1095", "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": "6057", "typeID": "Arrow", "zOrder": "16", "w": "165", "h": "133", "measuredW": "150", "measuredH": "100", "x": "455", "y": "1103", "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": "6058", "typeID": "Arrow", "zOrder": "17", "w": "1", "h": "577", "measuredW": "150", "measuredH": "100", "x": "308", "y": "886", "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": "6059", "typeID": "Arrow", "zOrder": "18", "w": "1", "h": "93", "measuredW": "150", "measuredH": "100", "x": "329", "y": "795", "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": "6060", "typeID": "Arrow", "zOrder": "19", "w": "1", "h": "66", "measuredW": "150", "measuredH": "100", "x": "717", "y": "884", "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": "6061", "typeID": "Arrow", "zOrder": "20", "w": "497", "h": "1", "measuredW": "150", "measuredH": "100", "x": "464", "y": "884", "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": "6062", "typeID": "Arrow", "zOrder": "21", "w": "148", "h": "1", "measuredW": "150", "measuredH": "100", "x": "445", "y": "448", "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": "6063", "typeID": "Arrow", "zOrder": "22", "w": "170", "h": "1", "measuredW": "150", "measuredH": "100", "x": "1054", "y": "883", "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": "6064", "typeID": "__group__", "zOrder": "23", "measuredW": "198", "measuredH": "157", "w": "198", "h": "157", "x": "1182", "y": "779", "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": "6065", "typeID": "Arrow", "zOrder": "24", "w": "1", "h": "66", "measuredW": "150", "measuredH": "100", "x": "976", "y": "896", "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": "6066", "typeID": "Arrow", "zOrder": "25", "w": "214", "h": "167", "measuredW": "150", "measuredH": "100", "x": "709", "y": "629", "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": "6067", "typeID": "Arrow", "zOrder": "26", "w": "196", "h": "113", "measuredW": "150", "measuredH": "100", "x": "715", "y": "629", "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": "6068", "typeID": "Arrow", "zOrder": "27", "w": "200", "h": "31", "measuredW": "150", "measuredH": "100", "x": "712", "y": "577", "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": "6069", "typeID": "Arrow", "zOrder": "28", "w": "179", "h": "63", "measuredW": "150", "measuredH": "100", "x": "715", "y": "627", "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": "6070", "typeID": "Arrow", "zOrder": "29", "w": "205", "h": "74", "measuredW": "150", "measuredH": "100", "x": "714", "y": "532", "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": "6071", "typeID": "Arrow", "zOrder": "30", "w": "185", "h": "29", "measuredW": "150", "measuredH": "100", "x": "708", "y": "618", "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": "6072", "typeID": "Arrow", "zOrder": "31", "w": "2", "h": "403", "measuredW": "150", "measuredH": "100", "x": "975", "y": "455", "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": "6073", "typeID": "Arrow", "zOrder": "32", "w": "153", "h": "68", "measuredW": "150", "measuredH": "100", "x": "1039", "y": "465", "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": "6074", "typeID": "Arrow", "zOrder": "33", "w": "120", "h": "44", "measuredW": "150", "measuredH": "100", "x": "1052", "y": "403", "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": "6075", "typeID": "Arrow", "zOrder": "34", "w": "154", "h": "1", "measuredW": "150", "measuredH": "100", "x": "1028", "y": "456", "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": "6076", "typeID": "Canvas", "zOrder": "35", "w": "198", "h": "272", "measuredW": "100", "measuredH": "70", "x": "1182", "y": "491" }, { "ID": "6077", "typeID": "Arrow", "zOrder": "36", "w": "281", "h": "1", "measuredW": "150", "measuredH": "100", "x": "664", "y": "454", "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": "6078", "typeID": "Arrow", "zOrder": "37", "w": "121", "h": "48", "measuredW": "150", "measuredH": "100", "x": "482", "y": "390", "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": "6079", "typeID": "Arrow", "zOrder": "38", "w": "195", "h": "124", "measuredW": "150", "measuredH": "100", "x": "689", "y": "308", "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": "6080", "typeID": "Arrow", "zOrder": "39", "w": "15", "h": "83", "measuredW": "150", "measuredH": "100", "x": "885", "y": "213", "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": "6081", "typeID": "Label", "zOrder": "40", "measuredW": "76", "measuredH": "36", "x": "844", "y": "163", "properties": { "size": "28", "text": "React" } }, { "ID": "6086", "typeID": "__group__", "zOrder": "42", "measuredW": "342", "measuredH": "55", "w": "342", "h": "55", "x": "712", "y": "274", "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": "6087", "typeID": "Arrow", "zOrder": "43", "w": "11", "h": "65", "measuredW": "150", "measuredH": "100", "x": "847", "y": "86", "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": "6088", "typeID": "__group__", "zOrder": "44", "measuredW": "207", "measuredH": "47", "w": "207", "h": "47", "x": "560", "y": "424", "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": "6089", "typeID": "__group__", "zOrder": "45", "measuredW": "206", "measuredH": "44", "w": "206", "h": "44", "x": "279", "y": "426", "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": "6090", "typeID": "__group__", "zOrder": "46", "measuredW": "206", "measuredH": "44", "w": "206", "h": "44", "x": "279", "y": "377", "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": "6091", "typeID": "__group__", "zOrder": "47", "measuredW": "207", "measuredH": "47", "w": "207", "h": "47", "x": "872", "y": "431", "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": "6092", "typeID": "__group__", "zOrder": "48", "measuredW": "246", "measuredH": "47", "w": "246", "h": "47", "x": "1164", "y": "434", "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": "6093", "typeID": "__group__", "zOrder": "49", "measuredW": "235", "measuredH": "47", "w": "235", "h": "47", "x": "1163", "y": "381", "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": "6094", "typeID": "__group__", "zOrder": "50", "measuredW": "215", "measuredH": "44", "w": "215", "h": "44", "x": "1173", "y": "542", "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": "6095", "typeID": "__group__", "zOrder": "51", "measuredW": "215", "measuredH": "47", "w": "215", "h": "47", "x": "1173", "y": "590", "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": "6096", "typeID": "__group__", "zOrder": "52", "measuredW": "215", "measuredH": "47", "w": "215", "h": "47", "x": "1173", "y": "641", "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": "6097", "typeID": "__group__", "zOrder": "53", "measuredW": "215", "measuredH": "47", "w": "215", "h": "47", "x": "1173", "y": "692", "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": "6098", "typeID": "Label", "zOrder": "54", "measuredW": "154", "measuredH": "25", "x": "1204", "y": "506", "properties": { "size": "17", "text": "Components Basics" } }, { "ID": "6099", "typeID": "__group__", "zOrder": "55", "measuredW": "207", "measuredH": "47", "w": "207", "h": "47", "x": "872", "y": "600", "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": "6100", "typeID": "__group__", "zOrder": "56", "measuredW": "255", "measuredH": "47", "w": "255", "h": "47", "x": "460", "y": "559", "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": "6101", "typeID": "__group__", "zOrder": "57", "measuredW": "255", "measuredH": "47", "w": "255", "h": "47", "x": "460", "y": "507", "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": "6102", "typeID": "__group__", "zOrder": "58", "measuredW": "255", "measuredH": "47", "w": "255", "h": "47", "x": "460", "y": "611", "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": "6103", "typeID": "__group__", "zOrder": "59", "measuredW": "255", "measuredH": "47", "w": "255", "h": "47", "x": "460", "y": "663", "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": "6104", "typeID": "__group__", "zOrder": "60", "measuredW": "255", "measuredH": "47", "w": "255", "h": "47", "x": "460", "y": "715", "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": "6105", "typeID": "__group__", "zOrder": "61", "measuredW": "255", "measuredH": "47", "w": "255", "h": "47", "x": "460", "y": "768", "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": "6106", "typeID": "__group__", "zOrder": "62", "measuredW": "242", "measuredH": "47", "w": "242", "h": "47", "x": "872", "y": "860", "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": "6107", "typeID": "__group__", "zOrder": "63", "measuredW": "174", "measuredH": "44", "w": "174", "h": "44", "x": "1194", "y": "827", "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": "6108", "typeID": "__group__", "zOrder": "64", "measuredW": "175", "measuredH": "44", "w": "175", "h": "44", "x": "1193", "y": "875", "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": "6109", "typeID": "__group__", "zOrder": "65", "measuredW": "243", "measuredH": "47", "w": "243", "h": "47", "x": "871", "y": "938", "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": "6110", "typeID": "__group__", "zOrder": "66", "measuredW": "243", "measuredH": "248", "w": "243", "h": "248", "x": "871", "y": "992", "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": "6111", "typeID": "__group__", "zOrder": "67", "measuredW": "157", "measuredH": "47", "w": "157", "h": "47", "x": "639", "y": "860", "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": "6112", "typeID": "__group__", "zOrder": "68", "measuredW": "167", "measuredH": "47", "w": "167", "h": "47", "x": "629", "y": "934", "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": "6113", "typeID": "__group__", "zOrder": "69", "measuredW": "168", "measuredH": "47", "w": "168", "h": "47", "x": "627", "y": "986", "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": "6114", "typeID": "__group__", "zOrder": "70", "measuredW": "230", "measuredH": "47", "w": "230", "h": "47", "x": "251", "y": "861", "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": "6115", "typeID": "__group__", "zOrder": "71", "measuredW": "175", "measuredH": "44", "w": "175", "h": "44", "x": "241", "y": "775", "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": "6116", "typeID": "__group__", "zOrder": "72", "measuredW": "174", "measuredH": "44", "w": "174", "h": "44", "x": "241", "y": "727", "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": "6117", "typeID": "__group__", "zOrder": "73", "measuredW": "176", "measuredH": "44", "w": "176", "h": "44", "x": "241", "y": "679", "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": "6118", "typeID": "__group__", "zOrder": "74", "measuredW": "174", "measuredH": "44", "w": "174", "h": "44", "x": "242", "y": "631", "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": "6119", "typeID": "__group__", "zOrder": "75", "measuredW": "174", "measuredH": "44", "w": "174", "h": "44", "x": "242", "y": "583", "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": { "icon": { "ID": "check-circle", "size": "small" }, "color": "3700253" } } ] } } } ] } } }, { "ID": "6120", "typeID": "__group__", "zOrder": "76", "measuredW": "227", "measuredH": "47", "w": "227", "h": "47", "x": "254", "y": "1066", "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": "6121", "typeID": "__group__", "zOrder": "77", "measuredW": "166", "measuredH": "44", "w": "166", "h": "44", "x": "608", "y": "1205", "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": "6122", "typeID": "__group__", "zOrder": "78", "measuredW": "165", "measuredH": "44", "w": "165", "h": "44", "x": "607", "y": "1109", "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": { "icon": { "ID": "check-circle", "size": "small" }, "color": "10027263" } } ] } } } ] } } }, { "ID": "6123", "typeID": "__group__", "zOrder": "79", "measuredW": "167", "measuredH": "44", "w": "167", "h": "44", "x": "608", "y": "1157", "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": { "icon": { "ID": "check-circle", "size": "small" }, "color": "3700253" } } ] } } } ] } } }, { "ID": "6124", "typeID": "__group__", "zOrder": "80", "measuredW": "167", "measuredH": "44", "w": "167", "h": "44", "x": "607", "y": "1062", "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": "TailwindCSS" } }, { "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": "6125", "typeID": "__group__", "zOrder": "81", "measuredW": "210", "measuredH": "44", "w": "210", "h": "44", "x": "357", "y": "989", "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": "6126", "typeID": "__group__", "zOrder": "82", "measuredW": "210", "measuredH": "44", "w": "210", "h": "44", "x": "357", "y": "941", "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": "6127", "typeID": "__group__", "zOrder": "83", "measuredW": "214", "measuredH": "47", "w": "214", "h": "47", "x": "260", "y": "1446", "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": "6128", "typeID": "TextArea", "zOrder": "84", "w": "105", "h": "200", "measuredW": "200", "measuredH": "140", "x": "376", "y": "1215", "properties": { "color": "16777215" } }, { "ID": "6129", "typeID": "Label", "zOrder": "85", "measuredW": "71", "measuredH": "25", "x": "393", "y": "1376", "properties": { "size": "17", "text": "GraphQL" } }, { "ID": "6130", "typeID": "__group__", "zOrder": "86", "measuredW": "167", "measuredH": "44", "w": "167", "h": "44", "x": "351", "y": "1230", "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": "6131", "typeID": "__group__", "zOrder": "87", "measuredW": "165", "measuredH": "44", "w": "165", "h": "44", "x": "351", "y": "1278", "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": "6132", "typeID": "__group__", "zOrder": "88", "measuredW": "165", "measuredH": "44", "w": "165", "h": "44", "x": "351", "y": "1325", "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": "6133", "typeID": "TextArea", "zOrder": "89", "w": "105", "h": "294", "measuredW": "200", "measuredH": "140", "x": "376", "y": "1535", "properties": { "color": "16777215" } }, { "ID": "6134", "typeID": "Label", "zOrder": "90", "measuredW": "44", "measuredH": "25", "x": "407", "y": "1549", "properties": { "size": "17", "text": "REST" } }, { "ID": "6135", "typeID": "__group__", "zOrder": "91", "measuredW": "165", "measuredH": "44", "w": "165", "h": "44", "x": "346", "y": "1581", "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": "6136", "typeID": "__group__", "zOrder": "92", "measuredW": "165", "measuredH": "44", "w": "165", "h": "44", "x": "347", "y": "1677", "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": "6137", "typeID": "__group__", "zOrder": "93", "measuredW": "165", "measuredH": "44", "w": "165", "h": "44", "x": "348", "y": "1725", "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": "6138", "typeID": "__group__", "zOrder": "94", "measuredW": "165", "measuredH": "44", "w": "165", "h": "44", "x": "345", "y": "1629", "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": "6139", "typeID": "__group__", "zOrder": "95", "measuredW": "202", "measuredH": "47", "w": "202", "h": "47", "x": "781", "y": "1446", "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": "6140", "typeID": "__group__", "zOrder": "96", "measuredW": "109", "measuredH": "44", "w": "109", "h": "44", "x": "743", "y": "1300", "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": "6141", "typeID": "__group__", "zOrder": "97", "measuredW": "123", "measuredH": "44", "w": "123", "h": "44", "x": "857", "y": "1300", "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": "6142", "typeID": "__group__", "zOrder": "98", "measuredW": "229", "measuredH": "44", "w": "229", "h": "44", "x": "740", "y": "1349", "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": "6143", "typeID": "__group__", "zOrder": "99", "measuredW": "161", "measuredH": "44", "w": "161", "h": "44", "x": "831", "y": "1527", "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": "6144", "typeID": "__group__", "zOrder": "100", "measuredW": "162", "measuredH": "44", "w": "162", "h": "44", "x": "831", "y": "1575", "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": "6145", "typeID": "__group__", "zOrder": "101", "measuredW": "202", "measuredH": "47", "w": "202", "h": "47", "x": "1179", "y": "1102", "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": "6146", "typeID": "__group__", "zOrder": "102", "measuredW": "167", "measuredH": "44", "w": "167", "h": "44", "x": "1223", "y": "1024", "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": "6147", "typeID": "__group__", "zOrder": "103", "measuredW": "169", "measuredH": "44", "w": "169", "h": "44", "x": "1222", "y": "976", "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": "6148", "typeID": "__group__", "zOrder": "104", "measuredW": "202", "measuredH": "44", "w": "202", "h": "44", "x": "1179", "y": "1430", "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": "6149", "typeID": "__group__", "zOrder": "105", "measuredW": "198", "measuredH": "44", "w": "198", "h": "44", "x": "1200", "y": "1527", "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": "6150", "typeID": "__group__", "zOrder": "106", "measuredW": "195", "measuredH": "44", "w": "195", "h": "44", "x": "1201", "y": "1575", "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": "6151", "typeID": "__group__", "zOrder": "107", "measuredW": "195", "measuredH": "44", "w": "195", "h": "44", "x": "1201", "y": "1623", "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": "6152", "typeID": "Arrow", "zOrder": "108", "w": "1", "h": "329", "measuredW": "150", "measuredH": "100", "x": "1110", "y": "1454", "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": "6153", "typeID": "TextArea", "zOrder": "109", "w": "253", "h": "251", "measuredW": "200", "measuredH": "140", "x": "904", "y": "1672", "properties": { "color": "16777215" } }, { "ID": "6154", "typeID": "__group__", "zOrder": "110", "measuredW": "224", "measuredH": "44", "w": "224", "h": "44", "x": "920", "y": "1689", "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": "6155", "typeID": "__group__", "zOrder": "111", "measuredW": "224", "measuredH": "44", "w": "224", "h": "44", "x": "920", "y": "1737", "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": "6156", "typeID": "__group__", "zOrder": "112", "measuredW": "224", "measuredH": "44", "w": "224", "h": "44", "x": "920", "y": "1785", "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": "6157", "typeID": "__group__", "zOrder": "113", "measuredW": "224", "measuredH": "44", "w": "224", "h": "44", "x": "920", "y": "1833", "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": "6158", "typeID": "Label", "zOrder": "114", "measuredW": "130", "measuredH": "25", "x": "966", "y": "1887", "properties": { "size": "17", "text": "Advanced Topics" } }, { "ID": "6159", "typeID": "__group__", "zOrder": "115", "measuredW": "159", "measuredH": "44", "w": "159", "h": "44", "x": "638", "y": "1738", "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": "6160", "typeID": "__group__", "zOrder": "116", "measuredW": "159", "measuredH": "44", "w": "159", "h": "44", "x": "638", "y": "1645", "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": "6161", "typeID": "Arrow", "zOrder": "117", "w": "1", "h": "139", "measuredW": "150", "measuredH": "100", "x": "717", "y": "2088", "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": "6162", "typeID": "TextArea", "zOrder": "118", "w": "425", "h": "124", "measuredW": "200", "measuredH": "140", "x": "504", "y": "2019" }, { "ID": "6163", "typeID": "Label", "zOrder": "119", "measuredW": "369", "measuredH": "25", "x": "533", "y": "2039", "properties": { "size": "17", "text": "Visit the Frontend Developer Roadmap for more" } }, { "ID": "6164", "typeID": "__group__", "zOrder": "120", "measuredW": "370", "measuredH": "44", "w": "370", "h": "44", "x": "533", "y": "2074", "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": "6165", "typeID": "__group__", "zOrder": "121", "measuredW": "352", "measuredH": "54", "w": "352", "h": "54", "x": "1159", "y": "276", "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": "6166", "typeID": "__group__", "zOrder": "122", "measuredW": "408", "measuredH": "162", "w": "408", "h": "162", "x": "195", "y": "95", "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" } } } ] } } } ] } } }, { "ID": "6167", "typeID": "__group__", "zOrder": "123", "measuredW": "168", "measuredH": "44", "w": "168", "h": "44", "x": "352", "y": "1143", "properties": { "controlName": "106-styling:css-modules" }, "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": "103", "measuredH": "25", "x": "27", "y": "10", "properties": { "size": "17", "text": "CSS Modules" } }, { "ID": "2", "typeID": "__group__", "zOrder": "2", "measuredW": "24", "measuredH": "24", "w": "24", "h": "24", "x": "144", "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": "6168", "typeID": "__group__", "zOrder": "124", "measuredW": "165", "measuredH": "44", "w": "165", "h": "44", "x": "348", "y": "1773", "properties": { "controlName": "107-api-calls:rtk-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": "70", "measuredH": "25", "x": "44", "y": "10", "properties": { "size": "17", "text": "rtk-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": { "color": "3700253", "icon": { "ID": "check-circle", "size": "small" } } } ] } } } ] } } }, { "ID": "6169", "typeID": "__group__", "zOrder": "41", "measuredW": "350", "measuredH": "141", "w": "350", "h": "141", "x": "1160", "y": "92", "children": { "controls": { "control": [ { "ID": "0", "typeID": "Canvas", "zOrder": "0", "w": "350", "h": "141", "measuredW": "100", "measuredH": "70", "x": "0", "y": "0" }, { "ID": "1", "typeID": "Label", "zOrder": "1", "measuredW": "314", "measuredH": "25", "x": "14", "y": "17", "properties": { "size": "17", "text": "Find the detailed version of this roadmap" } }, { "ID": "2", "typeID": "Label", "zOrder": "2", "measuredW": "319", "measuredH": "25", "x": "14", "y": "45", "properties": { "size": "17", "text": "along with resources and other roadmaps" } }, { "ID": "3", "typeID": "__group__", "zOrder": "3", "measuredW": "320", "measuredH": "45", "w": "320", "h": "45", "x": "15", "y": "81", "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": "/" } } ] } } } ] } } } ] }, "attributes": { "name": "New Wireframe 1 copy", "order": 1000010.2336643032, "parentID": null, "notes": "" }, "branchID": "Master", "resourceID": "D5E1AC09-3023-4145-A52A-4D904363A065", "mockupH": "2141", "mockupW": "1316", "measuredW": "1511", "measuredH": "2227", "version": "1.0" }, "groupOffset": { "x": 0, "y": 0 }, "dependencies": [], "projectID": "file:///Users/kamrify/Desktop/New%20Roadmaps/New%20Project%201.bmpr" }