diff --git a/content/roadmaps/103-react/content-paths.json b/content/roadmaps/103-react/content-paths.json index 2227ad8e1..36c76fb5a 100644 --- a/content/roadmaps/103-react/content-paths.json +++ b/content/roadmaps/103-react/content-paths.json @@ -38,6 +38,7 @@ "styling:mantine": "/roadmaps/103-react/content/107-styling/102-mantine.md", "styling:tailwind": "/roadmaps/103-react/content/107-styling/103-tailwind.md", "styling:styled-components": "/roadmaps/103-react/content/107-styling/100-styled-components.md", + "styling:css-modules": "/roadmaps/103-react/content/107-styling/106-css-modules.md", "styling:emotion": "/roadmaps/103-react/content/107-styling/101-emotion.md", "api-calls": "/roadmaps/103-react/content/108-api-calls/readme.md", "api-calls:apollo": "/roadmaps/103-react/content/108-api-calls/100-apollo.md", @@ -47,6 +48,7 @@ "api-calls:axios": "/roadmaps/103-react/content/108-api-calls/105-axios.md", "api-calls:superagent": "/roadmaps/103-react/content/108-api-calls/106-superagent.md", "api-calls:react-query": "/roadmaps/103-react/content/108-api-calls/104-react-query.md", + "api-calls:rtk-query": "/roadmaps/103-react/content/108-api-calls/107-rtk-query.md", "testing": "/roadmaps/103-react/content/109-testing/readme.md", "testing:jest": "/roadmaps/103-react/content/109-testing/100-jest.md", "testing:vitest": "/roadmaps/103-react/content/109-testing/101-vitest.md", @@ -67,4 +69,4 @@ "mobile": "/roadmaps/103-react/content/116-mobile/readme.md", "mobile:react-native": "/roadmaps/103-react/content/116-mobile/100-react-native.md", "react-roadmap-note": "/roadmaps/103-react/content/100-react-roadmap-note.md" -} \ No newline at end of file +} diff --git a/content/roadmaps/103-react/content/107-styling/106-css-modules.md b/content/roadmaps/103-react/content/107-styling/106-css-modules.md new file mode 100644 index 000000000..bab7530f5 --- /dev/null +++ b/content/roadmaps/103-react/content/107-styling/106-css-modules.md @@ -0,0 +1,8 @@ +# CSS Modules + +CSS files in which all class names and animation names are scoped locally by default. + +Free Content +Project GitHub Repository +Using CSS Modules In React App +CSS Modules: Why are they great? diff --git a/content/roadmaps/103-react/content/108-api-calls/107-rtk-query.md b/content/roadmaps/103-react/content/108-api-calls/107-rtk-query.md new file mode 100644 index 000000000..096b15def --- /dev/null +++ b/content/roadmaps/103-react/content/108-api-calls/107-rtk-query.md @@ -0,0 +1,6 @@ +# rtk-query + +[RTK Query](https://redux-toolkit.js.org/rtk-query/overview) is a data fetching and caching tool that is included in the Redux Toolkit package. It is designed to simplify common use cases for fetching data, including caching, polling, and invalidation. + +Free Content +RTK Query - Official Website diff --git a/public/project/react.json b/public/project/react.json index e33c47e69..4fd2cbba5 100644 --- a/public/project/react.json +++ b/public/project/react.json @@ -3,7 +3,1182 @@ "controls": { "control": [ { - "ID": "14593", + "ID": "14900", + "typeID": "Arrow", + "zOrder": "0", + "w": "1", + "h": "287", + "measuredW": "150", + "measuredH": "100", + "x": "707", + "y": "1760", + "properties": { + "color": "2848996", + "curvature": "-1", + "direction": "bottom", + "leftArrow": "false", + "rightArrow": "false", + "p0": { + "x": 0, + "y": 0 + }, + "p1": { + "x": 0.44386240125497245, + "y": -0.00008403832147459167 + }, + "p2": { + "x": 0, + "y": 286.8596251740669 + } + } + }, + { + "ID": "14901", + "typeID": "Arrow", + "zOrder": "1", + "w": "1", + "h": "92", + "measuredW": "150", + "measuredH": "100", + "x": "707", + "y": "1653", + "properties": { + "color": "2848996", + "direction": "bottom", + "leftArrow": "false", + "rightArrow": "false", + "stroke": "dotted", + "p0": { + "x": 0.48803395698428176, + "y": 92.16332546474791 + }, + "p1": { + "x": 0.4642857142857146, + "y": -0.003992113361953179 + }, + "p2": { + "x": 0.48803395698428176, + "y": 0.31578862917604056 + } + } + }, + { + "ID": "14902", + "typeID": "Arrow", + "zOrder": "2", + "w": "215", + "h": "1", + "measuredW": "150", + "measuredH": "100", + "x": "707", + "y": "1748", + "properties": { + "color": "2848996", + "direction": "bottom", + "leftArrow": "false", + "rightArrow": "false", + "p0": { + "x": 214.87452368273557, + "y": -0.1189739449064291 + }, + "p1": { + "x": 0.46856302129091915, + "y": -0.0004822370830620489 + }, + "p2": { + "x": -0.49168649527814523, + "y": -0.1189739449064291 + } + } + }, + { + "ID": "14903", + "typeID": "Arrow", + "zOrder": "3", + "w": "100", + "h": "1", + "measuredW": "150", + "measuredH": "100", + "x": "1100", + "y": "1442", + "properties": { + "color": "2848996", + "direction": "bottom", + "leftArrow": "false", + "rightArrow": "false", + "p0": { + "x": 99.87452368273557, + "y": -0.1189739449064291 + }, + "p1": { + "x": 0.4685630212909191, + "y": -0.00048223708306204904 + }, + "p2": { + "x": 0.22113086399144777, + "y": 1.2242665918161038 + } + } + }, + { + "ID": "14904", + "typeID": "Arrow", + "zOrder": "4", + "w": "1", + "h": "107", + "measuredW": "150", + "measuredH": "100", + "x": "1295", + "y": "1437", + "properties": { + "color": "2848996", + "direction": "bottom", + "leftArrow": "false", + "rightArrow": "false", + "stroke": "dotted", + "p0": { + "x": 0.48803395698428176, + "y": 106.92077890672635 + }, + "p1": { + "x": 0.46428571428571475, + "y": -0.0039921133619531856 + }, + "p2": { + "x": 0.48803395698428176, + "y": -0.11897394490631541 + } + } + }, + { + "ID": "14905", + "typeID": "Arrow", + "zOrder": "5", + "w": "1", + "h": "329", + "measuredW": "150", + "measuredH": "100", + "x": "1296", + "y": "1118", + "properties": { + "color": "2848996", + "direction": "bottom", + "leftArrow": "false", + "rightArrow": "false", + "p0": { + "x": 0.20078475948139385, + "y": 328.45459981746376 + }, + "p1": { + "x": 0.46856302129091976, + "y": -0.0004822370830620469 + }, + "p2": { + "x": 0.20078475948128016, + "y": -0.11897394490631541 + } + } + }, + { + "ID": "14906", + "typeID": "Arrow", + "zOrder": "6", + "w": "1", + "h": "87", + "measuredW": "150", + "measuredH": "100", + "x": "1293", + "y": "1023", + "properties": { + "color": "2848996", + "direction": "bottom", + "leftArrow": "false", + "rightArrow": "false", + "stroke": "dotted", + "p0": { + "x": 0.48803395698428176, + "y": 87.26690962551424 + }, + "p1": { + "x": 0.46428571428571475, + "y": -0.0039921133619531856 + }, + "p2": { + "x": 0.48803395698428176, + "y": -0.11897394490631541 + } + } + }, + { + "ID": "14907", + "typeID": "Arrow", + "zOrder": "7", + "w": "323", + "h": "336", + "measuredW": "150", + "measuredH": "100", + "x": "949", + "y": "1119", + "properties": { + "color": "2848996", + "direction": "bottom", + "leftArrow": "false", + "rightArrow": "false", + "p0": { + "x": 323.71054144095206, + "y": -0.2577704536804504 + }, + "p1": { + "x": 0.5105886846310793, + "y": 0.2003859568009807 + }, + "p2": { + "x": 0.23583113021061308, + "y": 335.9299197382693 + } + } + }, + { + "ID": "14908", + "typeID": "Arrow", + "zOrder": "8", + "w": "1", + "h": "158", + "measuredW": "150", + "measuredH": "100", + "x": "871", + "y": "1383", + "properties": { + "color": "2848996", + "direction": "bottom", + "leftArrow": "false", + "rightArrow": "false", + "stroke": "dotted", + "p0": { + "x": 0.48803395698428176, + "y": 157.48267742941835 + }, + "p1": { + "x": 0.4642857142857147, + "y": -0.003992113361953185 + }, + "p2": { + "x": 0.48803395698428176, + "y": -0.11897394490631541 + } + } + }, + { + "ID": "14909", + "typeID": "Arrow", + "zOrder": "9", + "w": "399", + "h": "1", + "measuredW": "150", + "measuredH": "100", + "x": "432", + "y": "1459", + "properties": { + "color": "2848996", + "direction": "bottom", + "leftArrow": "false", + "rightArrow": "false", + "p0": { + "x": 398.87452368273557, + "y": -0.1189739449064291 + }, + "p1": { + "x": 0.46856302129091915, + "y": -0.00048223708306204834 + }, + "p2": { + "x": 0.20078475948128016, + "y": -0.11897394490631541 + } + } + }, + { + "ID": "14910", + "typeID": "TextArea", + "zOrder": "10", + "w": "249", + "h": "131", + "measuredW": "200", + "measuredH": "140", + "x": "725", + "y": "1273", + "properties": { + "color": "16777215" + } + }, + { + "ID": "14911", + "typeID": "Arrow", + "zOrder": "11", + "w": "1", + "h": "179", + "measuredW": "150", + "measuredH": "100", + "x": "418", + "y": "1377", + "properties": { + "color": "2848996", + "direction": "bottom", + "leftArrow": "false", + "rightArrow": "false", + "stroke": "dotted", + "p0": { + "x": 0.48803395698428176, + "y": 178.1633254647479 + }, + "p1": { + "x": 0.4642857142857147, + "y": -0.00399211336195318 + }, + "p2": { + "x": 0.48803395698428176, + "y": -0.48484848484849863 + } + } + }, + { + "ID": "14912", + "typeID": "Arrow", + "zOrder": "12", + "w": "1", + "h": "154", + "measuredW": "150", + "measuredH": "100", + "x": "429", + "y": "1002", + "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": "14913", + "typeID": "Arrow", + "zOrder": "13", + "w": "170", + "h": "10", + "measuredW": "150", + "measuredH": "100", + "x": "445", + "y": "1067", + "properties": { + "color": "2848996", + "direction": "bottom", + "leftArrow": "false", + "rightArrow": "false", + "p0": { + "x": 170.15151515151513, + "y": 10.881026055093571 + }, + "p1": { + "x": 0.46856302129091937, + "y": -0.0004822370830620513 + }, + "p2": { + "x": 0.08755558946864994, + "y": 0.40174459352692793 + }, + "stroke": "dotted" + } + }, + { + "ID": "14914", + "typeID": "Arrow", + "zOrder": "14", + "w": "160", + "h": "49", + "measuredW": "150", + "measuredH": "100", + "x": "453", + "y": "1079", + "properties": { + "color": "2848996", + "direction": "bottom", + "leftArrow": "false", + "rightArrow": "false", + "stroke": "dotted", + "p0": { + "x": 159.9948370393879, + "y": 49.03492956155333 + }, + "p1": { + "x": 0.4948398930687969, + "y": -0.06769152207708602 + }, + "p2": { + "x": 0.0831404204171804, + "y": 0.39512183994975203 + } + } + }, + { + "ID": "14915", + "typeID": "Arrow", + "zOrder": "15", + "w": "164", + "h": "93", + "measuredW": "150", + "measuredH": "100", + "x": "446", + "y": "1085", + "properties": { + "color": "2848996", + "direction": "bottom", + "leftArrow": "false", + "rightArrow": "false", + "stroke": "dotted", + "p0": { + "x": 164.32964209573845, + "y": 92.3410360190694 + }, + "p1": { + "x": 0.41660090341695827, + "y": -0.10834198348411798 + }, + "p2": { + "x": 0.4201530612933766, + "y": -0.27448827275134136 + } + } + }, + { + "ID": "14916", + "typeID": "Arrow", + "zOrder": "16", + "w": "165", + "h": "133", + "measuredW": "150", + "measuredH": "100", + "x": "445", + "y": "1093", + "properties": { + "color": "2848996", + "direction": "bottom", + "leftArrow": "false", + "rightArrow": "false", + "stroke": "dotted", + "p0": { + "x": 165.32964209573845, + "y": 132.31454500476048 + }, + "p1": { + "x": 0.4477509372866056, + "y": -0.11613270851109678 + }, + "p2": { + "x": 0.08755558946864994, + "y": -0.2789034418026404 + } + } + }, + { + "ID": "14917", + "typeID": "Arrow", + "zOrder": "17", + "w": "1", + "h": "577", + "measuredW": "150", + "measuredH": "100", + "x": "298", + "y": "876", + "properties": { + "color": "2848996", + "direction": "bottom", + "leftArrow": "false", + "rightArrow": "false", + "p0": { + "x": 0.20078475948128016, + "y": 577.1975430248967 + }, + "p1": { + "x": 0.46856302129091965, + "y": -0.0004822370830620473 + }, + "p2": { + "x": 0.20078475948128016, + "y": -0.11897394490631541 + } + } + }, + { + "ID": "14918", + "typeID": "Arrow", + "zOrder": "18", + "w": "1", + "h": "93", + "measuredW": "150", + "measuredH": "100", + "x": "319", + "y": "785", + "properties": { + "color": "2848996", + "direction": "bottom", + "leftArrow": "false", + "rightArrow": "false", + "p0": { + "x": 0.48803395698428176, + "y": 93.15044501005173 + }, + "p1": { + "x": 0.46428571428571475, + "y": -0.003992113361953184 + }, + "p2": { + "x": 0.48803395698428176, + "y": -0.19048075572618473 + }, + "stroke": "dotted" + } + }, + { + "ID": "14919", + "typeID": "Arrow", + "zOrder": "19", + "w": "1", + "h": "66", + "measuredW": "150", + "measuredH": "100", + "x": "707", + "y": "874", + "properties": { + "color": "2848996", + "direction": "bottom", + "leftArrow": "false", + "rightArrow": "false", + "p0": { + "x": 0.48803395698428176, + "y": 66.30567517486509 + }, + "p1": { + "x": 0.46428571428571463, + "y": -0.003992113361953185 + }, + "p2": { + "x": 0.48803395698428176, + "y": -0.11897394490631541 + }, + "stroke": "dotted" + } + }, + { + "ID": "14920", + "typeID": "Arrow", + "zOrder": "20", + "w": "497", + "h": "1", + "measuredW": "150", + "measuredH": "100", + "x": "454", + "y": "874", + "properties": { + "color": "2848996", + "direction": "bottom", + "leftArrow": "false", + "rightArrow": "false", + "p0": { + "x": 497.3020743683919, + "y": -0.11897394490631541 + }, + "p1": { + "x": 0.4685630212909191, + "y": -0.0004822370830620483 + }, + "p2": { + "x": 0.20078475948128016, + "y": -0.11897394490631541 + } + } + }, + { + "ID": "14921", + "typeID": "Arrow", + "zOrder": "21", + "w": "148", + "h": "1", + "measuredW": "150", + "measuredH": "100", + "x": "435", + "y": "438", + "properties": { + "color": "2848996", + "direction": "bottom", + "leftArrow": "false", + "rightArrow": "false", + "p0": { + "x": 147.7561454352989, + "y": 0.8810260550936846 + }, + "p1": { + "x": 0.4642857142857145, + "y": -0.003992113361953184 + }, + "p2": { + "x": 0.24143192912043787, + "y": 0.8810260550936846 + }, + "stroke": "dotted" + } + }, + { + "ID": "14922", + "typeID": "Arrow", + "zOrder": "22", + "w": "170", + "h": "1", + "measuredW": "150", + "measuredH": "100", + "x": "1044", + "y": "873", + "properties": { + "color": "2848996", + "direction": "bottom", + "leftArrow": "false", + "rightArrow": "false", + "stroke": "dotted", + "p0": { + "x": 169.71016756073527, + "y": 0.8810260550936846 + }, + "p1": { + "x": 0.4642857142857145, + "y": -0.003992113361953182 + }, + "p2": { + "x": -0.3783855341235949, + "y": 0.8810260550936846 + } + } + }, + { + "ID": "14923", + "typeID": "__group__", + "zOrder": "23", + "measuredW": "198", + "measuredH": "157", + "w": "198", + "h": "157", + "x": "1172", + "y": "769", + "properties": { + "controlName": "100-hooks:basic-hooks" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "198", + "h": "157", + "measuredW": "200", + "measuredH": "140", + "x": "0", + "y": "0" + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "measuredW": "96", + "measuredH": "25", + "x": "51", + "y": "16", + "properties": { + "size": "17", + "text": "Basic Hooks" + } + } + ] + } + } + }, + { + "ID": "14924", + "typeID": "Arrow", + "zOrder": "24", + "w": "1", + "h": "66", + "measuredW": "150", + "measuredH": "100", + "x": "966", + "y": "886", + "properties": { + "color": "2848996", + "direction": "bottom", + "leftArrow": "false", + "rightArrow": "false", + "p0": { + "x": 0.48803395698428176, + "y": 66.30567517486509 + }, + "p1": { + "x": 0.46428571428571463, + "y": -0.003992113361953185 + }, + "p2": { + "x": 0.48803395698428176, + "y": -0.11897394490631541 + }, + "stroke": "dotted" + } + }, + { + "ID": "14925", + "typeID": "Arrow", + "zOrder": "25", + "w": "214", + "h": "167", + "measuredW": "150", + "measuredH": "100", + "x": "699", + "y": "619", + "properties": { + "color": "2848996", + "curvature": "0", + "direction": "bottom", + "leftArrow": "false", + "rightArrow": "false", + "stroke": "dotted", + "p0": { + "x": 213.9972034401286, + "y": 0.1978603245679551 + }, + "p1": { + "x": 0.5695204038704246, + "y": -0.08613798906184292 + }, + "p2": { + "x": 0.42742393837579584, + "y": 166.92007529045236 + } + } + }, + { + "ID": "14926", + "typeID": "Arrow", + "zOrder": "26", + "w": "196", + "h": "113", + "measuredW": "150", + "measuredH": "100", + "x": "705", + "y": "619", + "properties": { + "color": "2848996", + "curvature": "0", + "direction": "bottom", + "leftArrow": "false", + "rightArrow": "false", + "stroke": "dotted", + "p0": { + "x": 195.59637753357526, + "y": 0.419164872841975 + }, + "p1": { + "x": 0.5695204038704248, + "y": -0.0861379890618429 + }, + "p2": { + "x": -0.06109788093374391, + "y": 113.4044675769951 + } + } + }, + { + "ID": "14927", + "typeID": "Arrow", + "zOrder": "27", + "w": "200", + "h": "31", + "measuredW": "150", + "measuredH": "100", + "x": "702", + "y": "567", + "properties": { + "color": "2848996", + "curvature": "0", + "direction": "bottom", + "leftArrow": "false", + "rightArrow": "false", + "stroke": "dotted", + "p0": { + "x": 199.9742470787478, + "y": 30.37325215008036 + }, + "p1": { + "x": 0.591967784066173, + "y": 0.06824118415324375 + }, + "p2": { + "x": 0.1831630287210828, + "y": 0.06012215628322792 + } + } + }, + { + "ID": "14928", + "typeID": "Arrow", + "zOrder": "28", + "w": "179", + "h": "63", + "measuredW": "150", + "measuredH": "100", + "x": "705", + "y": "617", + "properties": { + "color": "2848996", + "curvature": "0", + "direction": "bottom", + "leftArrow": "false", + "rightArrow": "false", + "stroke": "dotted", + "p0": { + "x": 179.061942991504, + "y": -0.33657421750319827 + }, + "p1": { + "x": 0.5695204038704248, + "y": -0.0861379890618428 + }, + "p2": { + "x": -0.06109788093374391, + "y": 63.045424860436356 + } + } + }, + { + "ID": "14929", + "typeID": "Arrow", + "zOrder": "29", + "w": "205", + "h": "74", + "measuredW": "150", + "measuredH": "100", + "x": "704", + "y": "522", + "properties": { + "color": "2848996", + "curvature": "0", + "direction": "bottom", + "leftArrow": "false", + "rightArrow": "false", + "stroke": "dotted", + "p0": { + "x": 204.86359480461078, + "y": 73.99538260490783 + }, + "p1": { + "x": 0.591967784066173, + "y": 0.06824118415324368 + }, + "p2": { + "x": -0.4389674261063874, + "y": -0.4095728344125291 + } + } + }, + { + "ID": "14930", + "typeID": "Arrow", + "zOrder": "30", + "w": "185", + "h": "29", + "measuredW": "150", + "measuredH": "100", + "x": "698", + "y": "608", + "properties": { + "color": "2848996", + "curvature": "0", + "direction": "bottom", + "leftArrow": "false", + "rightArrow": "false", + "stroke": "dotted", + "p0": { + "x": 184.68407344633147, + "y": 0.3962085114611682 + }, + "p1": { + "x": 0.5656988692166243, + "y": -0.05770306981716299 + }, + "p2": { + "x": 0.049554393203266045, + "y": 29.331468960085772 + } + } + }, + { + "ID": "14931", + "typeID": "Arrow", + "zOrder": "31", + "w": "2", + "h": "403", + "measuredW": "150", + "measuredH": "100", + "x": "965", + "y": "445", + "properties": { + "color": "2848996", + "direction": "bottom", + "leftArrow": "false", + "rightArrow": "false", + "p0": { + "x": 0.48803395698428176, + "y": 403.1504450100517 + }, + "p1": { + "x": 0.46428571428571463, + "y": -0.003992113361953183 + }, + "p2": { + "x": 0.48803395698428176, + "y": -0.11897394490631541 + } + } + }, + { + "ID": "14932", + "typeID": "Arrow", + "zOrder": "32", + "w": "153", + "h": "68", + "measuredW": "150", + "measuredH": "100", + "x": "1029", + "y": "455", + "properties": { + "color": "2848996", + "direction": "bottom", + "leftArrow": "false", + "rightArrow": "false", + "stroke": "dotted", + "p0": { + "x": 153.21206975808968, + "y": 67.70107943972448 + }, + "p1": { + "x": 0.47348954701664, + "y": -0.1281842780799702 + }, + "p2": { + "x": 0.2685502439312586, + "y": 0.18547172626716701 + } + } + }, + { + "ID": "14933", + "typeID": "Arrow", + "zOrder": "33", + "w": "120", + "h": "44", + "measuredW": "150", + "measuredH": "100", + "x": "1042", + "y": "393", + "properties": { + "color": "2848996", + "direction": "bottom", + "leftArrow": "false", + "rightArrow": "false", + "stroke": "dotted", + "p0": { + "x": 119.54402658050071, + "y": 0.18134219350019976 + }, + "p1": { + "x": 0.45395537525354945, + "y": 0.09452332657200811 + }, + "p2": { + "x": -0.3306238495154048, + "y": 44.27316763902337 + } + } + }, + { + "ID": "14934", + "typeID": "Arrow", + "zOrder": "34", + "w": "154", + "h": "1", + "measuredW": "150", + "measuredH": "100", + "x": "1018", + "y": "446", + "properties": { + "color": "2848996", + "direction": "bottom", + "leftArrow": "false", + "rightArrow": "false", + "p0": { + "x": 153.18911339670876, + "y": 0.8810260550936846 + }, + "p1": { + "x": 0.46428571428571463, + "y": -0.003992113361953182 + }, + "p2": { + "x": -0.3783855341235949, + "y": 0.8810260550936846 + }, + "stroke": "dotted" + } + }, + { + "ID": "14935", + "typeID": "Canvas", + "zOrder": "35", + "w": "198", + "h": "272", + "measuredW": "100", + "measuredH": "70", + "x": "1172", + "y": "481" + }, + { + "ID": "14936", + "typeID": "Arrow", + "zOrder": "36", + "w": "281", + "h": "1", + "measuredW": "150", + "measuredH": "100", + "x": "654", + "y": "444", + "properties": { + "color": "2848996", + "direction": "bottom", + "leftArrow": "false", + "rightArrow": "false", + "p0": { + "x": 281.3020743683919, + "y": 0.8810260550936846 + }, + "p1": { + "x": 0.4642857142857147, + "y": -0.003992113361953183 + }, + "p2": { + "x": 0.48803395698428176, + "y": 0.8810260550936846 + } + } + }, + { + "ID": "14937", + "typeID": "Arrow", + "zOrder": "37", + "w": "121", + "h": "48", + "measuredW": "150", + "measuredH": "100", + "x": "472", + "y": "380", + "properties": { + "color": "2848996", + "curvature": "1", + "direction": "top", + "leftArrow": "false", + "rightArrow": "false", + "stroke": "dotted", + "p0": { + "x": -0.24502512380570352, + "y": -0.2591533504318022 + }, + "p1": { + "x": 0.3864377036851346, + "y": -0.12346452745048851 + }, + "p2": { + "x": 120.9799374604795, + "y": 47.93872333970569 + } + } + }, + { + "ID": "14938", + "typeID": "Arrow", + "zOrder": "38", + "w": "195", + "h": "124", + "measuredW": "150", + "measuredH": "100", + "x": "679", + "y": "298", + "properties": { + "color": "2848996", + "direction": "bottom", + "leftArrow": "false", + "rightArrow": "false", + "p0": { + "x": 194.50455208805204, + "y": 0.21486631796096844 + }, + "p1": { + "x": 0.5125873193980325, + "y": 0.11743289538347922 + }, + "p2": { + "x": -0.016173803428500833, + "y": 124.53032187659227 + } + } + }, + { + "ID": "14939", + "typeID": "Arrow", + "zOrder": "39", + "w": "15", + "h": "83", + "measuredW": "150", + "measuredH": "100", + "x": "875", + "y": "203", + "properties": { + "color": "2848996", + "direction": "bottom", + "leftArrow": "false", + "rightArrow": "false", + "p0": { + "x": 11.504552088052037, + "y": 0.21486631796096844 + }, + "p1": { + "x": 0.48122701874598317, + "y": 0.08919085657179801 + }, + "p2": { + "x": -0.05283881539992308, + "y": 83.59686539590052 + } + } + }, + { + "ID": "14940", "typeID": "Label", "zOrder": "40", "measuredW": "76", @@ -16,7 +1191,7 @@ } }, { - "ID": "14594", + "ID": "14941", "typeID": "Canvas", "zOrder": "41", "w": "350", @@ -27,7 +1202,7 @@ "y": "82" }, { - "ID": "14595", + "ID": "14942", "typeID": "Label", "zOrder": "42", "measuredW": "314", @@ -40,7 +1215,7 @@ } }, { - "ID": "14596", + "ID": "14943", "typeID": "Label", "zOrder": "43", "measuredW": "319", @@ -53,7 +1228,7 @@ } }, { - "ID": "14597", + "ID": "14944", "typeID": "__group__", "zOrder": "44", "measuredW": "320", @@ -158,7 +1333,7 @@ } }, { - "ID": "14598", + "ID": "14945", "typeID": "__group__", "zOrder": "45", "measuredW": "342", @@ -207,36 +1382,7 @@ } }, { - "ID": "14604", - "typeID": "Arrow", - "zOrder": "39", - "w": "15", - "h": "83", - "measuredW": "150", - "measuredH": "100", - "x": "875", - "y": "203", - "properties": { - "color": "2848996", - "direction": "bottom", - "leftArrow": "false", - "rightArrow": "false", - "p0": { - "x": 11.504552088052037, - "y": 0.21486631796096844 - }, - "p1": { - "x": 0.48122701874598317, - "y": 0.08919085657179801 - }, - "p2": { - "x": -0.05283881539992308, - "y": 83.59686539590052 - } - } - }, - { - "ID": "14605", + "ID": "14946", "typeID": "Arrow", "zOrder": "46", "w": "11", @@ -266,36 +1412,7 @@ } }, { - "ID": "14606", - "typeID": "Arrow", - "zOrder": "38", - "w": "195", - "h": "124", - "measuredW": "150", - "measuredH": "100", - "x": "679", - "y": "298", - "properties": { - "color": "2848996", - "direction": "bottom", - "leftArrow": "false", - "rightArrow": "false", - "p0": { - "x": 194.50455208805204, - "y": 0.21486631796096844 - }, - "p1": { - "x": 0.5125873193980325, - "y": 0.11743289538347922 - }, - "p2": { - "x": -0.016173803428500833, - "y": 124.53032187659227 - } - } - }, - { - "ID": "14607", + "ID": "14947", "typeID": "__group__", "zOrder": "47", "measuredW": "207", @@ -342,7 +1459,7 @@ } }, { - "ID": "14608", + "ID": "14948", "typeID": "__group__", "zOrder": "48", "measuredW": "206", @@ -454,7 +1571,7 @@ } }, { - "ID": "14609", + "ID": "14949", "typeID": "__group__", "zOrder": "49", "measuredW": "206", @@ -550,67 +1667,7 @@ } }, { - "ID": "14611", - "typeID": "Arrow", - "zOrder": "37", - "w": "121", - "h": "48", - "measuredW": "150", - "measuredH": "100", - "x": "472", - "y": "380", - "properties": { - "color": "2848996", - "curvature": "1", - "direction": "top", - "leftArrow": "false", - "rightArrow": "false", - "stroke": "dotted", - "p0": { - "x": -0.24502512380570352, - "y": -0.2591533504318022 - }, - "p1": { - "x": 0.3864377036851346, - "y": -0.12346452745048851 - }, - "p2": { - "x": 120.9799374604795, - "y": 47.93872333970569 - } - } - }, - { - "ID": "14613", - "typeID": "Arrow", - "zOrder": "36", - "w": "281", - "h": "1", - "measuredW": "150", - "measuredH": "100", - "x": "654", - "y": "444", - "properties": { - "color": "2848996", - "direction": "bottom", - "leftArrow": "false", - "rightArrow": "false", - "p0": { - "x": 281.3020743683919, - "y": 0.8810260550936846 - }, - "p1": { - "x": 0.4642857142857147, - "y": -0.003992113361953183 - }, - "p2": { - "x": 0.48803395698428176, - "y": 0.8810260550936846 - } - } - }, - { - "ID": "14614", + "ID": "14950", "typeID": "__group__", "zOrder": "50", "measuredW": "207", @@ -657,7 +1714,7 @@ } }, { - "ID": "14615", + "ID": "14951", "typeID": "__group__", "zOrder": "51", "measuredW": "246", @@ -753,7 +1810,7 @@ } }, { - "ID": "14616", + "ID": "14952", "typeID": "__group__", "zOrder": "52", "measuredW": "235", @@ -800,7 +1857,7 @@ } }, { - "ID": "14619", + "ID": "14953", "typeID": "__group__", "zOrder": "53", "measuredW": "215", @@ -847,7 +1904,7 @@ } }, { - "ID": "14620", + "ID": "14954", "typeID": "__group__", "zOrder": "54", "measuredW": "215", @@ -894,7 +1951,7 @@ } }, { - "ID": "14621", + "ID": "14955", "typeID": "__group__", "zOrder": "55", "measuredW": "215", @@ -941,7 +1998,7 @@ } }, { - "ID": "14622", + "ID": "14956", "typeID": "__group__", "zOrder": "56", "measuredW": "215", @@ -964,145 +2021,44 @@ "h": "47", "measuredW": "200", "measuredH": "140", - "x": "0", - "y": "0", - "properties": { - "color": "16770457" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "measuredW": "97", - "measuredH": "25", - "x": "59", - "y": "11", - "properties": { - "size": "17", - "text": "Composition" - } - } - ] - } - } - }, - { - "ID": "14623", - "typeID": "Canvas", - "zOrder": "35", - "w": "198", - "h": "272", - "measuredW": "100", - "measuredH": "70", - "x": "1172", - "y": "481" - }, - { - "ID": "14624", - "typeID": "Label", - "zOrder": "57", - "measuredW": "154", - "measuredH": "25", - "x": "1194", - "y": "496", - "properties": { - "size": "17", - "text": "Components Basics" - } - }, - { - "ID": "14627", - "typeID": "Arrow", - "zOrder": "34", - "w": "154", - "h": "1", - "measuredW": "150", - "measuredH": "100", - "x": "1018", - "y": "446", - "properties": { - "color": "2848996", - "direction": "bottom", - "leftArrow": "false", - "rightArrow": "false", - "p0": { - "x": 153.18911339670876, - "y": 0.8810260550936846 - }, - "p1": { - "x": 0.46428571428571463, - "y": -0.003992113361953182 - }, - "p2": { - "x": -0.3783855341235949, - "y": 0.8810260550936846 - }, - "stroke": "dotted" - } - }, - { - "ID": "14628", - "typeID": "Arrow", - "zOrder": "33", - "w": "120", - "h": "44", - "measuredW": "150", - "measuredH": "100", - "x": "1042", - "y": "393", - "properties": { - "color": "2848996", - "direction": "bottom", - "leftArrow": "false", - "rightArrow": "false", - "stroke": "dotted", - "p0": { - "x": 119.54402658050071, - "y": 0.18134219350019976 - }, - "p1": { - "x": 0.45395537525354945, - "y": 0.09452332657200811 - }, - "p2": { - "x": -0.3306238495154048, - "y": 44.27316763902337 - } - } - }, - { - "ID": "14629", - "typeID": "Arrow", - "zOrder": "32", - "w": "153", - "h": "68", - "measuredW": "150", - "measuredH": "100", - "x": "1029", - "y": "455", - "properties": { - "color": "2848996", - "direction": "bottom", - "leftArrow": "false", - "rightArrow": "false", - "stroke": "dotted", - "p0": { - "x": 153.21206975808968, - "y": 67.70107943972448 - }, - "p1": { - "x": 0.47348954701664, - "y": -0.1281842780799702 - }, - "p2": { - "x": 0.2685502439312586, - "y": 0.18547172626716701 + "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": "14631", + "ID": "14957", + "typeID": "Label", + "zOrder": "57", + "measuredW": "154", + "measuredH": "25", + "x": "1194", + "y": "496", + "properties": { + "size": "17", + "text": "Components Basics" + } + }, + { + "ID": "14958", "typeID": "__group__", "zOrder": "58", "measuredW": "207", @@ -1149,7 +2105,7 @@ } }, { - "ID": "14632", + "ID": "14959", "typeID": "__group__", "zOrder": "59", "measuredW": "255", @@ -1196,7 +2152,7 @@ } }, { - "ID": "14633", + "ID": "14960", "typeID": "__group__", "zOrder": "60", "measuredW": "255", @@ -1243,36 +2199,7 @@ } }, { - "ID": "14634", - "typeID": "Arrow", - "zOrder": "31", - "w": "2", - "h": "403", - "measuredW": "150", - "measuredH": "100", - "x": "965", - "y": "445", - "properties": { - "color": "2848996", - "direction": "bottom", - "leftArrow": "false", - "rightArrow": "false", - "p0": { - "x": 0.48803395698428176, - "y": 403.1504450100517 - }, - "p1": { - "x": 0.46428571428571463, - "y": -0.003992113361953183 - }, - "p2": { - "x": 0.48803395698428176, - "y": -0.11897394490631541 - } - } - }, - { - "ID": "14636", + "ID": "14961", "typeID": "__group__", "zOrder": "61", "measuredW": "255", @@ -1319,7 +2246,7 @@ } }, { - "ID": "14637", + "ID": "14962", "typeID": "__group__", "zOrder": "62", "measuredW": "255", @@ -1366,131 +2293,7 @@ } }, { - "ID": "14638", - "typeID": "Arrow", - "zOrder": "29", - "w": "205", - "h": "74", - "measuredW": "150", - "measuredH": "100", - "x": "704", - "y": "522", - "properties": { - "color": "2848996", - "curvature": "0", - "direction": "bottom", - "leftArrow": "false", - "rightArrow": "false", - "stroke": "dotted", - "p0": { - "x": 204.86359480461078, - "y": 73.99538260490783 - }, - "p1": { - "x": 0.591967784066173, - "y": 0.06824118415324368 - }, - "p2": { - "x": -0.4389674261063874, - "y": -0.4095728344125291 - } - } - }, - { - "ID": "14640", - "typeID": "Arrow", - "zOrder": "28", - "w": "179", - "h": "63", - "measuredW": "150", - "measuredH": "100", - "x": "705", - "y": "617", - "properties": { - "color": "2848996", - "curvature": "0", - "direction": "bottom", - "leftArrow": "false", - "rightArrow": "false", - "stroke": "dotted", - "p0": { - "x": 179.061942991504, - "y": -0.33657421750319827 - }, - "p1": { - "x": 0.5695204038704248, - "y": -0.0861379890618428 - }, - "p2": { - "x": -0.06109788093374391, - "y": 63.045424860436356 - } - } - }, - { - "ID": "14641", - "typeID": "Arrow", - "zOrder": "27", - "w": "200", - "h": "31", - "measuredW": "150", - "measuredH": "100", - "x": "702", - "y": "567", - "properties": { - "color": "2848996", - "curvature": "0", - "direction": "bottom", - "leftArrow": "false", - "rightArrow": "false", - "stroke": "dotted", - "p0": { - "x": 199.9742470787478, - "y": 30.37325215008036 - }, - "p1": { - "x": 0.591967784066173, - "y": 0.06824118415324375 - }, - "p2": { - "x": 0.1831630287210828, - "y": 0.06012215628322792 - } - } - }, - { - "ID": "14642", - "typeID": "Arrow", - "zOrder": "30", - "w": "185", - "h": "29", - "measuredW": "150", - "measuredH": "100", - "x": "698", - "y": "608", - "properties": { - "color": "2848996", - "curvature": "0", - "direction": "bottom", - "leftArrow": "false", - "rightArrow": "false", - "stroke": "dotted", - "p0": { - "x": 184.68407344633147, - "y": 0.3962085114611682 - }, - "p1": { - "x": 0.5656988692166243, - "y": -0.05770306981716299 - }, - "p2": { - "x": 0.049554393203266045, - "y": 29.331468960085772 - } - } - }, - { - "ID": "14643", + "ID": "14963", "typeID": "__group__", "zOrder": "63", "measuredW": "255", @@ -1537,38 +2340,7 @@ } }, { - "ID": "14644", - "typeID": "Arrow", - "zOrder": "26", - "w": "196", - "h": "113", - "measuredW": "150", - "measuredH": "100", - "x": "705", - "y": "619", - "properties": { - "color": "2848996", - "curvature": "0", - "direction": "bottom", - "leftArrow": "false", - "rightArrow": "false", - "stroke": "dotted", - "p0": { - "x": 195.59637753357526, - "y": 0.419164872841975 - }, - "p1": { - "x": 0.5695204038704248, - "y": -0.0861379890618429 - }, - "p2": { - "x": -0.06109788093374391, - "y": 113.4044675769951 - } - } - }, - { - "ID": "14645", + "ID": "14964", "typeID": "__group__", "zOrder": "64", "measuredW": "255", @@ -1595,88 +2367,27 @@ "y": "0", "properties": { "color": "16770457" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "measuredW": "188", - "measuredH": "25", - "x": "34", - "y": "11", - "properties": { - "size": "17", - "text": "High Order Components" - } - } - ] - } - } - }, - { - "ID": "14646", - "typeID": "Arrow", - "zOrder": "25", - "w": "214", - "h": "167", - "measuredW": "150", - "measuredH": "100", - "x": "699", - "y": "619", - "properties": { - "color": "2848996", - "curvature": "0", - "direction": "bottom", - "leftArrow": "false", - "rightArrow": "false", - "stroke": "dotted", - "p0": { - "x": 213.9972034401286, - "y": 0.1978603245679551 - }, - "p1": { - "x": 0.5695204038704246, - "y": -0.08613798906184292 - }, - "p2": { - "x": 0.42742393837579584, - "y": 166.92007529045236 + } + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "measuredW": "188", + "measuredH": "25", + "x": "34", + "y": "11", + "properties": { + "size": "17", + "text": "High Order Components" + } + } + ] } } }, { - "ID": "14647", - "typeID": "Arrow", - "zOrder": "24", - "w": "1", - "h": "66", - "measuredW": "150", - "measuredH": "100", - "x": "966", - "y": "886", - "properties": { - "color": "2848996", - "direction": "bottom", - "leftArrow": "false", - "rightArrow": "false", - "p0": { - "x": 0.48803395698428176, - "y": 66.30567517486509 - }, - "p1": { - "x": 0.46428571428571463, - "y": -0.003992113361953185 - }, - "p2": { - "x": 0.48803395698428176, - "y": -0.11897394490631541 - }, - "stroke": "dotted" - } - }, - { - "ID": "14648", + "ID": "14965", "typeID": "__group__", "zOrder": "65", "measuredW": "242", @@ -1723,7 +2434,7 @@ } }, { - "ID": "14649", + "ID": "14966", "typeID": "__group__", "zOrder": "66", "measuredW": "174", @@ -1770,7 +2481,7 @@ } }, { - "ID": "14650", + "ID": "14967", "typeID": "__group__", "zOrder": "67", "measuredW": "175", @@ -1817,81 +2528,7 @@ } }, { - "ID": "14651", - "typeID": "__group__", - "zOrder": "23", - "measuredW": "198", - "measuredH": "157", - "w": "198", - "h": "157", - "x": "1172", - "y": "769", - "properties": { - "controlName": "100-hooks:basic-hooks" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "198", - "h": "157", - "measuredW": "200", - "measuredH": "140", - "x": "0", - "y": "0" - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "measuredW": "96", - "measuredH": "25", - "x": "51", - "y": "16", - "properties": { - "size": "17", - "text": "Basic Hooks" - } - } - ] - } - } - }, - { - "ID": "14652", - "typeID": "Arrow", - "zOrder": "22", - "w": "170", - "h": "1", - "measuredW": "150", - "measuredH": "100", - "x": "1044", - "y": "873", - "properties": { - "color": "2848996", - "direction": "bottom", - "leftArrow": "false", - "rightArrow": "false", - "stroke": "dotted", - "p0": { - "x": 169.71016756073527, - "y": 0.8810260550936846 - }, - "p1": { - "x": 0.4642857142857145, - "y": -0.003992113361953182 - }, - "p2": { - "x": -0.3783855341235949, - "y": 0.8810260550936846 - } - } - }, - { - "ID": "14653", + "ID": "14968", "typeID": "__group__", "zOrder": "68", "measuredW": "243", @@ -1938,37 +2575,7 @@ } }, { - "ID": "14654", - "typeID": "Arrow", - "zOrder": "21", - "w": "148", - "h": "1", - "measuredW": "150", - "measuredH": "100", - "x": "435", - "y": "438", - "properties": { - "color": "2848996", - "direction": "bottom", - "leftArrow": "false", - "rightArrow": "false", - "p0": { - "x": 147.7561454352989, - "y": 0.8810260550936846 - }, - "p1": { - "x": 0.4642857142857145, - "y": -0.003992113361953184 - }, - "p2": { - "x": 0.24143192912043787, - "y": 0.8810260550936846 - }, - "stroke": "dotted" - } - }, - { - "ID": "14655", + "ID": "14969", "typeID": "__group__", "zOrder": "69", "measuredW": "243", @@ -2177,7 +2784,7 @@ } }, { - "ID": "14663", + "ID": "14970", "typeID": "__group__", "zOrder": "70", "measuredW": "157", @@ -2224,7 +2831,7 @@ } }, { - "ID": "14664", + "ID": "14971", "typeID": "__group__", "zOrder": "71", "measuredW": "167", @@ -2320,7 +2927,7 @@ } }, { - "ID": "14665", + "ID": "14972", "typeID": "__group__", "zOrder": "72", "measuredW": "168", @@ -2432,66 +3039,7 @@ } }, { - "ID": "14668", - "typeID": "Arrow", - "zOrder": "20", - "w": "497", - "h": "1", - "measuredW": "150", - "measuredH": "100", - "x": "454", - "y": "874", - "properties": { - "color": "2848996", - "direction": "bottom", - "leftArrow": "false", - "rightArrow": "false", - "p0": { - "x": 497.3020743683919, - "y": -0.11897394490631541 - }, - "p1": { - "x": 0.4685630212909191, - "y": -0.0004822370830620483 - }, - "p2": { - "x": 0.20078475948128016, - "y": -0.11897394490631541 - } - } - }, - { - "ID": "14669", - "typeID": "Arrow", - "zOrder": "19", - "w": "1", - "h": "66", - "measuredW": "150", - "measuredH": "100", - "x": "707", - "y": "874", - "properties": { - "color": "2848996", - "direction": "bottom", - "leftArrow": "false", - "rightArrow": "false", - "p0": { - "x": 0.48803395698428176, - "y": 66.30567517486509 - }, - "p1": { - "x": 0.46428571428571463, - "y": -0.003992113361953185 - }, - "p2": { - "x": 0.48803395698428176, - "y": -0.11897394490631541 - }, - "stroke": "dotted" - } - }, - { - "ID": "14670", + "ID": "14973", "typeID": "__group__", "zOrder": "73", "measuredW": "230", @@ -2538,7 +3086,7 @@ } }, { - "ID": "14672", + "ID": "14974", "typeID": "__group__", "zOrder": "74", "measuredW": "175", @@ -2634,7 +3182,7 @@ } }, { - "ID": "14673", + "ID": "14975", "typeID": "__group__", "zOrder": "75", "measuredW": "174", @@ -2730,7 +3278,7 @@ } }, { - "ID": "14674", + "ID": "14976", "typeID": "__group__", "zOrder": "76", "measuredW": "176", @@ -2815,64 +3363,34 @@ "ID": "circle", "size": "small" } - } - }, - { - "ID": "2", - "typeID": "Icon", - "zOrder": "2", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "0", - "properties": { - "color": "3700253", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - } - ] - } - } - } - ] - } - } - }, - { - "ID": "14676", - "typeID": "Arrow", - "zOrder": "18", - "w": "1", - "h": "93", - "measuredW": "150", - "measuredH": "100", - "x": "319", - "y": "785", - "properties": { - "color": "2848996", - "direction": "bottom", - "leftArrow": "false", - "rightArrow": "false", - "p0": { - "x": 0.48803395698428176, - "y": 93.15044501005173 - }, - "p1": { - "x": 0.46428571428571475, - "y": -0.003992113361953184 - }, - "p2": { - "x": 0.48803395698428176, - "y": -0.19048075572618473 - }, - "stroke": "dotted" + } + }, + { + "ID": "2", + "typeID": "Icon", + "zOrder": "2", + "measuredW": "24", + "measuredH": "24", + "x": "0", + "y": "0", + "properties": { + "color": "3700253", + "icon": { + "ID": "check-circle", + "size": "small" + } + } + } + ] + } + } + } + ] + } } }, { - "ID": "14679", + "ID": "14977", "typeID": "__group__", "zOrder": "77", "measuredW": "174", @@ -2984,7 +3502,7 @@ } }, { - "ID": "14680", + "ID": "14978", "typeID": "__group__", "zOrder": "78", "measuredW": "174", @@ -3064,11 +3582,11 @@ "x": "0", "y": "0", "properties": { - "color": "10027263", "icon": { "ID": "check-circle", "size": "small" - } + }, + "color": "3700253" } } ] @@ -3080,7 +3598,7 @@ } }, { - "ID": "14681", + "ID": "14979", "typeID": "__group__", "zOrder": "79", "measuredW": "227", @@ -3127,36 +3645,7 @@ } }, { - "ID": "14682", - "typeID": "Arrow", - "zOrder": "17", - "w": "1", - "h": "577", - "measuredW": "150", - "measuredH": "100", - "x": "298", - "y": "876", - "properties": { - "color": "2848996", - "direction": "bottom", - "leftArrow": "false", - "rightArrow": "false", - "p0": { - "x": 0.20078475948128016, - "y": 577.1975430248967 - }, - "p1": { - "x": 0.46856302129091965, - "y": -0.0004822370830620473 - }, - "p2": { - "x": 0.20078475948128016, - "y": -0.11897394490631541 - } - } - }, - { - "ID": "14683", + "ID": "14980", "typeID": "__group__", "zOrder": "80", "measuredW": "166", @@ -3268,7 +3757,7 @@ } }, { - "ID": "14684", + "ID": "14981", "typeID": "__group__", "zOrder": "81", "measuredW": "165", @@ -3276,7 +3765,7 @@ "w": "165", "h": "44", "x": "597", - "y": "1148", + "y": "1099", "properties": { "controlName": "104-styling:material-ui" }, @@ -3364,11 +3853,11 @@ "x": "0", "y": "0", "properties": { - "color": "3700253", "icon": { "ID": "check-circle", "size": "small" - } + }, + "color": "10027263" } } ] @@ -3380,7 +3869,7 @@ } }, { - "ID": "14685", + "ID": "14982", "typeID": "__group__", "zOrder": "82", "measuredW": "167", @@ -3388,7 +3877,7 @@ "w": "167", "h": "44", "x": "598", - "y": "1054", + "y": "1147", "properties": { "controlName": "102-styling:mantine" }, @@ -3460,11 +3949,11 @@ "x": "0", "y": "0", "properties": { - "color": "10027263", "icon": { "ID": "check-circle", "size": "small" - } + }, + "color": "3700253" } } ] @@ -3476,7 +3965,7 @@ } }, { - "ID": "14686", + "ID": "14983", "typeID": "__group__", "zOrder": "83", "measuredW": "167", @@ -3484,215 +3973,95 @@ "w": "167", "h": "44", "x": "597", - "y": "1101", + "y": "1052", "properties": { "controlName": "103-styling:tailwind" }, "children": { "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "157", - "h": "44", - "measuredW": "200", - "measuredH": "140", - "x": "0", - "y": "0", - "properties": { - "color": "16770457" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "measuredW": "61", - "measuredH": "25", - "x": "48", - "y": "10", - "properties": { - "size": "17", - "text": "Tailwind" - } - }, - { - "ID": "2", - "typeID": "__group__", - "zOrder": "2", - "measuredW": "24", - "measuredH": "24", - "w": "24", - "h": "24", - "x": "143", - "y": "10", - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "Icon", - "zOrder": "0", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "0", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "1", - "typeID": "Icon", - "zOrder": "1", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "0", - "properties": { - "color": "10027263", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - } - ] - } - } - } - ] - } - } - }, - { - "ID": "14687", - "typeID": "Arrow", - "zOrder": "13", - "w": "170", - "h": "10", - "measuredW": "150", - "measuredH": "100", - "x": "445", - "y": "1067", - "properties": { - "color": "2848996", - "direction": "bottom", - "leftArrow": "false", - "rightArrow": "false", - "p0": { - "x": 170.15151515151513, - "y": 10.881026055093571 - }, - "p1": { - "x": 0.46856302129091937, - "y": -0.0004822370830620513 - }, - "p2": { - "x": 0.08755558946864994, - "y": 0.40174459352692793 - }, - "stroke": "dotted" - } - }, - { - "ID": "14688", - "typeID": "Arrow", - "zOrder": "14", - "w": "160", - "h": "49", - "measuredW": "150", - "measuredH": "100", - "x": "453", - "y": "1079", - "properties": { - "color": "2848996", - "direction": "bottom", - "leftArrow": "false", - "rightArrow": "false", - "stroke": "dotted", - "p0": { - "x": 159.9948370393879, - "y": 49.03492956155333 - }, - "p1": { - "x": 0.4948398930687969, - "y": -0.06769152207708602 - }, - "p2": { - "x": 0.0831404204171804, - "y": 0.39512183994975203 - } - } - }, - { - "ID": "14689", - "typeID": "Arrow", - "zOrder": "15", - "w": "164", - "h": "93", - "measuredW": "150", - "measuredH": "100", - "x": "446", - "y": "1085", - "properties": { - "color": "2848996", - "direction": "bottom", - "leftArrow": "false", - "rightArrow": "false", - "stroke": "dotted", - "p0": { - "x": 164.32964209573845, - "y": 92.3410360190694 - }, - "p1": { - "x": 0.41660090341695827, - "y": -0.10834198348411798 - }, - "p2": { - "x": 0.4201530612933766, - "y": -0.27448827275134136 - } - } - }, - { - "ID": "14690", - "typeID": "Arrow", - "zOrder": "16", - "w": "165", - "h": "133", - "measuredW": "150", - "measuredH": "100", - "x": "445", - "y": "1093", - "properties": { - "color": "2848996", - "direction": "bottom", - "leftArrow": "false", - "rightArrow": "false", - "stroke": "dotted", - "p0": { - "x": 165.32964209573845, - "y": 132.31454500476048 - }, - "p1": { - "x": 0.4477509372866056, - "y": -0.11613270851109678 - }, - "p2": { - "x": 0.08755558946864994, - "y": -0.2789034418026404 + "control": [ + { + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "157", + "h": "44", + "measuredW": "200", + "measuredH": "140", + "x": "0", + "y": "0", + "properties": { + "color": "16770457" + } + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "measuredW": "61", + "measuredH": "25", + "x": "48", + "y": "10", + "properties": { + "size": "17", + "text": "Tailwind" + } + }, + { + "ID": "2", + "typeID": "__group__", + "zOrder": "2", + "measuredW": "24", + "measuredH": "24", + "w": "24", + "h": "24", + "x": "143", + "y": "10", + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "Icon", + "zOrder": "0", + "measuredW": "24", + "measuredH": "24", + "x": "0", + "y": "0", + "properties": { + "color": "16777215", + "icon": { + "ID": "circle", + "size": "small" + } + } + }, + { + "ID": "1", + "typeID": "Icon", + "zOrder": "1", + "measuredW": "24", + "measuredH": "24", + "x": "0", + "y": "0", + "properties": { + "color": "10027263", + "icon": { + "ID": "check-circle", + "size": "small" + } + } + } + ] + } + } + } + ] } } }, { - "ID": "14691", + "ID": "14984", "typeID": "__group__", "zOrder": "84", "measuredW": "210", @@ -3803,7 +4172,7 @@ } }, { - "ID": "14692", + "ID": "14985", "typeID": "__group__", "zOrder": "85", "measuredW": "210", @@ -3915,37 +4284,7 @@ } }, { - "ID": "14693", - "typeID": "Arrow", - "zOrder": "12", - "w": "1", - "h": "91", - "measuredW": "150", - "measuredH": "100", - "x": "439", - "y": "1002", - "properties": { - "color": "2848996", - "direction": "bottom", - "leftArrow": "false", - "rightArrow": "false", - "stroke": "dotted", - "p0": { - "x": 0.48803395698428176, - "y": 90.42424242424227 - }, - "p1": { - "x": 0.4642857142857146, - "y": -0.003992113361953182 - }, - "p2": { - "x": 0.48803395698428176, - "y": -0.48484848484849863 - } - } - }, - { - "ID": "14695", + "ID": "14986", "typeID": "__group__", "zOrder": "86", "measuredW": "214", @@ -3992,7 +4331,7 @@ } }, { - "ID": "14696", + "ID": "14987", "typeID": "TextArea", "zOrder": "87", "w": "105", @@ -4000,26 +4339,26 @@ "measuredW": "200", "measuredH": "140", "x": "366", - "y": "1195", + "y": "1205", "properties": { "color": "16777215" } }, { - "ID": "14697", + "ID": "14988", "typeID": "Label", "zOrder": "88", "measuredW": "71", "measuredH": "25", "x": "383", - "y": "1356", + "y": "1366", "properties": { "size": "17", "text": "GraphQL" } }, { - "ID": "14698", + "ID": "14989", "typeID": "__group__", "zOrder": "89", "measuredW": "167", @@ -4027,7 +4366,7 @@ "w": "167", "h": "44", "x": "341", - "y": "1210", + "y": "1220", "properties": { "controlName": "100-api-calls:apollo" }, @@ -4115,7 +4454,7 @@ } }, { - "ID": "14699", + "ID": "14990", "typeID": "__group__", "zOrder": "90", "measuredW": "165", @@ -4123,7 +4462,7 @@ "w": "165", "h": "44", "x": "341", - "y": "1258", + "y": "1268", "properties": { "controlName": "101-api-calls:relay" }, @@ -4227,7 +4566,7 @@ } }, { - "ID": "14700", + "ID": "14991", "typeID": "__group__", "zOrder": "91", "measuredW": "165", @@ -4235,7 +4574,7 @@ "w": "165", "h": "44", "x": "341", - "y": "1305", + "y": "1315", "properties": { "controlName": "102-api-calls:urql" }, @@ -4339,41 +4678,11 @@ } }, { - "ID": "14701", - "typeID": "Arrow", - "zOrder": "11", - "w": "1", - "h": "179", - "measuredW": "150", - "measuredH": "100", - "x": "418", - "y": "1377", - "properties": { - "color": "2848996", - "direction": "bottom", - "leftArrow": "false", - "rightArrow": "false", - "stroke": "dotted", - "p0": { - "x": 0.48803395698428176, - "y": 178.1633254647479 - }, - "p1": { - "x": 0.4642857142857147, - "y": -0.00399211336195318 - }, - "p2": { - "x": 0.48803395698428176, - "y": -0.48484848484849863 - } - } - }, - { - "ID": "14702", + "ID": "14992", "typeID": "TextArea", "zOrder": "92", "w": "105", - "h": "248", + "h": "294", "measuredW": "200", "measuredH": "140", "x": "366", @@ -4383,7 +4692,7 @@ } }, { - "ID": "14703", + "ID": "14993", "typeID": "Label", "zOrder": "93", "measuredW": "44", @@ -4396,7 +4705,7 @@ } }, { - "ID": "14704", + "ID": "14994", "typeID": "__group__", "zOrder": "94", "measuredW": "165", @@ -4508,7 +4817,7 @@ } }, { - "ID": "14705", + "ID": "14995", "typeID": "__group__", "zOrder": "95", "measuredW": "165", @@ -4620,7 +4929,7 @@ } }, { - "ID": "14707", + "ID": "14996", "typeID": "__group__", "zOrder": "96", "measuredW": "165", @@ -4732,7 +5041,7 @@ } }, { - "ID": "14708", + "ID": "14997", "typeID": "__group__", "zOrder": "97", "measuredW": "165", @@ -4844,7 +5153,7 @@ } }, { - "ID": "14710", + "ID": "14998", "typeID": "__group__", "zOrder": "98", "measuredW": "202", @@ -4891,7 +5200,7 @@ } }, { - "ID": "14711", + "ID": "14999", "typeID": "__group__", "zOrder": "99", "measuredW": "109", @@ -4987,7 +5296,7 @@ } }, { - "ID": "14712", + "ID": "15000", "typeID": "__group__", "zOrder": "100", "measuredW": "123", @@ -5099,7 +5408,7 @@ } }, { - "ID": "14713", + "ID": "15001", "typeID": "__group__", "zOrder": "101", "measuredW": "229", @@ -5195,80 +5504,7 @@ } }, { - "ID": "14714", - "typeID": "TextArea", - "zOrder": "10", - "w": "249", - "h": "131", - "measuredW": "200", - "measuredH": "140", - "x": "725", - "y": "1273", - "properties": { - "color": "16777215" - } - }, - { - "ID": "14717", - "typeID": "Arrow", - "zOrder": "9", - "w": "399", - "h": "1", - "measuredW": "150", - "measuredH": "100", - "x": "432", - "y": "1459", - "properties": { - "color": "2848996", - "direction": "bottom", - "leftArrow": "false", - "rightArrow": "false", - "p0": { - "x": 398.87452368273557, - "y": -0.1189739449064291 - }, - "p1": { - "x": 0.46856302129091915, - "y": -0.00048223708306204834 - }, - "p2": { - "x": 0.20078475948128016, - "y": -0.11897394490631541 - } - } - }, - { - "ID": "14718", - "typeID": "Arrow", - "zOrder": "8", - "w": "1", - "h": "158", - "measuredW": "150", - "measuredH": "100", - "x": "871", - "y": "1383", - "properties": { - "color": "2848996", - "direction": "bottom", - "leftArrow": "false", - "rightArrow": "false", - "stroke": "dotted", - "p0": { - "x": 0.48803395698428176, - "y": 157.48267742941835 - }, - "p1": { - "x": 0.4642857142857147, - "y": -0.003992113361953185 - }, - "p2": { - "x": 0.48803395698428176, - "y": -0.11897394490631541 - } - } - }, - { - "ID": "14719", + "ID": "15002", "typeID": "__group__", "zOrder": "102", "measuredW": "161", @@ -5380,7 +5616,7 @@ } }, { - "ID": "14720", + "ID": "15003", "typeID": "__group__", "zOrder": "103", "measuredW": "162", @@ -5449,63 +5685,34 @@ "ID": "circle", "size": "small" } - } - }, - { - "ID": "1", - "typeID": "Icon", - "zOrder": "1", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "0", - "properties": { - "color": "10027263", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - } - ] - } - } - } - ] - } - } - }, - { - "ID": "14721", - "typeID": "Arrow", - "zOrder": "7", - "w": "323", - "h": "336", - "measuredW": "150", - "measuredH": "100", - "x": "949", - "y": "1119", - "properties": { - "color": "2848996", - "direction": "bottom", - "leftArrow": "false", - "rightArrow": "false", - "p0": { - "x": 323.71054144095206, - "y": -0.2577704536804504 - }, - "p1": { - "x": 0.5105886846310793, - "y": 0.2003859568009807 - }, - "p2": { - "x": 0.23583113021061308, - "y": 335.9299197382693 + } + }, + { + "ID": "1", + "typeID": "Icon", + "zOrder": "1", + "measuredW": "24", + "measuredH": "24", + "x": "0", + "y": "0", + "properties": { + "color": "10027263", + "icon": { + "ID": "check-circle", + "size": "small" + } + } + } + ] + } + } + } + ] } } }, { - "ID": "14722", + "ID": "15004", "typeID": "__group__", "zOrder": "104", "measuredW": "202", @@ -5552,7 +5759,7 @@ } }, { - "ID": "14723", + "ID": "15005", "typeID": "__group__", "zOrder": "105", "measuredW": "167", @@ -5648,7 +5855,7 @@ } }, { - "ID": "14724", + "ID": "15006", "typeID": "__group__", "zOrder": "106", "measuredW": "169", @@ -5760,66 +5967,7 @@ } }, { - "ID": "14725", - "typeID": "Arrow", - "zOrder": "6", - "w": "1", - "h": "87", - "measuredW": "150", - "measuredH": "100", - "x": "1293", - "y": "1023", - "properties": { - "color": "2848996", - "direction": "bottom", - "leftArrow": "false", - "rightArrow": "false", - "stroke": "dotted", - "p0": { - "x": 0.48803395698428176, - "y": 87.26690962551424 - }, - "p1": { - "x": 0.46428571428571475, - "y": -0.0039921133619531856 - }, - "p2": { - "x": 0.48803395698428176, - "y": -0.11897394490631541 - } - } - }, - { - "ID": "14726", - "typeID": "Arrow", - "zOrder": "5", - "w": "1", - "h": "329", - "measuredW": "150", - "measuredH": "100", - "x": "1296", - "y": "1118", - "properties": { - "color": "2848996", - "direction": "bottom", - "leftArrow": "false", - "rightArrow": "false", - "p0": { - "x": 0.20078475948139385, - "y": 328.45459981746376 - }, - "p1": { - "x": 0.46856302129091976, - "y": -0.0004822370830620469 - }, - "p2": { - "x": 0.20078475948128016, - "y": -0.11897394490631541 - } - } - }, - { - "ID": "14727", + "ID": "15007", "typeID": "__group__", "zOrder": "107", "measuredW": "202", @@ -5866,7 +6014,7 @@ } }, { - "ID": "14728", + "ID": "15008", "typeID": "__group__", "zOrder": "108", "measuredW": "198", @@ -5962,7 +6110,7 @@ } }, { - "ID": "14729", + "ID": "15009", "typeID": "__group__", "zOrder": "109", "measuredW": "195", @@ -6074,7 +6222,7 @@ } }, { - "ID": "14730", + "ID": "15010", "typeID": "__group__", "zOrder": "110", "measuredW": "195", @@ -6186,37 +6334,50 @@ } }, { - "ID": "14731", + "ID": "15011", "typeID": "Arrow", - "zOrder": "4", + "zOrder": "111", "w": "1", - "h": "107", + "h": "329", "measuredW": "150", "measuredH": "100", - "x": "1295", - "y": "1437", + "x": "1100", + "y": "1444", "properties": { "color": "2848996", "direction": "bottom", "leftArrow": "false", "rightArrow": "false", - "stroke": "dotted", "p0": { - "x": 0.48803395698428176, - "y": 106.92077890672635 + "x": 0.20078475948139385, + "y": 328.45459981746376 }, "p1": { - "x": 0.46428571428571475, - "y": -0.0039921133619531856 + "x": 0.46856302129091976, + "y": -0.0004822370830620469 }, "p2": { - "x": 0.48803395698428176, + "x": 0.20078475948128016, "y": -0.11897394490631541 } } }, { - "ID": "14734", + "ID": "15012", + "typeID": "TextArea", + "zOrder": "112", + "w": "253", + "h": "251", + "measuredW": "200", + "measuredH": "140", + "x": "894", + "y": "1662", + "properties": { + "color": "16777215" + } + }, + { + "ID": "15013", "typeID": "__group__", "zOrder": "113", "measuredW": "224", @@ -6263,7 +6424,7 @@ } }, { - "ID": "14736", + "ID": "15014", "typeID": "__group__", "zOrder": "114", "measuredW": "224", @@ -6310,7 +6471,7 @@ } }, { - "ID": "14737", + "ID": "15015", "typeID": "__group__", "zOrder": "115", "measuredW": "224", @@ -6357,7 +6518,7 @@ } }, { - "ID": "14738", + "ID": "15016", "typeID": "__group__", "zOrder": "116", "measuredW": "224", @@ -6404,79 +6565,7 @@ } }, { - "ID": "14739", - "typeID": "Arrow", - "zOrder": "3", - "w": "100", - "h": "1", - "measuredW": "150", - "measuredH": "100", - "x": "1100", - "y": "1442", - "properties": { - "color": "2848996", - "direction": "bottom", - "leftArrow": "false", - "rightArrow": "false", - "p0": { - "x": 99.87452368273557, - "y": -0.1189739449064291 - }, - "p1": { - "x": 0.4685630212909191, - "y": -0.00048223708306204904 - }, - "p2": { - "x": 0.22113086399144777, - "y": 1.2242665918161038 - } - } - }, - { - "ID": "14740", - "typeID": "Arrow", - "zOrder": "111", - "w": "1", - "h": "329", - "measuredW": "150", - "measuredH": "100", - "x": "1100", - "y": "1444", - "properties": { - "color": "2848996", - "direction": "bottom", - "leftArrow": "false", - "rightArrow": "false", - "p0": { - "x": 0.20078475948139385, - "y": 328.45459981746376 - }, - "p1": { - "x": 0.46856302129091976, - "y": -0.0004822370830620469 - }, - "p2": { - "x": 0.20078475948128016, - "y": -0.11897394490631541 - } - } - }, - { - "ID": "14741", - "typeID": "TextArea", - "zOrder": "112", - "w": "253", - "h": "251", - "measuredW": "200", - "measuredH": "140", - "x": "894", - "y": "1662", - "properties": { - "color": "16777215" - } - }, - { - "ID": "14742", + "ID": "15017", "typeID": "Label", "zOrder": "117", "measuredW": "130", @@ -6489,36 +6578,7 @@ } }, { - "ID": "14743", - "typeID": "Arrow", - "zOrder": "2", - "w": "215", - "h": "1", - "measuredW": "150", - "measuredH": "100", - "x": "707", - "y": "1748", - "properties": { - "color": "2848996", - "direction": "bottom", - "leftArrow": "false", - "rightArrow": "false", - "p0": { - "x": 214.87452368273557, - "y": -0.1189739449064291 - }, - "p1": { - "x": 0.46856302129091915, - "y": -0.0004822370830620489 - }, - "p2": { - "x": -0.49168649527814523, - "y": -0.1189739449064291 - } - } - }, - { - "ID": "14744", + "ID": "15018", "typeID": "__group__", "zOrder": "118", "measuredW": "159", @@ -6565,7 +6625,7 @@ } }, { - "ID": "14745", + "ID": "15019", "typeID": "__group__", "zOrder": "119", "measuredW": "159", @@ -6590,59 +6650,29 @@ "measuredH": "140", "x": "0", "y": "0", - "properties": { - "color": "16770457" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "measuredW": "100", - "measuredH": "25", - "x": "30", - "y": "10", - "properties": { - "size": "17", - "text": "React Native" - } - } - ] - } - } - }, - { - "ID": "14746", - "typeID": "Arrow", - "zOrder": "1", - "w": "1", - "h": "92", - "measuredW": "150", - "measuredH": "100", - "x": "707", - "y": "1653", - "properties": { - "color": "2848996", - "direction": "bottom", - "leftArrow": "false", - "rightArrow": "false", - "stroke": "dotted", - "p0": { - "x": 0.48803395698428176, - "y": 92.16332546474791 - }, - "p1": { - "x": 0.4642857142857146, - "y": -0.003992113361953179 - }, - "p2": { - "x": 0.48803395698428176, - "y": 0.31578862917604056 + "properties": { + "color": "16770457" + } + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "measuredW": "100", + "measuredH": "25", + "x": "30", + "y": "10", + "properties": { + "size": "17", + "text": "React Native" + } + } + ] } } }, { - "ID": "14747", + "ID": "15020", "typeID": "Arrow", "zOrder": "120", "w": "1", @@ -6673,37 +6703,7 @@ } }, { - "ID": "14748", - "typeID": "Arrow", - "zOrder": "0", - "w": "1", - "h": "287", - "measuredW": "150", - "measuredH": "100", - "x": "707", - "y": "1760", - "properties": { - "color": "2848996", - "curvature": "-1", - "direction": "bottom", - "leftArrow": "false", - "rightArrow": "false", - "p0": { - "x": 0, - "y": 0 - }, - "p1": { - "x": 0.44386240125497245, - "y": -0.00008403832147459167 - }, - "p2": { - "x": 0, - "y": 286.8596251740669 - } - } - }, - { - "ID": "14749", + "ID": "15021", "typeID": "TextArea", "zOrder": "121", "w": "425", @@ -6714,7 +6714,7 @@ "y": "2009" }, { - "ID": "14750", + "ID": "15022", "typeID": "Label", "zOrder": "122", "measuredW": "369", @@ -6727,7 +6727,7 @@ } }, { - "ID": "14752", + "ID": "15023", "typeID": "__group__", "zOrder": "123", "measuredW": "370", @@ -6774,7 +6774,7 @@ } }, { - "ID": "14753", + "ID": "15024", "typeID": "__group__", "zOrder": "124", "measuredW": "352", @@ -6867,7 +6867,7 @@ } }, { - "ID": "14754", + "ID": "15025", "typeID": "__group__", "zOrder": "125", "measuredW": "408", @@ -7125,6 +7125,230 @@ ] } } + }, + { + "ID": "15026", + "typeID": "__group__", + "zOrder": "126", + "measuredW": "168", + "measuredH": "44", + "w": "168", + "h": "44", + "x": "342", + "y": "1133", + "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": "15027", + "typeID": "__group__", + "zOrder": "127", + "measuredW": "165", + "measuredH": "44", + "w": "165", + "h": "44", + "x": "338", + "y": "1763", + "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" + } + } + } + ] + } + } + } + ] + } + } } ] },