From 7052774a29af706cb0c1bfdac64d5cb65a6a8fc8 Mon Sep 17 00:00:00 2001 From: Kamran Ahmed Date: Wed, 26 Oct 2022 11:51:01 +0500 Subject: [PATCH] Update react topics in react roadmap --- content/guides/asymptotic-notation.md | 11 - content/roadmaps/103-react/content-paths.json | 1 + .../109-events.md | 11 + public/project/react.json | 1074 +++++++++-------- 4 files changed, 588 insertions(+), 509 deletions(-) create mode 100644 content/roadmaps/103-react/content/100-react-fundamental-topics/109-events.md diff --git a/content/guides/asymptotic-notation.md b/content/guides/asymptotic-notation.md index ac09738c4..dafc18f1a 100644 --- a/content/guides/asymptotic-notation.md +++ b/content/guides/asymptotic-notation.md @@ -1,14 +1,3 @@ -export const guideMeta = { - "title": "WebStorm — Project History", - "description": "Learn how to peek through the history of any git repository to learn how it grew.", - "url": "/guides/project-history", - "fileName": "project-history", - "featured": true, - "author": "kamranahmedse", - "updatedAt": "2020-07-16T19:59:14.191Z", - "createdAt": "2020-07-16T19:59:14.191Z" -}; - Asymptotic notation is the standard way of measuring the time and space that an algorithm will consume as the input grows. In one of my last guides, I covered "Big-O notation" and a lot of you asked for a similar one for Asymptotic notation. You can find the [previous guide here](/guides/big-o-notation). [![](/guides/asymptotic-notation.png)](/guides/asymptotic-notation.png) diff --git a/content/roadmaps/103-react/content-paths.json b/content/roadmaps/103-react/content-paths.json index a5825ab9e..12d0bbef6 100644 --- a/content/roadmaps/103-react/content-paths.json +++ b/content/roadmaps/103-react/content-paths.json @@ -28,6 +28,7 @@ "react-fundamental-topics:basic-hooks": "/roadmaps/103-react/content/100-react-fundamental-topics/108-basic-hooks/readme.md", "react-fundamental-topics:basic-hooks:use-state": "/roadmaps/103-react/content/100-react-fundamental-topics/108-basic-hooks/100-use-state.md", "react-fundamental-topics:basic-hooks:use-effect": "/roadmaps/103-react/content/100-react-fundamental-topics/108-basic-hooks/101-use-effect.md", + "react-fundamental-topics:events": "/roadmaps/103-react/content/100-react-fundamental-topics/109-events.md", "react-ecosystem": "/roadmaps/103-react/content/102-react-ecosystem/readme.md", "react-ecosystem:routers": "/roadmaps/103-react/content/102-react-ecosystem/100-routers/readme.md", "react-ecosystem:routers:react-router": "/roadmaps/103-react/content/102-react-ecosystem/100-routers/100-react-router.md", diff --git a/content/roadmaps/103-react/content/100-react-fundamental-topics/109-events.md b/content/roadmaps/103-react/content/100-react-fundamental-topics/109-events.md new file mode 100644 index 000000000..481ff0c5f --- /dev/null +++ b/content/roadmaps/103-react/content/100-react-fundamental-topics/109-events.md @@ -0,0 +1,11 @@ +# Events + +Handling events with React elements is very similar to handling events on DOM elements. There are some syntax differences: + +* React events are named using camelCase, rather than lowercase. +* With JSX you pass a function as the event handler, rather than a string. + +Free Content +Handling Events in React +Synthetic Events in React +React Event Handler diff --git a/public/project/react.json b/public/project/react.json index 664098c86..c1c7fa6c2 100644 --- a/public/project/react.json +++ b/public/project/react.json @@ -3,9 +3,131 @@ "controls": { "control": [ { - "ID": "10430", - "typeID": "Label", + "ID": "9771", + "typeID": "Arrow", + "zOrder": "1", + "w": "122", + "h": "18", + "measuredW": "150", + "measuredH": "100", + "x": "1032", + "y": "695", + "properties": { + "color": "2848996", + "curvature": "0", + "direction": "top", + "leftArrow": "false", + "rightArrow": "false", + "stroke": "dotted", + "p0": { + "x": 122.14512175779441, + "y": 0.26814563722564344 + }, + "p1": { + "x": 0.4507017020005973, + "y": 0.051000298596596466 + }, + "p2": { + "x": -0.22207187435719788, + "y": 18.345117423793454 + } + } + }, + { + "ID": "9772", + "typeID": "Arrow", + "zOrder": "2", + "w": "107", + "h": "49", + "measuredW": "150", + "measuredH": "100", + "x": "445", + "y": "360", + "properties": { + "color": "2848996", + "curvature": "0", + "direction": "bottom", + "leftArrow": "false", + "rightArrow": "false", + "stroke": "dotted", + "p0": { + "x": 107, + "y": 49 + }, + "p1": { + "x": 0.623226362084596, + "y": 0.11385756526041142 + }, + "p2": { + "x": -0.02838679217563822, + "y": 0.14889944008285738 + } + } + }, + { + "ID": "9773", + "typeID": "Arrow", + "zOrder": "3", + "w": "109", + "h": "2", + "measuredW": "150", + "measuredH": "100", + "x": "434", + "y": "419", + "properties": { + "color": "2848996", + "curvature": "0", + "direction": "bottom", + "leftArrow": "false", + "rightArrow": "false", + "stroke": "dotted", + "p0": { + "x": 109, + "y": 0 + }, + "p1": { + "x": 0.6380090497737557, + "y": -0.0018099547511312274 + }, + "p2": { + "x": -0.15267712237124442, + "y": 1.7703510910608884 + } + } + }, + { + "ID": "9774", + "typeID": "Arrow", "zOrder": "4", + "w": "2", + "h": "571", + "measuredW": "150", + "measuredH": "100", + "x": "886", + "y": "148", + "properties": { + "color": "2848996", + "direction": "bottom", + "leftArrow": "false", + "rightArrow": "false", + "p0": { + "x": 2.621614465876405, + "y": 0.236415956616014 + }, + "p1": { + "x": 0.4642857142857143, + "y": -0.00399211336195318 + }, + "p2": { + "x": 2.621614465876405, + "y": 570.8810260550937 + } + } + }, + { + "ID": "9775", + "typeID": "Label", + "zOrder": "5", "measuredW": "76", "measuredH": "36", "x": "852", @@ -16,9 +138,9 @@ } }, { - "ID": "10432", + "ID": "9776", "typeID": "Arrow", - "zOrder": "5", + "zOrder": "6", "w": "2", "h": "96", "measuredW": "150", @@ -50,9 +172,9 @@ } }, { - "ID": "10433", + "ID": "9777", "typeID": "Arrow", - "zOrder": "6", + "zOrder": "7", "w": "105", "h": "15", "measuredW": "150", @@ -81,9 +203,9 @@ } }, { - "ID": "10434", + "ID": "9778", "typeID": "Arrow", - "zOrder": "7", + "zOrder": "8", "w": "92", "h": "22", "measuredW": "150", @@ -112,9 +234,9 @@ } }, { - "ID": "10435", + "ID": "9779", "typeID": "Arrow", - "zOrder": "8", + "zOrder": "9", "w": "89", "h": "19", "measuredW": "150", @@ -143,9 +265,9 @@ } }, { - "ID": "10436", + "ID": "9780", "typeID": "Arrow", - "zOrder": "9", + "zOrder": "10", "w": "6", "h": "75", "measuredW": "150", @@ -177,9 +299,9 @@ } }, { - "ID": "10437", + "ID": "9781", "typeID": "Arrow", - "zOrder": "10", + "zOrder": "11", "w": "155", "h": "517", "measuredW": "150", @@ -208,9 +330,9 @@ } }, { - "ID": "10438", + "ID": "9782", "typeID": "Arrow", - "zOrder": "11", + "zOrder": "12", "w": "95", "h": "1", "measuredW": "150", @@ -242,9 +364,9 @@ } }, { - "ID": "10439", + "ID": "9783", "typeID": "Arrow", - "zOrder": "12", + "zOrder": "13", "w": "101", "h": "33", "measuredW": "150", @@ -276,9 +398,9 @@ } }, { - "ID": "10440", + "ID": "9784", "typeID": "Arrow", - "zOrder": "13", + "zOrder": "14", "w": "88", "h": "7", "measuredW": "150", @@ -310,9 +432,9 @@ } }, { - "ID": "10441", + "ID": "9785", "typeID": "Arrow", - "zOrder": "14", + "zOrder": "15", "w": "86", "h": "55", "measuredW": "150", @@ -344,9 +466,9 @@ } }, { - "ID": "10442", + "ID": "9786", "typeID": "Arrow", - "zOrder": "15", + "zOrder": "16", "w": "6", "h": "736", "measuredW": "150", @@ -374,9 +496,9 @@ } }, { - "ID": "10443", + "ID": "9787", "typeID": "Arrow", - "zOrder": "16", + "zOrder": "17", "w": "1", "h": "82", "measuredW": "150", @@ -408,9 +530,9 @@ } }, { - "ID": "10444", + "ID": "9788", "typeID": "Arrow", - "zOrder": "17", + "zOrder": "18", "w": "170", "h": "343", "measuredW": "150", @@ -439,9 +561,9 @@ } }, { - "ID": "10445", + "ID": "9789", "typeID": "Arrow", - "zOrder": "18", + "zOrder": "19", "w": "65", "h": "99", "measuredW": "150", @@ -470,9 +592,9 @@ } }, { - "ID": "10446", + "ID": "9790", "typeID": "Arrow", - "zOrder": "19", + "zOrder": "20", "w": "64", "h": "109", "measuredW": "150", @@ -501,9 +623,9 @@ } }, { - "ID": "10447", + "ID": "9791", "typeID": "Arrow", - "zOrder": "20", + "zOrder": "21", "w": "86", "h": "54", "measuredW": "150", @@ -532,9 +654,9 @@ } }, { - "ID": "10448", + "ID": "9792", "typeID": "Arrow", - "zOrder": "21", + "zOrder": "22", "w": "89", "h": "8", "measuredW": "150", @@ -563,9 +685,9 @@ } }, { - "ID": "10449", + "ID": "9793", "typeID": "Arrow", - "zOrder": "22", + "zOrder": "23", "w": "60", "h": "103", "measuredW": "150", @@ -594,9 +716,9 @@ } }, { - "ID": "10450", + "ID": "9794", "typeID": "Arrow", - "zOrder": "23", + "zOrder": "24", "w": "66", "h": "75", "measuredW": "150", @@ -625,9 +747,9 @@ } }, { - "ID": "10451", + "ID": "9795", "typeID": "Arrow", - "zOrder": "24", + "zOrder": "25", "w": "86", "h": "4", "measuredW": "150", @@ -656,9 +778,9 @@ } }, { - "ID": "10452", + "ID": "9796", "typeID": "Arrow", - "zOrder": "25", + "zOrder": "26", "w": "63", "h": "24", "measuredW": "150", @@ -687,9 +809,9 @@ } }, { - "ID": "10453", + "ID": "9797", "typeID": "Arrow", - "zOrder": "26", + "zOrder": "27", "w": "95", "h": "88", "measuredW": "150", @@ -718,9 +840,9 @@ } }, { - "ID": "10454", + "ID": "9798", "typeID": "Arrow", - "zOrder": "27", + "zOrder": "28", "w": "95", "h": "18", "measuredW": "150", @@ -752,9 +874,9 @@ } }, { - "ID": "10455", + "ID": "9799", "typeID": "Arrow", - "zOrder": "28", + "zOrder": "29", "w": "94", "h": "59", "measuredW": "150", @@ -786,9 +908,9 @@ } }, { - "ID": "10456", + "ID": "9800", "typeID": "Arrow", - "zOrder": "29", + "zOrder": "30", "w": "2", "h": "96", "measuredW": "150", @@ -820,9 +942,9 @@ } }, { - "ID": "10457", + "ID": "9801", "typeID": "Arrow", - "zOrder": "30", + "zOrder": "31", "w": "89", "h": "110", "measuredW": "150", @@ -851,9 +973,9 @@ } }, { - "ID": "10458", + "ID": "9802", "typeID": "Arrow", - "zOrder": "31", + "zOrder": "32", "w": "102", "h": "170", "measuredW": "150", @@ -882,9 +1004,9 @@ } }, { - "ID": "10459", + "ID": "9803", "typeID": "Arrow", - "zOrder": "32", + "zOrder": "33", "w": "95", "h": "73", "measuredW": "150", @@ -913,9 +1035,9 @@ } }, { - "ID": "10460", + "ID": "9804", "typeID": "Arrow", - "zOrder": "33", + "zOrder": "34", "w": "68", "h": "51", "measuredW": "150", @@ -944,9 +1066,9 @@ } }, { - "ID": "10461", + "ID": "9805", "typeID": "Arrow", - "zOrder": "34", + "zOrder": "35", "w": "106", "h": "16", "measuredW": "150", @@ -975,9 +1097,9 @@ } }, { - "ID": "10462", + "ID": "9806", "typeID": "Arrow", - "zOrder": "35", + "zOrder": "36", "w": "94", "h": "31", "measuredW": "150", @@ -1006,9 +1128,9 @@ } }, { - "ID": "10463", + "ID": "9807", "typeID": "Arrow", - "zOrder": "36", + "zOrder": "37", "w": "109", "h": "5", "measuredW": "150", @@ -1040,9 +1162,9 @@ } }, { - "ID": "10464", + "ID": "9808", "typeID": "Arrow", - "zOrder": "37", + "zOrder": "38", "w": "104", "h": "234", "measuredW": "150", @@ -1071,9 +1193,9 @@ } }, { - "ID": "10466", + "ID": "9809", "typeID": "Arrow", - "zOrder": "38", + "zOrder": "39", "w": "49", "h": "292", "measuredW": "150", @@ -1101,9 +1223,9 @@ } }, { - "ID": "10467", + "ID": "9810", "typeID": "Arrow", - "zOrder": "39", + "zOrder": "40", "w": "153", "h": "89", "measuredW": "150", @@ -1132,9 +1254,9 @@ } }, { - "ID": "10468", + "ID": "9811", "typeID": "Arrow", - "zOrder": "40", + "zOrder": "41", "w": "122", "h": "32", "measuredW": "150", @@ -1163,9 +1285,9 @@ } }, { - "ID": "10469", + "ID": "9812", "typeID": "Arrow", - "zOrder": "41", + "zOrder": "42", "w": "136", "h": "60", "measuredW": "150", @@ -1194,9 +1316,9 @@ } }, { - "ID": "10470", + "ID": "9813", "typeID": "Arrow", - "zOrder": "42", + "zOrder": "43", "w": "89", "h": "106", "measuredW": "150", @@ -1225,9 +1347,9 @@ } }, { - "ID": "10471", + "ID": "9814", "typeID": "Arrow", - "zOrder": "43", + "zOrder": "44", "w": "93", "h": "65", "measuredW": "150", @@ -1256,9 +1378,9 @@ } }, { - "ID": "10472", + "ID": "9815", "typeID": "Arrow", - "zOrder": "44", + "zOrder": "45", "w": "69", "h": "35", "measuredW": "150", @@ -1290,9 +1412,9 @@ } }, { - "ID": "10473", + "ID": "9816", "typeID": "Arrow", - "zOrder": "45", + "zOrder": "46", "w": "81", "h": "20", "measuredW": "150", @@ -1321,9 +1443,9 @@ } }, { - "ID": "10474", + "ID": "9817", "typeID": "Arrow", - "zOrder": "46", + "zOrder": "47", "w": "127", "h": "1", "measuredW": "150", @@ -1352,9 +1474,9 @@ } }, { - "ID": "10475", + "ID": "9818", "typeID": "Arrow", - "zOrder": "47", + "zOrder": "48", "w": "88", "h": "21", "measuredW": "150", @@ -1383,9 +1505,9 @@ } }, { - "ID": "10476", + "ID": "9819", "typeID": "Arrow", - "zOrder": "48", + "zOrder": "49", "w": "105", "h": "29", "measuredW": "150", @@ -1414,9 +1536,9 @@ } }, { - "ID": "10477", + "ID": "9820", "typeID": "Arrow", - "zOrder": "49", + "zOrder": "50", "w": "108", "h": "118", "measuredW": "150", @@ -1445,9 +1567,9 @@ } }, { - "ID": "10478", + "ID": "9821", "typeID": "Arrow", - "zOrder": "50", + "zOrder": "51", "w": "102", "h": "66", "measuredW": "150", @@ -1476,9 +1598,9 @@ } }, { - "ID": "10479", + "ID": "9822", "typeID": "Arrow", - "zOrder": "51", + "zOrder": "52", "w": "66", "h": "65", "measuredW": "150", @@ -1510,9 +1632,9 @@ } }, { - "ID": "10480", + "ID": "9823", "typeID": "Arrow", - "zOrder": "52", + "zOrder": "53", "h": "33", "measuredW": "150", "measuredH": "100", @@ -1540,9 +1662,9 @@ } }, { - "ID": "10481", + "ID": "9824", "typeID": "Arrow", - "zOrder": "53", + "zOrder": "54", "w": "50", "h": "77", "measuredW": "150", @@ -1574,9 +1696,9 @@ } }, { - "ID": "10482", + "ID": "9825", "typeID": "Arrow", - "zOrder": "54", + "zOrder": "55", "w": "181", "h": "83", "measuredW": "150", @@ -1605,9 +1727,9 @@ } }, { - "ID": "10483", + "ID": "9826", "typeID": "Arrow", - "zOrder": "55", + "zOrder": "56", "w": "110", "h": "19", "measuredW": "150", @@ -1636,9 +1758,9 @@ } }, { - "ID": "10484", + "ID": "9827", "typeID": "Arrow", - "zOrder": "56", + "zOrder": "57", "w": "67", "h": "29", "measuredW": "150", @@ -1670,9 +1792,9 @@ } }, { - "ID": "10485", + "ID": "9828", "typeID": "Arrow", - "zOrder": "57", + "zOrder": "58", "w": "70", "h": "27", "measuredW": "150", @@ -1704,9 +1826,9 @@ } }, { - "ID": "10488", + "ID": "9829", "typeID": "Canvas", - "zOrder": "58", + "zOrder": "59", "w": "350", "h": "141", "measuredW": "100", @@ -1715,9 +1837,9 @@ "y": "72" }, { - "ID": "10489", + "ID": "9830", "typeID": "Label", - "zOrder": "59", + "zOrder": "60", "measuredW": "314", "measuredH": "25", "x": "1154", @@ -1728,9 +1850,9 @@ } }, { - "ID": "10490", + "ID": "9831", "typeID": "Label", - "zOrder": "60", + "zOrder": "61", "measuredW": "319", "measuredH": "25", "x": "1154", @@ -1741,9 +1863,9 @@ } }, { - "ID": "10491", + "ID": "9832", "typeID": "__group__", - "zOrder": "61", + "zOrder": "62", "measuredW": "320", "measuredH": "45", "w": "320", @@ -1846,9 +1968,9 @@ } }, { - "ID": "10492", + "ID": "9833", "typeID": "Arrow", - "zOrder": "62", + "zOrder": "63", "w": "196", "h": "128", "measuredW": "150", @@ -1877,9 +1999,9 @@ } }, { - "ID": "10493", + "ID": "9834", "typeID": "Arrow", - "zOrder": "63", + "zOrder": "64", "w": "128", "h": "35", "measuredW": "150", @@ -1908,9 +2030,9 @@ } }, { - "ID": "10494", + "ID": "9835", "typeID": "Arrow", - "zOrder": "64", + "zOrder": "65", "w": "109", "h": "80", "measuredW": "150", @@ -1939,9 +2061,9 @@ } }, { - "ID": "10495", + "ID": "9836", "typeID": "__group__", - "zOrder": "65", + "zOrder": "66", "measuredW": "272", "measuredH": "50", "w": "272", @@ -1986,9 +2108,9 @@ } }, { - "ID": "10496", + "ID": "9837", "typeID": "__group__", - "zOrder": "66", + "zOrder": "67", "measuredW": "159", "measuredH": "44", "w": "159", @@ -2033,9 +2155,9 @@ } }, { - "ID": "10497", + "ID": "9838", "typeID": "__group__", - "zOrder": "67", + "zOrder": "68", "measuredW": "255", "measuredH": "44", "w": "255", @@ -2080,9 +2202,9 @@ } }, { - "ID": "10498", + "ID": "9839", "typeID": "__group__", - "zOrder": "68", + "zOrder": "69", "measuredW": "213", "measuredH": "44", "w": "213", @@ -2127,9 +2249,9 @@ } }, { - "ID": "10499", + "ID": "9840", "typeID": "__group__", - "zOrder": "69", + "zOrder": "70", "measuredW": "213", "measuredH": "44", "w": "213", @@ -2174,9 +2296,9 @@ } }, { - "ID": "10500", + "ID": "9841", "typeID": "__group__", - "zOrder": "70", + "zOrder": "71", "measuredW": "159", "measuredH": "44", "w": "159", @@ -2221,9 +2343,9 @@ } }, { - "ID": "10501", + "ID": "9842", "typeID": "__group__", - "zOrder": "71", + "zOrder": "72", "measuredW": "159", "measuredH": "44", "w": "159", @@ -2268,9 +2390,9 @@ } }, { - "ID": "10502", + "ID": "9843", "typeID": "__group__", - "zOrder": "72", + "zOrder": "73", "measuredW": "254", "measuredH": "42", "w": "254", @@ -2315,9 +2437,9 @@ } }, { - "ID": "10503", + "ID": "9844", "typeID": "__group__", - "zOrder": "73", + "zOrder": "74", "measuredW": "153", "measuredH": "44", "w": "153", @@ -2362,9 +2484,9 @@ } }, { - "ID": "10504", + "ID": "9845", "typeID": "__group__", - "zOrder": "74", + "zOrder": "75", "measuredW": "153", "measuredH": "44", "w": "153", @@ -2409,9 +2531,9 @@ } }, { - "ID": "10505", + "ID": "9846", "typeID": "__group__", - "zOrder": "75", + "zOrder": "76", "measuredW": "255", "measuredH": "44", "w": "255", @@ -2456,9 +2578,9 @@ } }, { - "ID": "10506", + "ID": "9847", "typeID": "__group__", - "zOrder": "76", + "zOrder": "77", "measuredW": "215", "measuredH": "44", "w": "215", @@ -2503,9 +2625,9 @@ } }, { - "ID": "10507", + "ID": "9848", "typeID": "__group__", - "zOrder": "77", + "zOrder": "78", "measuredW": "162", "measuredH": "44", "w": "162", @@ -2550,9 +2672,9 @@ } }, { - "ID": "10508", + "ID": "9849", "typeID": "__group__", - "zOrder": "78", + "zOrder": "79", "measuredW": "255", "measuredH": "44", "w": "255", @@ -2597,9 +2719,9 @@ } }, { - "ID": "10509", + "ID": "9850", "typeID": "__group__", - "zOrder": "79", + "zOrder": "80", "measuredW": "272", "measuredH": "50", "w": "272", @@ -2644,9 +2766,9 @@ } }, { - "ID": "10510", + "ID": "9851", "typeID": "__group__", - "zOrder": "80", + "zOrder": "81", "measuredW": "157", "measuredH": "44", "w": "157", @@ -2691,9 +2813,9 @@ } }, { - "ID": "10511", + "ID": "9852", "typeID": "__group__", - "zOrder": "81", + "zOrder": "82", "measuredW": "243", "measuredH": "44", "w": "243", @@ -2738,9 +2860,9 @@ } }, { - "ID": "10512", + "ID": "9853", "typeID": "__group__", - "zOrder": "82", + "zOrder": "83", "measuredW": "243", "measuredH": "248", "w": "243", @@ -2947,9 +3069,9 @@ } }, { - "ID": "10513", + "ID": "9854", "typeID": "__group__", - "zOrder": "83", + "zOrder": "84", "measuredW": "157", "measuredH": "44", "w": "157", @@ -2994,9 +3116,9 @@ } }, { - "ID": "10514", + "ID": "9855", "typeID": "__group__", - "zOrder": "84", + "zOrder": "85", "measuredW": "157", "measuredH": "44", "w": "157", @@ -3041,9 +3163,9 @@ } }, { - "ID": "10515", + "ID": "9856", "typeID": "__group__", - "zOrder": "85", + "zOrder": "86", "measuredW": "157", "measuredH": "44", "w": "157", @@ -3088,9 +3210,9 @@ } }, { - "ID": "10516", + "ID": "9857", "typeID": "__group__", - "zOrder": "86", + "zOrder": "87", "measuredW": "224", "measuredH": "44", "w": "224", @@ -3135,9 +3257,9 @@ } }, { - "ID": "10517", + "ID": "9858", "typeID": "__group__", - "zOrder": "87", + "zOrder": "88", "measuredW": "224", "measuredH": "44", "w": "224", @@ -3182,9 +3304,9 @@ } }, { - "ID": "10518", + "ID": "9859", "typeID": "__group__", - "zOrder": "88", + "zOrder": "89", "measuredW": "224", "measuredH": "44", "w": "224", @@ -3229,9 +3351,9 @@ } }, { - "ID": "10519", + "ID": "9860", "typeID": "__group__", - "zOrder": "89", + "zOrder": "90", "measuredW": "224", "measuredH": "44", "w": "224", @@ -3276,9 +3398,9 @@ } }, { - "ID": "10520", + "ID": "9861", "typeID": "__group__", - "zOrder": "90", + "zOrder": "91", "measuredW": "201", "measuredH": "50", "w": "201", @@ -3323,9 +3445,9 @@ } }, { - "ID": "10521", + "ID": "9862", "typeID": "__group__", - "zOrder": "91", + "zOrder": "92", "measuredW": "202", "measuredH": "44", "w": "202", @@ -3370,9 +3492,9 @@ } }, { - "ID": "10522", + "ID": "9863", "typeID": "__group__", - "zOrder": "92", + "zOrder": "93", "measuredW": "171", "measuredH": "44", "w": "171", @@ -3417,9 +3539,9 @@ } }, { - "ID": "10523", + "ID": "9864", "typeID": "__group__", - "zOrder": "93", + "zOrder": "94", "measuredW": "171", "measuredH": "44", "w": "171", @@ -3464,9 +3586,9 @@ } }, { - "ID": "10524", + "ID": "9865", "typeID": "__group__", - "zOrder": "94", + "zOrder": "95", "measuredW": "171", "measuredH": "44", "w": "171", @@ -3511,9 +3633,9 @@ } }, { - "ID": "10525", + "ID": "9866", "typeID": "__group__", - "zOrder": "95", + "zOrder": "96", "measuredW": "157", "measuredH": "44", "w": "157", @@ -3558,9 +3680,9 @@ } }, { - "ID": "10526", + "ID": "9867", "typeID": "__group__", - "zOrder": "96", + "zOrder": "97", "measuredW": "158", "measuredH": "44", "w": "158", @@ -3605,9 +3727,9 @@ } }, { - "ID": "10527", + "ID": "9868", "typeID": "__group__", - "zOrder": "97", + "zOrder": "98", "measuredW": "157", "measuredH": "44", "w": "157", @@ -3652,9 +3774,9 @@ } }, { - "ID": "10528", + "ID": "9869", "typeID": "__group__", - "zOrder": "98", + "zOrder": "99", "measuredW": "157", "measuredH": "44", "w": "157", @@ -3699,9 +3821,9 @@ } }, { - "ID": "10529", + "ID": "9870", "typeID": "__group__", - "zOrder": "99", + "zOrder": "100", "measuredW": "157", "measuredH": "44", "w": "157", @@ -3746,9 +3868,9 @@ } }, { - "ID": "10530", + "ID": "9871", "typeID": "__group__", - "zOrder": "100", + "zOrder": "101", "measuredW": "157", "measuredH": "44", "w": "157", @@ -3793,9 +3915,9 @@ } }, { - "ID": "10531", + "ID": "9872", "typeID": "__group__", - "zOrder": "101", + "zOrder": "102", "measuredW": "157", "measuredH": "44", "w": "157", @@ -3840,9 +3962,9 @@ } }, { - "ID": "10532", + "ID": "9873", "typeID": "Label", - "zOrder": "102", + "zOrder": "103", "measuredW": "117", "measuredH": "25", "x": "327", @@ -3853,9 +3975,9 @@ } }, { - "ID": "10533", + "ID": "9874", "typeID": "__group__", - "zOrder": "103", + "zOrder": "104", "measuredW": "157", "measuredH": "44", "w": "157", @@ -3900,9 +4022,9 @@ } }, { - "ID": "10534", + "ID": "9875", "typeID": "__group__", - "zOrder": "104", + "zOrder": "105", "measuredW": "156", "measuredH": "44", "w": "156", @@ -3947,9 +4069,9 @@ } }, { - "ID": "10535", + "ID": "9876", "typeID": "__group__", - "zOrder": "105", + "zOrder": "106", "measuredW": "156", "measuredH": "44", "w": "156", @@ -3994,9 +4116,9 @@ } }, { - "ID": "10536", + "ID": "9877", "typeID": "Label", - "zOrder": "106", + "zOrder": "107", "measuredW": "71", "measuredH": "25", "x": "350", @@ -4007,9 +4129,9 @@ } }, { - "ID": "10537", + "ID": "9878", "typeID": "__group__", - "zOrder": "107", + "zOrder": "108", "measuredW": "202", "measuredH": "44", "w": "202", @@ -4054,9 +4176,9 @@ } }, { - "ID": "10538", + "ID": "9879", "typeID": "__group__", - "zOrder": "108", + "zOrder": "109", "measuredW": "218", "measuredH": "44", "w": "218", @@ -4101,9 +4223,9 @@ } }, { - "ID": "10539", + "ID": "9880", "typeID": "__group__", - "zOrder": "109", + "zOrder": "110", "measuredW": "218", "measuredH": "44", "w": "218", @@ -4148,9 +4270,9 @@ } }, { - "ID": "10540", + "ID": "9881", "typeID": "__group__", - "zOrder": "110", + "zOrder": "111", "measuredW": "218", "measuredH": "44", "w": "218", @@ -4195,9 +4317,9 @@ } }, { - "ID": "10541", + "ID": "9882", "typeID": "__group__", - "zOrder": "111", + "zOrder": "112", "measuredW": "202", "measuredH": "44", "w": "202", @@ -4242,9 +4364,9 @@ } }, { - "ID": "10542", + "ID": "9883", "typeID": "__group__", - "zOrder": "112", + "zOrder": "113", "measuredW": "155", "measuredH": "44", "w": "155", @@ -4289,9 +4411,9 @@ } }, { - "ID": "10543", + "ID": "9884", "typeID": "__group__", - "zOrder": "113", + "zOrder": "114", "measuredW": "155", "measuredH": "44", "w": "155", @@ -4336,9 +4458,9 @@ } }, { - "ID": "10544", + "ID": "9885", "typeID": "__group__", - "zOrder": "114", + "zOrder": "115", "measuredW": "155", "measuredH": "44", "w": "155", @@ -4383,9 +4505,9 @@ } }, { - "ID": "10545", + "ID": "9886", "typeID": "__group__", - "zOrder": "115", + "zOrder": "116", "measuredW": "157", "measuredH": "44", "w": "157", @@ -4430,9 +4552,9 @@ } }, { - "ID": "10546", + "ID": "9887", "typeID": "__group__", - "zOrder": "116", + "zOrder": "117", "measuredW": "158", "measuredH": "44", "w": "158", @@ -4477,9 +4599,9 @@ } }, { - "ID": "10547", + "ID": "9888", "typeID": "__group__", - "zOrder": "117", + "zOrder": "118", "measuredW": "157", "measuredH": "44", "w": "157", @@ -4524,9 +4646,9 @@ } }, { - "ID": "10548", + "ID": "9889", "typeID": "__group__", - "zOrder": "118", + "zOrder": "119", "measuredW": "157", "measuredH": "44", "w": "157", @@ -4571,9 +4693,9 @@ } }, { - "ID": "10549", + "ID": "9890", "typeID": "__group__", - "zOrder": "119", + "zOrder": "120", "measuredW": "157", "measuredH": "44", "w": "157", @@ -4618,9 +4740,9 @@ } }, { - "ID": "10550", + "ID": "9891", "typeID": "__group__", - "zOrder": "120", + "zOrder": "121", "measuredW": "157", "measuredH": "44", "w": "157", @@ -4665,9 +4787,9 @@ } }, { - "ID": "10551", + "ID": "9892", "typeID": "__group__", - "zOrder": "121", + "zOrder": "122", "measuredW": "191", "measuredH": "44", "w": "191", @@ -4712,9 +4834,9 @@ } }, { - "ID": "10552", + "ID": "9893", "typeID": "__group__", - "zOrder": "122", + "zOrder": "123", "measuredW": "191", "measuredH": "44", "w": "191", @@ -4759,9 +4881,9 @@ } }, { - "ID": "10553", + "ID": "9894", "typeID": "__group__", - "zOrder": "123", + "zOrder": "124", "measuredW": "157", "measuredH": "44", "w": "157", @@ -4806,9 +4928,9 @@ } }, { - "ID": "10554", + "ID": "9895", "typeID": "__group__", - "zOrder": "124", + "zOrder": "125", "measuredW": "159", "measuredH": "44", "w": "159", @@ -4853,9 +4975,9 @@ } }, { - "ID": "10555", + "ID": "9896", "typeID": "__group__", - "zOrder": "125", + "zOrder": "126", "measuredW": "159", "measuredH": "44", "w": "159", @@ -4900,9 +5022,9 @@ } }, { - "ID": "10557", + "ID": "9897", "typeID": "__group__", - "zOrder": "126", + "zOrder": "127", "measuredW": "157", "measuredH": "44", "w": "157", @@ -4947,9 +5069,9 @@ } }, { - "ID": "10558", + "ID": "9898", "typeID": "__group__", - "zOrder": "127", + "zOrder": "128", "measuredW": "157", "measuredH": "44", "w": "157", @@ -4994,9 +5116,9 @@ } }, { - "ID": "10562", + "ID": "9899", "typeID": "__group__", - "zOrder": "128", + "zOrder": "129", "measuredW": "391", "measuredH": "55", "w": "391", @@ -5043,38 +5165,9 @@ } }, { - "ID": "10565", + "ID": "9900", "typeID": "Arrow", - "zOrder": "3", - "w": "2", - "h": "571", - "measuredW": "150", - "measuredH": "100", - "x": "886", - "y": "148", - "properties": { - "color": "2848996", - "direction": "bottom", - "leftArrow": "false", - "rightArrow": "false", - "p0": { - "x": 2.621614465876405, - "y": 0.236415956616014 - }, - "p1": { - "x": 0.4642857142857143, - "y": -0.00399211336195318 - }, - "p2": { - "x": 2.621614465876405, - "y": 570.8810260550937 - } - } - }, - { - "ID": "10566", - "typeID": "Arrow", - "zOrder": "129", + "zOrder": "130", "w": "1", "h": "64", "measuredW": "150", @@ -5102,9 +5195,9 @@ } }, { - "ID": "10568", + "ID": "9901", "typeID": "__group__", - "zOrder": "130", + "zOrder": "131", "measuredW": "391", "measuredH": "55", "w": "391", @@ -5151,9 +5244,9 @@ } }, { - "ID": "10571", + "ID": "9902", "typeID": "__group__", - "zOrder": "131", + "zOrder": "132", "measuredW": "206", "measuredH": "44", "w": "206", @@ -5263,9 +5356,9 @@ } }, { - "ID": "10572", + "ID": "9903", "typeID": "__group__", - "zOrder": "132", + "zOrder": "133", "measuredW": "209", "measuredH": "44", "w": "209", @@ -5358,196 +5451,9 @@ } }, { - "ID": "10573", - "typeID": "Arrow", - "zOrder": "2", - "w": "109", - "h": "2", - "measuredW": "150", - "measuredH": "100", - "x": "434", - "y": "419", - "properties": { - "color": "2848996", - "curvature": "0", - "direction": "bottom", - "leftArrow": "false", - "rightArrow": "false", - "stroke": "dotted", - "p0": { - "x": 109, - "y": 0 - }, - "p1": { - "x": 0.6380090497737557, - "y": -0.0018099547511312274 - }, - "p2": { - "x": -0.15267712237124442, - "y": 1.7703510910608884 - } - } - }, - { - "ID": "10574", - "typeID": "Arrow", - "zOrder": "1", - "w": "107", - "h": "49", - "measuredW": "150", - "measuredH": "100", - "x": "445", - "y": "360", - "properties": { - "color": "2848996", - "curvature": "0", - "direction": "bottom", - "leftArrow": "false", - "rightArrow": "false", - "stroke": "dotted", - "p0": { - "x": 107, - "y": 49 - }, - "p1": { - "x": 0.623226362084596, - "y": 0.11385756526041142 - }, - "p2": { - "x": -0.02838679217563822, - "y": 0.14889944008285738 - } - } - }, - { - "ID": "10576", - "typeID": "Arrow", - "zOrder": "0", - "w": "122", - "h": "18", - "measuredW": "150", - "measuredH": "100", - "x": "1032", - "y": "695", - "properties": { - "color": "2848996", - "curvature": "0", - "direction": "top", - "leftArrow": "false", - "rightArrow": "false", - "stroke": "dotted", - "p0": { - "x": 122.14512175779441, - "y": 0.26814563722564344 - }, - "p1": { - "x": 0.4507017020005973, - "y": 0.051000298596596466 - }, - "p2": { - "x": -0.22207187435719788, - "y": 18.345117423793454 - } - } - }, - { - "ID": "10577", - "typeID": "__group__", - "zOrder": "137", - "measuredW": "218", - "measuredH": "44", - "w": "218", - "h": "44", - "x": "1230", - "y": "1025", - "properties": { - "controlName": "103-react-ecosystem:testing:vitest" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "218", - "h": "44", - "measuredW": "200", - "measuredH": "140", - "x": "0", - "y": "0", - "properties": { - "color": "16770457" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "measuredW": "44", - "measuredH": "25", - "x": "87", - "y": "10", - "properties": { - "size": "17", - "text": "Vitest" - } - } - ] - } - } - }, - { - "ID": "10578", - "typeID": "__group__", - "zOrder": "138", - "measuredW": "218", - "measuredH": "44", - "w": "218", - "h": "44", - "x": "1229", - "y": "1224", - "properties": { - "controlName": "104-react-ecosystem:testing:playwright" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "218", - "h": "44", - "measuredW": "200", - "measuredH": "140", - "x": "0", - "y": "0", - "properties": { - "color": "16770457" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "measuredW": "78", - "measuredH": "25", - "x": "70", - "y": "10", - "properties": { - "size": "17", - "text": "Playwright" - } - } - ] - } - } - }, - { - "ID": "10579", + "ID": "9904", "typeID": "Canvas", - "zOrder": "133", + "zOrder": "134", "w": "408", "h": "202", "measuredW": "100", @@ -5556,22 +5462,9 @@ "y": "62" }, { - "ID": "10586", - "typeID": "Label", - "zOrder": "139", - "measuredW": "209", - "measuredH": "32", - "x": "240", - "y": "89", - "properties": { - "size": "24", - "text": "Related Roadmaps" - } - }, - { - "ID": "10587", + "ID": "9905", "typeID": "__group__", - "zOrder": "134", + "zOrder": "135", "measuredW": "191", "measuredH": "27", "w": "191", @@ -5651,9 +5544,9 @@ } }, { - "ID": "10588", + "ID": "9906", "typeID": "__group__", - "zOrder": "135", + "zOrder": "136", "measuredW": "202", "measuredH": "27", "w": "202", @@ -5733,9 +5626,9 @@ } }, { - "ID": "10589", + "ID": "9907", "typeID": "__group__", - "zOrder": "136", + "zOrder": "137", "measuredW": "178", "measuredH": "27", "w": "178", @@ -5813,17 +5706,202 @@ ] } } + }, + { + "ID": "9908", + "typeID": "__group__", + "zOrder": "138", + "measuredW": "218", + "measuredH": "44", + "w": "218", + "h": "44", + "x": "1230", + "y": "1025", + "properties": { + "controlName": "103-react-ecosystem:testing:vitest" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "218", + "h": "44", + "measuredW": "200", + "measuredH": "140", + "x": "0", + "y": "0", + "properties": { + "color": "16770457" + } + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "measuredW": "44", + "measuredH": "25", + "x": "87", + "y": "10", + "properties": { + "size": "17", + "text": "Vitest" + } + } + ] + } + } + }, + { + "ID": "9909", + "typeID": "__group__", + "zOrder": "139", + "measuredW": "218", + "measuredH": "44", + "w": "218", + "h": "44", + "x": "1229", + "y": "1224", + "properties": { + "controlName": "104-react-ecosystem:testing:playwright" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "218", + "h": "44", + "measuredW": "200", + "measuredH": "140", + "x": "0", + "y": "0", + "properties": { + "color": "16770457" + } + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "measuredW": "78", + "measuredH": "25", + "x": "70", + "y": "10", + "properties": { + "size": "17", + "text": "Playwright" + } + } + ] + } + } + }, + { + "ID": "9910", + "typeID": "Label", + "zOrder": "140", + "measuredW": "209", + "measuredH": "32", + "x": "240", + "y": "89", + "properties": { + "size": "24", + "text": "Related Roadmaps" + } + }, + { + "ID": "9911", + "typeID": "Arrow", + "zOrder": "0", + "w": "1", + "h": "70", + "measuredW": "150", + "measuredH": "100", + "x": "995", + "y": "506", + "properties": { + "color": "2848996", + "curvature": "1", + "direction": "top", + "leftArrow": "false", + "rightArrow": "false", + "stroke": "dotted", + "p0": { + "x": 0.2631015041727096, + "y": 69.87074768732577 + }, + "p1": { + "x": 0.48396407046253614, + "y": 0.0006376473756898644 + }, + "p2": { + "x": 0.2631015041727096, + "y": 0.15521002390022431 + } + } + }, + { + "ID": "9912", + "typeID": "__group__", + "zOrder": "141", + "measuredW": "153", + "measuredH": "44", + "w": "153", + "h": "44", + "x": "919", + "y": "555", + "properties": { + "controlName": "109-react-fundamental-topics:events" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "153", + "h": "44", + "measuredW": "200", + "measuredH": "140", + "x": "0", + "y": "0", + "properties": { + "color": "16770457" + } + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "measuredW": "53", + "measuredH": "25", + "x": "50", + "y": "10", + "properties": { + "size": "17", + "text": "Events" + } + } + ] + } + } } ] }, "attributes": { - "name": "New Wireframe 1 copy 2", - "order": 1000006.8992828326, + "name": "New Wireframe 1 copy", + "order": 1000022.7455786733, "parentID": null, "notes": "" }, "branchID": "Master", - "resourceID": "4BE92169-157F-4FC5-8E20-403CBCF7A6C6", + "resourceID": "8024860B-B61F-451D-B579-28AA621BB239", "mockupH": "1751", "mockupW": "1285", "measuredW": "1490",