From 5859bf5c631ad6f2fa6fc6f8ffc4056acef1f779 Mon Sep 17 00:00:00 2001 From: Kamran Ahmed Date: Mon, 22 Jul 2024 14:48:16 +0100 Subject: [PATCH] Redraw react roadmap using our editor --- .../react/content/100-react-roadmap-note.md | 3 - .../101-cli-tools/101-create-react-app.md | 12 - .../102-components/100-class-components.md | 13 - .../roadmaps/react/content/104-hooks/index.md | 8 - .../content/105-routers/101-reach-router.md | 8 - .../102-redux-and-redux-toolkit.md | 17 - .../content/106-state-management/103-mobx.md | 9 - .../106-state-management/104-recoil.md | 19 - .../107-styling/100-styled-components.md | 11 - .../react/content/107-styling/101-emotion.md | 8 - .../react/content/107-styling/102-mantine.md | 9 - .../content/107-styling/104-material-ui.md | 9 - .../content/108-api-calls/106-superagent.md | 8 - .../react/content/110-frameworks/100-remix.md | 8 - .../react/content/111-forms/102-final-form.md | 8 - .../react/content/115-fiber-architecture.md | 9 - .../animation@bRpeoo9zXrnZ2IHSI7JX4.md | 1 + ....md => api-calls@b4AP2OggxFAwsQtUwiUJJ.md} | 0 ...llo.md => apollo@8nMbfGxe3STMbrAVcqHHh.md} | 0 .../content/ark-ui@kiCTo0U6VgNON8rv_Ktlj.md | 1 + .../content/astro@_HoZkE7FH-v3wI_722ZTF.md | 1 + ...xios.md => axios@ElqWQClryfSYdL7P_mgYK.md} | 0 ....md => chakra-ui@uqphqAnlcJOLnwHZs5jWu.md} | 0 ....md => cli-tools@tU4Umtnfu01t9gLlnlK6b.md} | 0 ...ponent--libraries@thfnymb_UIiKxakKfiua5.md | 1 + ...ponent-lifecycle@8OBlgDRUg-CTgDXY-QHyO.md} | 0 ...md => components@79K4xgljcoSHkCYI1D55O.md} | 0 ...d => composition@4T59gdcwdXqj9kCuK7cfp.md} | 0 ...tional-rendering@aE6XBgH23135_9QmD4ff2.md} | 0 ...xt.md => context@10uL0r388lKh8pWYWqRZD.md} | 0 ...ing-custom-hooks@HX75SExuzR5AP7TQ94qid.md} | 0 ...d => css-modules@awoEhwPKjUcR84XGL6Som.md} | 0 ...ss.md => cypress@zN7Ps1puD-YpHbKi1pHH8.md} | 0 ...error-boundaries@gMHMjsh0i8paLZUH5mDX3.md} | 0 ...nts.md => events@Nex2HcTOYIbfqUzXyxSMY.md} | 0 ...mik.md => formik@gr1CaLvL7tFOkIRywSsID.md} | 0 ...ndex.md => forms@KHcC5pFN3qLnsbPPKpYd2.md} | 0 .../framer-motion@H6-XGDjs4f-qbv13v5av0.md | 1 + ...md => frameworks@W-atg_Msa9uPLr6RXAKSb.md} | 0 ...ional-components@8mw4TxlLN4ZKAlLl-_NVV.md} | 0 .../content/gsock@y2dI1DVLWKAkv6VRpgaQa.md | 1 + ...mponent-libraries@MnDgQq9Vcxsu3wDqv5uh2.md | 1 + ...order-components@zOENl96GUZRw2PP2KxIck.md} | 0 ...ks-best-practices@mkyU0ug8MXxV4biHuOity.md | 1 + ...ndex.md => hooks@LbLQhonBqzxHU6B-L--Vq.md} | 0 ...-jest.md => jest@opa61u9gYgSpoPtxp58wu.md} | 0 .../content/jotai@yI6XiNW04EL78UL4lkVgd.md | 1 + ...02-jsx.md => jsx@WREBxWSNQDD_6fzpHL6CE.md} | 0 ...> lists-and-keys@HeWVCPHqVnnbOn6zIim4K.md} | 0 .../material-ui@gy7eBxPOlwG8BvxHVLDQ9.md | 1 + ...ile-applications@txARr3lgTvy-vJCj5zAb1.md} | 0 .../content/mobx@1kbrCI5JS0c9wbzxXpgFU.md | 1 + ...-js.md => nextjs@HdWq9ue0JdwmwqSIN2OD_.md} | 0 .../panda-css@akVNUPOqaTXaSHoQFlkP_.md | 1 + ...md => playwright@g39P0c6M2sHNoUPs0m8tr.md} | 0 ...ls.md => portals@DcDggX4OmmwvJGHwuV86t.md} | 0 ...> props-vs-state@RFuy3Eho3mnW1GpP08BVw.md} | 0 .../content/radix-ui@XL9XOV2h0BAuA5cFcM5L_.md | 1 + .../react-aria@RvDfKoa_HIW3QDBfkPv3m.md | 1 + ... react-hook-form@_5ht0PAdVOJWPzTRS1mVg.md} | 0 ... => react-native@NvXAq1vN2wpncdW-yTL4c.md} | 0 ...d => react-query@5EPmbiNdP_vhIXclv_GjV.md} | 0 .../react-router@-WjJBYCmRRj08n_9HxohY.md | 8 + ... => react-router@jvp43wFkKlGQX2y7IxkbM.md} | 0 .../react-spring@WzoB5B6SdOI4Mzv6U51nY.md | 1 + ...-testing-library@cQllxv7qGbRtM9O5llgN6.md} | 0 ...-refs.md => refs@_zNAOhFWMcWqP4oxNPCXF.md} | 0 ...elay.md => relay@cLfM342sZfsCwmPPxQpEI.md} | 0 ... => render-props@vdumdIglnouf1KyGIGZnc.md} | 0 ....md => rendering@0uiGsC5SWavNdlFqizkKe.md} | 0 ...ex.md => routers@NStw6bi_pPB49K41BFSgo.md} | 0 ....md => rtk-query@h49-tjEkKcq7d7ikRHIOx.md} | 0 .../server-apis@SUeXDkmOLipdRP4fSrZOH.md | 1 + .../shadcn-ui@njKsYNkwTXPQ1NjlGKXab.md | 1 + ...state-management@I7_mX4h-Yywp1YyTJRKXI.md} | 0 ...e.md => suspense@_F3WMxhzaK9F8_-zHDDMF.md} | 0 ...03-swr.md => swr@-ea1KsXEyz-4voHXklG_J.md} | 0 ... => tailwind-css@KO3viVIJJREtxXxsocN7j.md} | 0 .../tanstack-router@zWL8VLx_g0SWubavJDs6i.md | 1 + ...ex.md => testing@e_lwZ-a72-tAan2KDX6k3.md} | 0 .../topic-node@L7ySAxVypdIk3Mij_u3ch.md | 1 + ...types--validation@UNlvRp6k3_RDoTAAIEfJ1.md | 1 + .../typescript@ElgRwv5LSVg5FXGx-2K2s.md | 1 + ...-urql.md => urql@9M5jRu0pj8KMvg9f-2oqZ.md} | 0 .../usecallback@2zrN65JZhCyNimi33g78f.md | 1 + ...d => usecallback@dgoDNDtW2_q9R9yhkXrcz.md} | 0 .../usecontext@D5_O-uElftYGQr_bTU_se.md | 1 + ....md => useeffect@8OnzX03hkZ9K9i__tjmFX.md} | 0 .../content/usememo@w3bNp7OkehI1gjx8NzlC8.md | 1 + .../content/useref@t_laNdMmdLApYszqXRdWg.md | 1 + ...e.md => usestate@FK59Zsm5ENA9g11XWCan_.md} | 0 .../content/usestate@YEpkbNzEMzS6wAKg85J_N.md | 1 + .../usreducer@v48Mv0wQqjXbvy8x6gDjQ.md | 1 + ...-vite.md => vite@y9ToYDix-koRbR6FLydFw.md} | 0 ...est.md => vitest@LULjhsPNONyI5912DKzPw.md} | 0 ...d => writing-css@DfrCkbD-HEHwLymv10zb5.md} | 0 .../content/zod@K3RZ8ESxWCpLKHePF87Hy.md | 1 + ...nd.md => zustand@nl5imPsdY2oEWlg-9TTuk.md} | 0 .../roadmaps/react/migration-mapping.json | 56 + src/data/roadmaps/react/react.json | 11712 ++++++---------- src/data/roadmaps/react/react.md | 3 +- src/lib/resource-progress.ts | 1 + 102 files changed, 4506 insertions(+), 7461 deletions(-) delete mode 100644 src/data/roadmaps/react/content/100-react-roadmap-note.md delete mode 100644 src/data/roadmaps/react/content/101-cli-tools/101-create-react-app.md delete mode 100644 src/data/roadmaps/react/content/102-components/100-class-components.md delete mode 100644 src/data/roadmaps/react/content/104-hooks/index.md delete mode 100644 src/data/roadmaps/react/content/105-routers/101-reach-router.md delete mode 100644 src/data/roadmaps/react/content/106-state-management/102-redux-and-redux-toolkit.md delete mode 100644 src/data/roadmaps/react/content/106-state-management/103-mobx.md delete mode 100644 src/data/roadmaps/react/content/106-state-management/104-recoil.md delete mode 100644 src/data/roadmaps/react/content/107-styling/100-styled-components.md delete mode 100644 src/data/roadmaps/react/content/107-styling/101-emotion.md delete mode 100644 src/data/roadmaps/react/content/107-styling/102-mantine.md delete mode 100644 src/data/roadmaps/react/content/107-styling/104-material-ui.md delete mode 100644 src/data/roadmaps/react/content/108-api-calls/106-superagent.md delete mode 100644 src/data/roadmaps/react/content/110-frameworks/100-remix.md delete mode 100644 src/data/roadmaps/react/content/111-forms/102-final-form.md delete mode 100644 src/data/roadmaps/react/content/115-fiber-architecture.md create mode 100644 src/data/roadmaps/react/content/animation@bRpeoo9zXrnZ2IHSI7JX4.md rename src/data/roadmaps/react/content/{108-api-calls/index.md => api-calls@b4AP2OggxFAwsQtUwiUJJ.md} (100%) rename src/data/roadmaps/react/content/{108-api-calls/100-apollo.md => apollo@8nMbfGxe3STMbrAVcqHHh.md} (100%) create mode 100644 src/data/roadmaps/react/content/ark-ui@kiCTo0U6VgNON8rv_Ktlj.md create mode 100644 src/data/roadmaps/react/content/astro@_HoZkE7FH-v3wI_722ZTF.md rename src/data/roadmaps/react/content/{108-api-calls/105-axios.md => axios@ElqWQClryfSYdL7P_mgYK.md} (100%) rename src/data/roadmaps/react/content/{107-styling/105-chakra-ui.md => chakra-ui@uqphqAnlcJOLnwHZs5jWu.md} (100%) rename src/data/roadmaps/react/content/{101-cli-tools/index.md => cli-tools@tU4Umtnfu01t9gLlnlK6b.md} (100%) create mode 100644 src/data/roadmaps/react/content/component--libraries@thfnymb_UIiKxakKfiua5.md rename src/data/roadmaps/react/content/{103-rendering/100-component-life-cycle.md => component-lifecycle@8OBlgDRUg-CTgDXY-QHyO.md} (100%) rename src/data/roadmaps/react/content/{102-components/index.md => components@79K4xgljcoSHkCYI1D55O.md} (100%) rename src/data/roadmaps/react/content/{102-components/105-composition-vs-inheritance.md => composition@4T59gdcwdXqj9kCuK7cfp.md} (100%) rename src/data/roadmaps/react/content/{102-components/104-conditional-rendering.md => conditional-rendering@aE6XBgH23135_9QmD4ff2.md} (100%) rename src/data/roadmaps/react/content/{106-state-management/100-context.md => context@10uL0r388lKh8pWYWqRZD.md} (100%) rename src/data/roadmaps/react/content/{104-hooks/101-writing-your-own-hooks.md => creating-custom-hooks@HX75SExuzR5AP7TQ94qid.md} (100%) rename src/data/roadmaps/react/content/{107-styling/106-css-modules.md => css-modules@awoEhwPKjUcR84XGL6Som.md} (100%) rename src/data/roadmaps/react/content/{109-testing/103-cypress.md => cypress@zN7Ps1puD-YpHbKi1pHH8.md} (100%) rename src/data/roadmaps/react/content/{114-error-boundaries.md => error-boundaries@gMHMjsh0i8paLZUH5mDX3.md} (100%) rename src/data/roadmaps/react/content/{103-rendering/104-events.md => events@Nex2HcTOYIbfqUzXyxSMY.md} (100%) rename src/data/roadmaps/react/content/{111-forms/101-formik.md => formik@gr1CaLvL7tFOkIRywSsID.md} (100%) rename src/data/roadmaps/react/content/{111-forms/index.md => forms@KHcC5pFN3qLnsbPPKpYd2.md} (100%) create mode 100644 src/data/roadmaps/react/content/framer-motion@H6-XGDjs4f-qbv13v5av0.md rename src/data/roadmaps/react/content/{110-frameworks/index.md => frameworks@W-atg_Msa9uPLr6RXAKSb.md} (100%) rename src/data/roadmaps/react/content/{102-components/101-functional-components.md => functional-components@8mw4TxlLN4ZKAlLl-_NVV.md} (100%) create mode 100644 src/data/roadmaps/react/content/gsock@y2dI1DVLWKAkv6VRpgaQa.md create mode 100644 src/data/roadmaps/react/content/headless-component-libraries@MnDgQq9Vcxsu3wDqv5uh2.md rename src/data/roadmaps/react/content/{103-rendering/105-high-order-components.md => high-order-components@zOENl96GUZRw2PP2KxIck.md} (100%) create mode 100644 src/data/roadmaps/react/content/hooks-best-practices@mkyU0ug8MXxV4biHuOity.md rename src/data/roadmaps/react/content/{104-hooks/100-basic-hooks/index.md => hooks@LbLQhonBqzxHU6B-L--Vq.md} (100%) rename src/data/roadmaps/react/content/{109-testing/100-jest.md => jest@opa61u9gYgSpoPtxp58wu.md} (100%) create mode 100644 src/data/roadmaps/react/content/jotai@yI6XiNW04EL78UL4lkVgd.md rename src/data/roadmaps/react/content/{102-components/102-jsx.md => jsx@WREBxWSNQDD_6fzpHL6CE.md} (100%) rename src/data/roadmaps/react/content/{103-rendering/101-lists-and-keys.md => lists-and-keys@HeWVCPHqVnnbOn6zIim4K.md} (100%) create mode 100644 src/data/roadmaps/react/content/material-ui@gy7eBxPOlwG8BvxHVLDQ9.md rename src/data/roadmaps/react/content/{116-mobile/index.md => mobile-applications@txARr3lgTvy-vJCj5zAb1.md} (100%) create mode 100644 src/data/roadmaps/react/content/mobx@1kbrCI5JS0c9wbzxXpgFU.md rename src/data/roadmaps/react/content/{110-frameworks/101-next-js.md => nextjs@HdWq9ue0JdwmwqSIN2OD_.md} (100%) create mode 100644 src/data/roadmaps/react/content/panda-css@akVNUPOqaTXaSHoQFlkP_.md rename src/data/roadmaps/react/content/{109-testing/104-playwright.md => playwright@g39P0c6M2sHNoUPs0m8tr.md} (100%) rename src/data/roadmaps/react/content/{113-portals.md => portals@DcDggX4OmmwvJGHwuV86t.md} (100%) rename src/data/roadmaps/react/content/{102-components/103-props-vs-state.md => props-vs-state@RFuy3Eho3mnW1GpP08BVw.md} (100%) create mode 100644 src/data/roadmaps/react/content/radix-ui@XL9XOV2h0BAuA5cFcM5L_.md create mode 100644 src/data/roadmaps/react/content/react-aria@RvDfKoa_HIW3QDBfkPv3m.md rename src/data/roadmaps/react/content/{111-forms/100-react-hook-form.md => react-hook-form@_5ht0PAdVOJWPzTRS1mVg.md} (100%) rename src/data/roadmaps/react/content/{116-mobile/100-react-native.md => react-native@NvXAq1vN2wpncdW-yTL4c.md} (100%) rename src/data/roadmaps/react/content/{108-api-calls/104-react-query.md => react-query@5EPmbiNdP_vhIXclv_GjV.md} (100%) create mode 100644 src/data/roadmaps/react/content/react-router@-WjJBYCmRRj08n_9HxohY.md rename src/data/roadmaps/react/content/{105-routers/100-react-router.md => react-router@jvp43wFkKlGQX2y7IxkbM.md} (100%) create mode 100644 src/data/roadmaps/react/content/react-spring@WzoB5B6SdOI4Mzv6U51nY.md rename src/data/roadmaps/react/content/{109-testing/102-react-testing-library.md => react-testing-library@cQllxv7qGbRtM9O5llgN6.md} (100%) rename src/data/roadmaps/react/content/{103-rendering/103-refs.md => refs@_zNAOhFWMcWqP4oxNPCXF.md} (100%) rename src/data/roadmaps/react/content/{108-api-calls/101-relay.md => relay@cLfM342sZfsCwmPPxQpEI.md} (100%) rename src/data/roadmaps/react/content/{103-rendering/102-render-props.md => render-props@vdumdIglnouf1KyGIGZnc.md} (100%) rename src/data/roadmaps/react/content/{103-rendering/index.md => rendering@0uiGsC5SWavNdlFqizkKe.md} (100%) rename src/data/roadmaps/react/content/{105-routers/index.md => routers@NStw6bi_pPB49K41BFSgo.md} (100%) rename src/data/roadmaps/react/content/{108-api-calls/107-rtk-query.md => rtk-query@h49-tjEkKcq7d7ikRHIOx.md} (100%) create mode 100644 src/data/roadmaps/react/content/server-apis@SUeXDkmOLipdRP4fSrZOH.md create mode 100644 src/data/roadmaps/react/content/shadcn-ui@njKsYNkwTXPQ1NjlGKXab.md rename src/data/roadmaps/react/content/{106-state-management/index.md => state-management@I7_mX4h-Yywp1YyTJRKXI.md} (100%) rename src/data/roadmaps/react/content/{112-suspense.md => suspense@_F3WMxhzaK9F8_-zHDDMF.md} (100%) rename src/data/roadmaps/react/content/{108-api-calls/103-swr.md => swr@-ea1KsXEyz-4voHXklG_J.md} (100%) rename src/data/roadmaps/react/content/{107-styling/103-tailwind.md => tailwind-css@KO3viVIJJREtxXxsocN7j.md} (100%) create mode 100644 src/data/roadmaps/react/content/tanstack-router@zWL8VLx_g0SWubavJDs6i.md rename src/data/roadmaps/react/content/{109-testing/index.md => testing@e_lwZ-a72-tAan2KDX6k3.md} (100%) create mode 100644 src/data/roadmaps/react/content/topic-node@L7ySAxVypdIk3Mij_u3ch.md create mode 100644 src/data/roadmaps/react/content/types--validation@UNlvRp6k3_RDoTAAIEfJ1.md create mode 100644 src/data/roadmaps/react/content/typescript@ElgRwv5LSVg5FXGx-2K2s.md rename src/data/roadmaps/react/content/{108-api-calls/102-urql.md => urql@9M5jRu0pj8KMvg9f-2oqZ.md} (100%) create mode 100644 src/data/roadmaps/react/content/usecallback@2zrN65JZhCyNimi33g78f.md rename src/data/roadmaps/react/content/{104-hooks/102-common-hooks.md => usecallback@dgoDNDtW2_q9R9yhkXrcz.md} (100%) create mode 100644 src/data/roadmaps/react/content/usecontext@D5_O-uElftYGQr_bTU_se.md rename src/data/roadmaps/react/content/{104-hooks/100-basic-hooks/101-use-effect.md => useeffect@8OnzX03hkZ9K9i__tjmFX.md} (100%) create mode 100644 src/data/roadmaps/react/content/usememo@w3bNp7OkehI1gjx8NzlC8.md create mode 100644 src/data/roadmaps/react/content/useref@t_laNdMmdLApYszqXRdWg.md rename src/data/roadmaps/react/content/{104-hooks/100-basic-hooks/100-use-state.md => usestate@FK59Zsm5ENA9g11XWCan_.md} (100%) create mode 100644 src/data/roadmaps/react/content/usestate@YEpkbNzEMzS6wAKg85J_N.md create mode 100644 src/data/roadmaps/react/content/usreducer@v48Mv0wQqjXbvy8x6gDjQ.md rename src/data/roadmaps/react/content/{101-cli-tools/100-vite.md => vite@y9ToYDix-koRbR6FLydFw.md} (100%) rename src/data/roadmaps/react/content/{109-testing/101-vitest.md => vitest@LULjhsPNONyI5912DKzPw.md} (100%) rename src/data/roadmaps/react/content/{107-styling/index.md => writing-css@DfrCkbD-HEHwLymv10zb5.md} (100%) create mode 100644 src/data/roadmaps/react/content/zod@K3RZ8ESxWCpLKHePF87Hy.md rename src/data/roadmaps/react/content/{106-state-management/101-zustand.md => zustand@nl5imPsdY2oEWlg-9TTuk.md} (100%) create mode 100644 src/data/roadmaps/react/migration-mapping.json diff --git a/src/data/roadmaps/react/content/100-react-roadmap-note.md b/src/data/roadmaps/react/content/100-react-roadmap-note.md deleted file mode 100644 index 337796a0f..000000000 --- a/src/data/roadmaps/react/content/100-react-roadmap-note.md +++ /dev/null @@ -1,3 +0,0 @@ -# Note - -This roadmap specifically covers **React and the ecosystem** around it. You will notice that it is missing things like version control, package managers, build tools, linters, task runners and other things that are not directly related to React; this is intentional. Have a look at the [Frontend Roadmap](/frontend) for a more comprehensive overview of the frontend ecosystem. diff --git a/src/data/roadmaps/react/content/101-cli-tools/101-create-react-app.md b/src/data/roadmaps/react/content/101-cli-tools/101-create-react-app.md deleted file mode 100644 index 32f0b87bc..000000000 --- a/src/data/roadmaps/react/content/101-cli-tools/101-create-react-app.md +++ /dev/null @@ -1,12 +0,0 @@ -# Create React App - -Create React App is the CLI based tool and is the best way to start building a new single-page application in React. - -It sets up your development environment so that you can use the latest JavaScript features, provides a nice developer experience, and optimizes your app for production. You’ll need to have Node >= 14.0.0 and npm >= 5.6 on your machine. - -Visit the following resources to learn more: - -- [@official@Official Docs](https://react.dev/learn/start-a-new-react-project) -- [@article@React W3Schools](https://www.w3schools.com/react/react_intro.asp) -- [@article@Advanced: Custom Setup with Webpack](https://www.robinwieruch.de/minimal-react-webpack-babel-setup/) -- [@feed@Explore top posts about React](https://app.daily.dev/tags/react?ref=roadmapsh) diff --git a/src/data/roadmaps/react/content/102-components/100-class-components.md b/src/data/roadmaps/react/content/102-components/100-class-components.md deleted file mode 100644 index d205fb5ed..000000000 --- a/src/data/roadmaps/react/content/102-components/100-class-components.md +++ /dev/null @@ -1,13 +0,0 @@ -# Class Components - -Components can either be created using the class based approach or a functional approach. These components are simple classes (made up of multiple functions that add functionality to the application). All class based components are child classes for the Component class of ReactJS. - -Although the class components are supported in React, it is encouraged to write functional components and make use of hooks in modern React applications. - -Visit the following resources to learn more: - -- [@official@Components and Props](https://react.dev/learn/thinking-in-react#props-vs-state) -- [@article@Is There Any Reason to Still Use React Class Components?](https://medium.com/geekculture/is-there-any-reason-to-still-use-react-class-components-9b6a1e6aa9ef) -- [@article@Functional Components vs Class Components in React](https://www.freecodecamp.org/news/functional-components-vs-class-components-in-react) -- [@article@Migrate Class Components to Functional Components with Hooks in React](https://www.robinwieruch.de/react-hooks-migration/) -- [@video@React Class Components Tutorial](https://www.youtube.com/watch?v=lnV34uLEzis) \ No newline at end of file diff --git a/src/data/roadmaps/react/content/104-hooks/index.md b/src/data/roadmaps/react/content/104-hooks/index.md deleted file mode 100644 index 573f9a851..000000000 --- a/src/data/roadmaps/react/content/104-hooks/index.md +++ /dev/null @@ -1,8 +0,0 @@ -# Hooks - -Hooks were introduced in React 16.8 and they let us use React's features-like managing your component's state and or performing an after effect when certain changes occur in state(s) without writing a class. - -Visit the following resources to learn more: - -- [@official@Hooks Reference](https://react.dev/reference/react) -- [@feed@Explore top posts about React Hooks](https://app.daily.dev/tags/react-hooks?ref=roadmapsh) diff --git a/src/data/roadmaps/react/content/105-routers/101-reach-router.md b/src/data/roadmaps/react/content/105-routers/101-reach-router.md deleted file mode 100644 index eb1ecb8cd..000000000 --- a/src/data/roadmaps/react/content/105-routers/101-reach-router.md +++ /dev/null @@ -1,8 +0,0 @@ -# Reach Router - -Reach Router is a small, simple router for React that borrows from React Router, Ember, and Preact Router. Reach Router has a small footprint, supports only simple route patterns by design, and has strong (but experimental) accessibility features. - -Visit the following resources to learn more: - -- [@official@Reach Router — Official Website](https://reach.tech/router/) -- [@official@Getting Started Guide](https://reach.tech/router/tutorial/01-intro) diff --git a/src/data/roadmaps/react/content/106-state-management/102-redux-and-redux-toolkit.md b/src/data/roadmaps/react/content/106-state-management/102-redux-and-redux-toolkit.md deleted file mode 100644 index a94f278f8..000000000 --- a/src/data/roadmaps/react/content/106-state-management/102-redux-and-redux-toolkit.md +++ /dev/null @@ -1,17 +0,0 @@ -# Redux - -Redux is a predictable state container for JavaScript apps. It helps you write applications that behave consistently, run in different environments (client, server, and native), and are easy to test. On top of that, it provides a great developer experience, such as [live code editing combined with a time traveling debugger](https://github.com/reduxjs/redux-devtools). - -Redux Toolkit (RTK) is a library for managing state in JavaScript applications. It is an opinionated set of tools and utilities for building Redux applications, and it is designed to make it easier and faster to build Redux applications. - -RTK is often used as an alternative to writing Redux applications from scratch, as it provides a set of conventions and utilities that can make it easier and faster to build Redux applications. - -Visit the following resources to learn more: - -- [@article@Redux Toolkit - ReduxJS](https://redux-toolkit.js.org/) -- [@article@Official Website](https://redux.js.org/) -- [@article@Official Getting Started to Redux](https://redux.js.org/introduction/getting-started) -- [@article@Redux Toolkit Official Website](https://redux-toolkit.js.org) -- [@article@Official Tutorial to Learn Redux](https://redux.js.org/tutorials/essentials/part-1-overview-concepts) -- [@video@Redux Tutorial - Beginner to Advanced](https://youtube.com/watch?v=zrs7u6bdbUw) -- [@feed@Explore top posts about Redux](https://app.daily.dev/tags/redux?ref=roadmapsh) diff --git a/src/data/roadmaps/react/content/106-state-management/103-mobx.md b/src/data/roadmaps/react/content/106-state-management/103-mobx.md deleted file mode 100644 index e32860974..000000000 --- a/src/data/roadmaps/react/content/106-state-management/103-mobx.md +++ /dev/null @@ -1,9 +0,0 @@ -# MobX - -MobX is an open source state management tool. MobX, a simple, scalable, and standalone state management library, follows functional reactive programming (FRP) implementation and prevents inconsistent state by ensuring that all derivations are performed automatically. - -Visit the following resources to learn more: - -- [@article@MobX Official Website](https://mobx.js.org/) -- [@video@Intro to MobX Tutorial](https://www.youtube.com/watch?v=WQQq1QbYlAw) -- [@feed@Explore top posts about React](https://app.daily.dev/tags/react?ref=roadmapsh) diff --git a/src/data/roadmaps/react/content/106-state-management/104-recoil.md b/src/data/roadmaps/react/content/106-state-management/104-recoil.md deleted file mode 100644 index ce7a86d5e..000000000 --- a/src/data/roadmaps/react/content/106-state-management/104-recoil.md +++ /dev/null @@ -1,19 +0,0 @@ -# Recoil - -Recoil is a library for managing state in React applications. - -Recoil is designed to be easy to use and efficient, with a focus on improving the performance and scalability of large, complex React applications. It is based on the concept of atoms and selectors, which are used to manage the state of a component. Atoms represent the state of a component, and selectors are used to derive new state from atoms. - -Recoil provides a set of utilities and APIs for managing state, including: - -- atom: A utility for creating atoms, which represent the state of a component. -- selector: A utility for creating selectors, which are used to derive new state from atoms. -- useRecoilValue: A hook for accessing the value of an atom or selector in a component. -- useSetRecoilState: A hook for updating the value of an atom in a component. - -Recoil is often used as an alternative to other state management libraries, such as Redux and MobX, because of its simplicity and performance. It is particularly well-suited for large, complex React applications where the overhead of other state management libraries may be too high. - -Visit the following resources to learn more: - -- [@article@Recoil - Official Website](https://recoiljs.org/) -- [@feed@Explore top posts about React](https://app.daily.dev/tags/react?ref=roadmapsh) diff --git a/src/data/roadmaps/react/content/107-styling/100-styled-components.md b/src/data/roadmaps/react/content/107-styling/100-styled-components.md deleted file mode 100644 index 556d6094c..000000000 --- a/src/data/roadmaps/react/content/107-styling/100-styled-components.md +++ /dev/null @@ -1,11 +0,0 @@ -# Styled components - -Styled-components is a CSS-in-JS library that enables you to write regular CSS and attach it to JavaScript components. With styled-components, you can use the CSS you’re already familiar with instead of having to learn a new styling structure. - -Visit the following resources to learn more: - -- [@article@Official Website](https://styled-components.com/) -- [@article@Official Docs](https://styled-components.com/docs) -- [@video@Styled Components Crash Course & Project](https://www.youtube.com/watch?v=02zO0hZmwnw) -- [@article@Best Practices for Styled Components](https://www.robinwieruch.de/styled-components/) -- [@feed@Explore top posts about Styled Components](https://app.daily.dev/tags/styled-components?ref=roadmapsh) diff --git a/src/data/roadmaps/react/content/107-styling/101-emotion.md b/src/data/roadmaps/react/content/107-styling/101-emotion.md deleted file mode 100644 index 2ef92ea70..000000000 --- a/src/data/roadmaps/react/content/107-styling/101-emotion.md +++ /dev/null @@ -1,8 +0,0 @@ -# Emotion - -Emotion is a library designed for writing css styles with JavaScript. It provides powerful and predictable style composition in addition to a great developer experience with features such as source maps, labels, and testing utilities. Both string and object styles are supported. - -Visit the following resources to learn more: - -- [@official@Official Website and Docs](https://emotion.sh/docs/introduction) -- [@video@Styled components using emotion in React](https://www.youtube.com/watch?v=yO3JU2bMLGA) diff --git a/src/data/roadmaps/react/content/107-styling/102-mantine.md b/src/data/roadmaps/react/content/107-styling/102-mantine.md deleted file mode 100644 index 7066d222c..000000000 --- a/src/data/roadmaps/react/content/107-styling/102-mantine.md +++ /dev/null @@ -1,9 +0,0 @@ -# Mantine - -Mantine is a React components library with more than 100 customizable components and 40 hooks to cover you in any situation. - -Visit the following resources to learn more: - -- [@official@Mantine Website](https://mantine.dev/) -- [@official@Usage with Create React App](https://mantine.dev/guides/cra/) -- [@article@5 Mantine Hooks for UI management](https://blog.logrocket.com/5-mantine-hooks-simplifying-ui-management-react/) diff --git a/src/data/roadmaps/react/content/107-styling/104-material-ui.md b/src/data/roadmaps/react/content/107-styling/104-material-ui.md deleted file mode 100644 index 3564eebdc..000000000 --- a/src/data/roadmaps/react/content/107-styling/104-material-ui.md +++ /dev/null @@ -1,9 +0,0 @@ -# Material UI - -Material-UI is an open-source framework that features React components that implement Google’s Material Design. - -Visit the following resources to learn more: - -- [@article@Official Website](https://mui.com/material-ui/) -- [@article@Official Documentation](https://mui.com/material-ui/getting-started/) -- [@video@Material UI React Tutorial](https://www.youtube.com/watch?v=o1chMISeTC0) diff --git a/src/data/roadmaps/react/content/108-api-calls/106-superagent.md b/src/data/roadmaps/react/content/108-api-calls/106-superagent.md deleted file mode 100644 index 378973ee2..000000000 --- a/src/data/roadmaps/react/content/108-api-calls/106-superagent.md +++ /dev/null @@ -1,8 +0,0 @@ -# Superagent - -Small progressive client-side HTTP request library, and Node.js module with the same API, supporting many high-level HTTP client features - -Visit the following resources to learn more: - -- [@article@Official Website](https://ladjs.github.io/superagent) -- [@opensource@GitHub Repository](https://github.com/visionmedia/superagent) diff --git a/src/data/roadmaps/react/content/110-frameworks/100-remix.md b/src/data/roadmaps/react/content/110-frameworks/100-remix.md deleted file mode 100644 index f563b6833..000000000 --- a/src/data/roadmaps/react/content/110-frameworks/100-remix.md +++ /dev/null @@ -1,8 +0,0 @@ -# Remix - -Remix is a full stack web framework that lets you focus on the user interface and work back through web standards to deliver a fast, slick, and resilient user experience. People are gonna love using your stuff. - -Visit the following resources to learn more: - -- [@official@Official Website](https://remix.run/) -- [@official@Official Docs for Getting Started](https://remix.run/docs/en/v1#getting-started) diff --git a/src/data/roadmaps/react/content/111-forms/102-final-form.md b/src/data/roadmaps/react/content/111-forms/102-final-form.md deleted file mode 100644 index 8076764de..000000000 --- a/src/data/roadmaps/react/content/111-forms/102-final-form.md +++ /dev/null @@ -1,8 +0,0 @@ -# Final form - -High performance subscription-based form state management for React. - -Visit the following resources to learn more: - -- [@article@Final Form — Official Website](https://final-form.org/react) -- [@opensource@final-form / react-final-form](https://github.com/final-form/react-final-form) diff --git a/src/data/roadmaps/react/content/115-fiber-architecture.md b/src/data/roadmaps/react/content/115-fiber-architecture.md deleted file mode 100644 index 2e9676534..000000000 --- a/src/data/roadmaps/react/content/115-fiber-architecture.md +++ /dev/null @@ -1,9 +0,0 @@ -# Fiber Architecture - -React 16.0 was released with an update to the React core algorithm. This new core architecture is named “Fiber.” Facebook has completely rewritten the internals of React from the ground-up while keeping the public API essentially unchanged; in simple terms, it means only changing the engine of a running car. - -Visit the following resources to learn more: - -- [@opensource@React Fiber Architecture](https://github.com/acdlite/react-fiber-architecture) -- [@article@Understanding React Fiber Architecture](https://dzone.com/articles/understanding-of-react-fiber-architecture) -- [@feed@Explore top posts about Architecture](https://app.daily.dev/tags/architecture?ref=roadmapsh) diff --git a/src/data/roadmaps/react/content/animation@bRpeoo9zXrnZ2IHSI7JX4.md b/src/data/roadmaps/react/content/animation@bRpeoo9zXrnZ2IHSI7JX4.md new file mode 100644 index 000000000..583b7f7c0 --- /dev/null +++ b/src/data/roadmaps/react/content/animation@bRpeoo9zXrnZ2IHSI7JX4.md @@ -0,0 +1 @@ +# Animation \ No newline at end of file diff --git a/src/data/roadmaps/react/content/108-api-calls/index.md b/src/data/roadmaps/react/content/api-calls@b4AP2OggxFAwsQtUwiUJJ.md similarity index 100% rename from src/data/roadmaps/react/content/108-api-calls/index.md rename to src/data/roadmaps/react/content/api-calls@b4AP2OggxFAwsQtUwiUJJ.md diff --git a/src/data/roadmaps/react/content/108-api-calls/100-apollo.md b/src/data/roadmaps/react/content/apollo@8nMbfGxe3STMbrAVcqHHh.md similarity index 100% rename from src/data/roadmaps/react/content/108-api-calls/100-apollo.md rename to src/data/roadmaps/react/content/apollo@8nMbfGxe3STMbrAVcqHHh.md diff --git a/src/data/roadmaps/react/content/ark-ui@kiCTo0U6VgNON8rv_Ktlj.md b/src/data/roadmaps/react/content/ark-ui@kiCTo0U6VgNON8rv_Ktlj.md new file mode 100644 index 000000000..8cf433799 --- /dev/null +++ b/src/data/roadmaps/react/content/ark-ui@kiCTo0U6VgNON8rv_Ktlj.md @@ -0,0 +1 @@ +# Ark UI \ No newline at end of file diff --git a/src/data/roadmaps/react/content/astro@_HoZkE7FH-v3wI_722ZTF.md b/src/data/roadmaps/react/content/astro@_HoZkE7FH-v3wI_722ZTF.md new file mode 100644 index 000000000..3f697ed90 --- /dev/null +++ b/src/data/roadmaps/react/content/astro@_HoZkE7FH-v3wI_722ZTF.md @@ -0,0 +1 @@ +# Astro \ No newline at end of file diff --git a/src/data/roadmaps/react/content/108-api-calls/105-axios.md b/src/data/roadmaps/react/content/axios@ElqWQClryfSYdL7P_mgYK.md similarity index 100% rename from src/data/roadmaps/react/content/108-api-calls/105-axios.md rename to src/data/roadmaps/react/content/axios@ElqWQClryfSYdL7P_mgYK.md diff --git a/src/data/roadmaps/react/content/107-styling/105-chakra-ui.md b/src/data/roadmaps/react/content/chakra-ui@uqphqAnlcJOLnwHZs5jWu.md similarity index 100% rename from src/data/roadmaps/react/content/107-styling/105-chakra-ui.md rename to src/data/roadmaps/react/content/chakra-ui@uqphqAnlcJOLnwHZs5jWu.md diff --git a/src/data/roadmaps/react/content/101-cli-tools/index.md b/src/data/roadmaps/react/content/cli-tools@tU4Umtnfu01t9gLlnlK6b.md similarity index 100% rename from src/data/roadmaps/react/content/101-cli-tools/index.md rename to src/data/roadmaps/react/content/cli-tools@tU4Umtnfu01t9gLlnlK6b.md diff --git a/src/data/roadmaps/react/content/component--libraries@thfnymb_UIiKxakKfiua5.md b/src/data/roadmaps/react/content/component--libraries@thfnymb_UIiKxakKfiua5.md new file mode 100644 index 000000000..db07127cd --- /dev/null +++ b/src/data/roadmaps/react/content/component--libraries@thfnymb_UIiKxakKfiua5.md @@ -0,0 +1 @@ +# Component / Libraries \ No newline at end of file diff --git a/src/data/roadmaps/react/content/103-rendering/100-component-life-cycle.md b/src/data/roadmaps/react/content/component-lifecycle@8OBlgDRUg-CTgDXY-QHyO.md similarity index 100% rename from src/data/roadmaps/react/content/103-rendering/100-component-life-cycle.md rename to src/data/roadmaps/react/content/component-lifecycle@8OBlgDRUg-CTgDXY-QHyO.md diff --git a/src/data/roadmaps/react/content/102-components/index.md b/src/data/roadmaps/react/content/components@79K4xgljcoSHkCYI1D55O.md similarity index 100% rename from src/data/roadmaps/react/content/102-components/index.md rename to src/data/roadmaps/react/content/components@79K4xgljcoSHkCYI1D55O.md diff --git a/src/data/roadmaps/react/content/102-components/105-composition-vs-inheritance.md b/src/data/roadmaps/react/content/composition@4T59gdcwdXqj9kCuK7cfp.md similarity index 100% rename from src/data/roadmaps/react/content/102-components/105-composition-vs-inheritance.md rename to src/data/roadmaps/react/content/composition@4T59gdcwdXqj9kCuK7cfp.md diff --git a/src/data/roadmaps/react/content/102-components/104-conditional-rendering.md b/src/data/roadmaps/react/content/conditional-rendering@aE6XBgH23135_9QmD4ff2.md similarity index 100% rename from src/data/roadmaps/react/content/102-components/104-conditional-rendering.md rename to src/data/roadmaps/react/content/conditional-rendering@aE6XBgH23135_9QmD4ff2.md diff --git a/src/data/roadmaps/react/content/106-state-management/100-context.md b/src/data/roadmaps/react/content/context@10uL0r388lKh8pWYWqRZD.md similarity index 100% rename from src/data/roadmaps/react/content/106-state-management/100-context.md rename to src/data/roadmaps/react/content/context@10uL0r388lKh8pWYWqRZD.md diff --git a/src/data/roadmaps/react/content/104-hooks/101-writing-your-own-hooks.md b/src/data/roadmaps/react/content/creating-custom-hooks@HX75SExuzR5AP7TQ94qid.md similarity index 100% rename from src/data/roadmaps/react/content/104-hooks/101-writing-your-own-hooks.md rename to src/data/roadmaps/react/content/creating-custom-hooks@HX75SExuzR5AP7TQ94qid.md diff --git a/src/data/roadmaps/react/content/107-styling/106-css-modules.md b/src/data/roadmaps/react/content/css-modules@awoEhwPKjUcR84XGL6Som.md similarity index 100% rename from src/data/roadmaps/react/content/107-styling/106-css-modules.md rename to src/data/roadmaps/react/content/css-modules@awoEhwPKjUcR84XGL6Som.md diff --git a/src/data/roadmaps/react/content/109-testing/103-cypress.md b/src/data/roadmaps/react/content/cypress@zN7Ps1puD-YpHbKi1pHH8.md similarity index 100% rename from src/data/roadmaps/react/content/109-testing/103-cypress.md rename to src/data/roadmaps/react/content/cypress@zN7Ps1puD-YpHbKi1pHH8.md diff --git a/src/data/roadmaps/react/content/114-error-boundaries.md b/src/data/roadmaps/react/content/error-boundaries@gMHMjsh0i8paLZUH5mDX3.md similarity index 100% rename from src/data/roadmaps/react/content/114-error-boundaries.md rename to src/data/roadmaps/react/content/error-boundaries@gMHMjsh0i8paLZUH5mDX3.md diff --git a/src/data/roadmaps/react/content/103-rendering/104-events.md b/src/data/roadmaps/react/content/events@Nex2HcTOYIbfqUzXyxSMY.md similarity index 100% rename from src/data/roadmaps/react/content/103-rendering/104-events.md rename to src/data/roadmaps/react/content/events@Nex2HcTOYIbfqUzXyxSMY.md diff --git a/src/data/roadmaps/react/content/111-forms/101-formik.md b/src/data/roadmaps/react/content/formik@gr1CaLvL7tFOkIRywSsID.md similarity index 100% rename from src/data/roadmaps/react/content/111-forms/101-formik.md rename to src/data/roadmaps/react/content/formik@gr1CaLvL7tFOkIRywSsID.md diff --git a/src/data/roadmaps/react/content/111-forms/index.md b/src/data/roadmaps/react/content/forms@KHcC5pFN3qLnsbPPKpYd2.md similarity index 100% rename from src/data/roadmaps/react/content/111-forms/index.md rename to src/data/roadmaps/react/content/forms@KHcC5pFN3qLnsbPPKpYd2.md diff --git a/src/data/roadmaps/react/content/framer-motion@H6-XGDjs4f-qbv13v5av0.md b/src/data/roadmaps/react/content/framer-motion@H6-XGDjs4f-qbv13v5av0.md new file mode 100644 index 000000000..886e1dc97 --- /dev/null +++ b/src/data/roadmaps/react/content/framer-motion@H6-XGDjs4f-qbv13v5av0.md @@ -0,0 +1 @@ +# Framer Motion \ No newline at end of file diff --git a/src/data/roadmaps/react/content/110-frameworks/index.md b/src/data/roadmaps/react/content/frameworks@W-atg_Msa9uPLr6RXAKSb.md similarity index 100% rename from src/data/roadmaps/react/content/110-frameworks/index.md rename to src/data/roadmaps/react/content/frameworks@W-atg_Msa9uPLr6RXAKSb.md diff --git a/src/data/roadmaps/react/content/102-components/101-functional-components.md b/src/data/roadmaps/react/content/functional-components@8mw4TxlLN4ZKAlLl-_NVV.md similarity index 100% rename from src/data/roadmaps/react/content/102-components/101-functional-components.md rename to src/data/roadmaps/react/content/functional-components@8mw4TxlLN4ZKAlLl-_NVV.md diff --git a/src/data/roadmaps/react/content/gsock@y2dI1DVLWKAkv6VRpgaQa.md b/src/data/roadmaps/react/content/gsock@y2dI1DVLWKAkv6VRpgaQa.md new file mode 100644 index 000000000..1c94e29b2 --- /dev/null +++ b/src/data/roadmaps/react/content/gsock@y2dI1DVLWKAkv6VRpgaQa.md @@ -0,0 +1 @@ +# GSock \ No newline at end of file diff --git a/src/data/roadmaps/react/content/headless-component-libraries@MnDgQq9Vcxsu3wDqv5uh2.md b/src/data/roadmaps/react/content/headless-component-libraries@MnDgQq9Vcxsu3wDqv5uh2.md new file mode 100644 index 000000000..33e6bbef9 --- /dev/null +++ b/src/data/roadmaps/react/content/headless-component-libraries@MnDgQq9Vcxsu3wDqv5uh2.md @@ -0,0 +1 @@ +# Headless Component Libraries \ No newline at end of file diff --git a/src/data/roadmaps/react/content/103-rendering/105-high-order-components.md b/src/data/roadmaps/react/content/high-order-components@zOENl96GUZRw2PP2KxIck.md similarity index 100% rename from src/data/roadmaps/react/content/103-rendering/105-high-order-components.md rename to src/data/roadmaps/react/content/high-order-components@zOENl96GUZRw2PP2KxIck.md diff --git a/src/data/roadmaps/react/content/hooks-best-practices@mkyU0ug8MXxV4biHuOity.md b/src/data/roadmaps/react/content/hooks-best-practices@mkyU0ug8MXxV4biHuOity.md new file mode 100644 index 000000000..76bd3c728 --- /dev/null +++ b/src/data/roadmaps/react/content/hooks-best-practices@mkyU0ug8MXxV4biHuOity.md @@ -0,0 +1 @@ +# Hooks Best Practices \ No newline at end of file diff --git a/src/data/roadmaps/react/content/104-hooks/100-basic-hooks/index.md b/src/data/roadmaps/react/content/hooks@LbLQhonBqzxHU6B-L--Vq.md similarity index 100% rename from src/data/roadmaps/react/content/104-hooks/100-basic-hooks/index.md rename to src/data/roadmaps/react/content/hooks@LbLQhonBqzxHU6B-L--Vq.md diff --git a/src/data/roadmaps/react/content/109-testing/100-jest.md b/src/data/roadmaps/react/content/jest@opa61u9gYgSpoPtxp58wu.md similarity index 100% rename from src/data/roadmaps/react/content/109-testing/100-jest.md rename to src/data/roadmaps/react/content/jest@opa61u9gYgSpoPtxp58wu.md diff --git a/src/data/roadmaps/react/content/jotai@yI6XiNW04EL78UL4lkVgd.md b/src/data/roadmaps/react/content/jotai@yI6XiNW04EL78UL4lkVgd.md new file mode 100644 index 000000000..e4c3c3cb3 --- /dev/null +++ b/src/data/roadmaps/react/content/jotai@yI6XiNW04EL78UL4lkVgd.md @@ -0,0 +1 @@ +# Jotai \ No newline at end of file diff --git a/src/data/roadmaps/react/content/102-components/102-jsx.md b/src/data/roadmaps/react/content/jsx@WREBxWSNQDD_6fzpHL6CE.md similarity index 100% rename from src/data/roadmaps/react/content/102-components/102-jsx.md rename to src/data/roadmaps/react/content/jsx@WREBxWSNQDD_6fzpHL6CE.md diff --git a/src/data/roadmaps/react/content/103-rendering/101-lists-and-keys.md b/src/data/roadmaps/react/content/lists-and-keys@HeWVCPHqVnnbOn6zIim4K.md similarity index 100% rename from src/data/roadmaps/react/content/103-rendering/101-lists-and-keys.md rename to src/data/roadmaps/react/content/lists-and-keys@HeWVCPHqVnnbOn6zIim4K.md diff --git a/src/data/roadmaps/react/content/material-ui@gy7eBxPOlwG8BvxHVLDQ9.md b/src/data/roadmaps/react/content/material-ui@gy7eBxPOlwG8BvxHVLDQ9.md new file mode 100644 index 000000000..56edfa35d --- /dev/null +++ b/src/data/roadmaps/react/content/material-ui@gy7eBxPOlwG8BvxHVLDQ9.md @@ -0,0 +1 @@ +# Material UI \ No newline at end of file diff --git a/src/data/roadmaps/react/content/116-mobile/index.md b/src/data/roadmaps/react/content/mobile-applications@txARr3lgTvy-vJCj5zAb1.md similarity index 100% rename from src/data/roadmaps/react/content/116-mobile/index.md rename to src/data/roadmaps/react/content/mobile-applications@txARr3lgTvy-vJCj5zAb1.md diff --git a/src/data/roadmaps/react/content/mobx@1kbrCI5JS0c9wbzxXpgFU.md b/src/data/roadmaps/react/content/mobx@1kbrCI5JS0c9wbzxXpgFU.md new file mode 100644 index 000000000..ba197ae4b --- /dev/null +++ b/src/data/roadmaps/react/content/mobx@1kbrCI5JS0c9wbzxXpgFU.md @@ -0,0 +1 @@ +# MobX \ No newline at end of file diff --git a/src/data/roadmaps/react/content/110-frameworks/101-next-js.md b/src/data/roadmaps/react/content/nextjs@HdWq9ue0JdwmwqSIN2OD_.md similarity index 100% rename from src/data/roadmaps/react/content/110-frameworks/101-next-js.md rename to src/data/roadmaps/react/content/nextjs@HdWq9ue0JdwmwqSIN2OD_.md diff --git a/src/data/roadmaps/react/content/panda-css@akVNUPOqaTXaSHoQFlkP_.md b/src/data/roadmaps/react/content/panda-css@akVNUPOqaTXaSHoQFlkP_.md new file mode 100644 index 000000000..a33d2876b --- /dev/null +++ b/src/data/roadmaps/react/content/panda-css@akVNUPOqaTXaSHoQFlkP_.md @@ -0,0 +1 @@ +# Panda CSS \ No newline at end of file diff --git a/src/data/roadmaps/react/content/109-testing/104-playwright.md b/src/data/roadmaps/react/content/playwright@g39P0c6M2sHNoUPs0m8tr.md similarity index 100% rename from src/data/roadmaps/react/content/109-testing/104-playwright.md rename to src/data/roadmaps/react/content/playwright@g39P0c6M2sHNoUPs0m8tr.md diff --git a/src/data/roadmaps/react/content/113-portals.md b/src/data/roadmaps/react/content/portals@DcDggX4OmmwvJGHwuV86t.md similarity index 100% rename from src/data/roadmaps/react/content/113-portals.md rename to src/data/roadmaps/react/content/portals@DcDggX4OmmwvJGHwuV86t.md diff --git a/src/data/roadmaps/react/content/102-components/103-props-vs-state.md b/src/data/roadmaps/react/content/props-vs-state@RFuy3Eho3mnW1GpP08BVw.md similarity index 100% rename from src/data/roadmaps/react/content/102-components/103-props-vs-state.md rename to src/data/roadmaps/react/content/props-vs-state@RFuy3Eho3mnW1GpP08BVw.md diff --git a/src/data/roadmaps/react/content/radix-ui@XL9XOV2h0BAuA5cFcM5L_.md b/src/data/roadmaps/react/content/radix-ui@XL9XOV2h0BAuA5cFcM5L_.md new file mode 100644 index 000000000..19211654e --- /dev/null +++ b/src/data/roadmaps/react/content/radix-ui@XL9XOV2h0BAuA5cFcM5L_.md @@ -0,0 +1 @@ +# Radix UI \ No newline at end of file diff --git a/src/data/roadmaps/react/content/react-aria@RvDfKoa_HIW3QDBfkPv3m.md b/src/data/roadmaps/react/content/react-aria@RvDfKoa_HIW3QDBfkPv3m.md new file mode 100644 index 000000000..a3b29409c --- /dev/null +++ b/src/data/roadmaps/react/content/react-aria@RvDfKoa_HIW3QDBfkPv3m.md @@ -0,0 +1 @@ +# React Aria \ No newline at end of file diff --git a/src/data/roadmaps/react/content/111-forms/100-react-hook-form.md b/src/data/roadmaps/react/content/react-hook-form@_5ht0PAdVOJWPzTRS1mVg.md similarity index 100% rename from src/data/roadmaps/react/content/111-forms/100-react-hook-form.md rename to src/data/roadmaps/react/content/react-hook-form@_5ht0PAdVOJWPzTRS1mVg.md diff --git a/src/data/roadmaps/react/content/116-mobile/100-react-native.md b/src/data/roadmaps/react/content/react-native@NvXAq1vN2wpncdW-yTL4c.md similarity index 100% rename from src/data/roadmaps/react/content/116-mobile/100-react-native.md rename to src/data/roadmaps/react/content/react-native@NvXAq1vN2wpncdW-yTL4c.md diff --git a/src/data/roadmaps/react/content/108-api-calls/104-react-query.md b/src/data/roadmaps/react/content/react-query@5EPmbiNdP_vhIXclv_GjV.md similarity index 100% rename from src/data/roadmaps/react/content/108-api-calls/104-react-query.md rename to src/data/roadmaps/react/content/react-query@5EPmbiNdP_vhIXclv_GjV.md diff --git a/src/data/roadmaps/react/content/react-router@-WjJBYCmRRj08n_9HxohY.md b/src/data/roadmaps/react/content/react-router@-WjJBYCmRRj08n_9HxohY.md new file mode 100644 index 000000000..a839ae966 --- /dev/null +++ b/src/data/roadmaps/react/content/react-router@-WjJBYCmRRj08n_9HxohY.md @@ -0,0 +1,8 @@ +# react-router + +There used to be Remix in this list but they announced to merge Remix into react-router after v7. + +Visit the following resources to learn more: + +- [@official@Official Website](https://remix.run/) +- [@official@Announcement to merge Remix into react-router](https://remix.run/blog/merging-remix-and-react-router) diff --git a/src/data/roadmaps/react/content/105-routers/100-react-router.md b/src/data/roadmaps/react/content/react-router@jvp43wFkKlGQX2y7IxkbM.md similarity index 100% rename from src/data/roadmaps/react/content/105-routers/100-react-router.md rename to src/data/roadmaps/react/content/react-router@jvp43wFkKlGQX2y7IxkbM.md diff --git a/src/data/roadmaps/react/content/react-spring@WzoB5B6SdOI4Mzv6U51nY.md b/src/data/roadmaps/react/content/react-spring@WzoB5B6SdOI4Mzv6U51nY.md new file mode 100644 index 000000000..ac1e6fb31 --- /dev/null +++ b/src/data/roadmaps/react/content/react-spring@WzoB5B6SdOI4Mzv6U51nY.md @@ -0,0 +1 @@ +# react spring \ No newline at end of file diff --git a/src/data/roadmaps/react/content/109-testing/102-react-testing-library.md b/src/data/roadmaps/react/content/react-testing-library@cQllxv7qGbRtM9O5llgN6.md similarity index 100% rename from src/data/roadmaps/react/content/109-testing/102-react-testing-library.md rename to src/data/roadmaps/react/content/react-testing-library@cQllxv7qGbRtM9O5llgN6.md diff --git a/src/data/roadmaps/react/content/103-rendering/103-refs.md b/src/data/roadmaps/react/content/refs@_zNAOhFWMcWqP4oxNPCXF.md similarity index 100% rename from src/data/roadmaps/react/content/103-rendering/103-refs.md rename to src/data/roadmaps/react/content/refs@_zNAOhFWMcWqP4oxNPCXF.md diff --git a/src/data/roadmaps/react/content/108-api-calls/101-relay.md b/src/data/roadmaps/react/content/relay@cLfM342sZfsCwmPPxQpEI.md similarity index 100% rename from src/data/roadmaps/react/content/108-api-calls/101-relay.md rename to src/data/roadmaps/react/content/relay@cLfM342sZfsCwmPPxQpEI.md diff --git a/src/data/roadmaps/react/content/103-rendering/102-render-props.md b/src/data/roadmaps/react/content/render-props@vdumdIglnouf1KyGIGZnc.md similarity index 100% rename from src/data/roadmaps/react/content/103-rendering/102-render-props.md rename to src/data/roadmaps/react/content/render-props@vdumdIglnouf1KyGIGZnc.md diff --git a/src/data/roadmaps/react/content/103-rendering/index.md b/src/data/roadmaps/react/content/rendering@0uiGsC5SWavNdlFqizkKe.md similarity index 100% rename from src/data/roadmaps/react/content/103-rendering/index.md rename to src/data/roadmaps/react/content/rendering@0uiGsC5SWavNdlFqizkKe.md diff --git a/src/data/roadmaps/react/content/105-routers/index.md b/src/data/roadmaps/react/content/routers@NStw6bi_pPB49K41BFSgo.md similarity index 100% rename from src/data/roadmaps/react/content/105-routers/index.md rename to src/data/roadmaps/react/content/routers@NStw6bi_pPB49K41BFSgo.md diff --git a/src/data/roadmaps/react/content/108-api-calls/107-rtk-query.md b/src/data/roadmaps/react/content/rtk-query@h49-tjEkKcq7d7ikRHIOx.md similarity index 100% rename from src/data/roadmaps/react/content/108-api-calls/107-rtk-query.md rename to src/data/roadmaps/react/content/rtk-query@h49-tjEkKcq7d7ikRHIOx.md diff --git a/src/data/roadmaps/react/content/server-apis@SUeXDkmOLipdRP4fSrZOH.md b/src/data/roadmaps/react/content/server-apis@SUeXDkmOLipdRP4fSrZOH.md new file mode 100644 index 000000000..0dcdf5bef --- /dev/null +++ b/src/data/roadmaps/react/content/server-apis@SUeXDkmOLipdRP4fSrZOH.md @@ -0,0 +1 @@ +# Server APIs \ No newline at end of file diff --git a/src/data/roadmaps/react/content/shadcn-ui@njKsYNkwTXPQ1NjlGKXab.md b/src/data/roadmaps/react/content/shadcn-ui@njKsYNkwTXPQ1NjlGKXab.md new file mode 100644 index 000000000..d70487160 --- /dev/null +++ b/src/data/roadmaps/react/content/shadcn-ui@njKsYNkwTXPQ1NjlGKXab.md @@ -0,0 +1 @@ +# Shadcn UI \ No newline at end of file diff --git a/src/data/roadmaps/react/content/106-state-management/index.md b/src/data/roadmaps/react/content/state-management@I7_mX4h-Yywp1YyTJRKXI.md similarity index 100% rename from src/data/roadmaps/react/content/106-state-management/index.md rename to src/data/roadmaps/react/content/state-management@I7_mX4h-Yywp1YyTJRKXI.md diff --git a/src/data/roadmaps/react/content/112-suspense.md b/src/data/roadmaps/react/content/suspense@_F3WMxhzaK9F8_-zHDDMF.md similarity index 100% rename from src/data/roadmaps/react/content/112-suspense.md rename to src/data/roadmaps/react/content/suspense@_F3WMxhzaK9F8_-zHDDMF.md diff --git a/src/data/roadmaps/react/content/108-api-calls/103-swr.md b/src/data/roadmaps/react/content/swr@-ea1KsXEyz-4voHXklG_J.md similarity index 100% rename from src/data/roadmaps/react/content/108-api-calls/103-swr.md rename to src/data/roadmaps/react/content/swr@-ea1KsXEyz-4voHXklG_J.md diff --git a/src/data/roadmaps/react/content/107-styling/103-tailwind.md b/src/data/roadmaps/react/content/tailwind-css@KO3viVIJJREtxXxsocN7j.md similarity index 100% rename from src/data/roadmaps/react/content/107-styling/103-tailwind.md rename to src/data/roadmaps/react/content/tailwind-css@KO3viVIJJREtxXxsocN7j.md diff --git a/src/data/roadmaps/react/content/tanstack-router@zWL8VLx_g0SWubavJDs6i.md b/src/data/roadmaps/react/content/tanstack-router@zWL8VLx_g0SWubavJDs6i.md new file mode 100644 index 000000000..3636ad552 --- /dev/null +++ b/src/data/roadmaps/react/content/tanstack-router@zWL8VLx_g0SWubavJDs6i.md @@ -0,0 +1 @@ +# Tanstack Router \ No newline at end of file diff --git a/src/data/roadmaps/react/content/109-testing/index.md b/src/data/roadmaps/react/content/testing@e_lwZ-a72-tAan2KDX6k3.md similarity index 100% rename from src/data/roadmaps/react/content/109-testing/index.md rename to src/data/roadmaps/react/content/testing@e_lwZ-a72-tAan2KDX6k3.md diff --git a/src/data/roadmaps/react/content/topic-node@L7ySAxVypdIk3Mij_u3ch.md b/src/data/roadmaps/react/content/topic-node@L7ySAxVypdIk3Mij_u3ch.md new file mode 100644 index 000000000..59f1a30d4 --- /dev/null +++ b/src/data/roadmaps/react/content/topic-node@L7ySAxVypdIk3Mij_u3ch.md @@ -0,0 +1 @@ +# topic node \ No newline at end of file diff --git a/src/data/roadmaps/react/content/types--validation@UNlvRp6k3_RDoTAAIEfJ1.md b/src/data/roadmaps/react/content/types--validation@UNlvRp6k3_RDoTAAIEfJ1.md new file mode 100644 index 000000000..deca2e57d --- /dev/null +++ b/src/data/roadmaps/react/content/types--validation@UNlvRp6k3_RDoTAAIEfJ1.md @@ -0,0 +1 @@ +# Types & Validation \ No newline at end of file diff --git a/src/data/roadmaps/react/content/typescript@ElgRwv5LSVg5FXGx-2K2s.md b/src/data/roadmaps/react/content/typescript@ElgRwv5LSVg5FXGx-2K2s.md new file mode 100644 index 000000000..c1e85c36b --- /dev/null +++ b/src/data/roadmaps/react/content/typescript@ElgRwv5LSVg5FXGx-2K2s.md @@ -0,0 +1 @@ +# TypeScript \ No newline at end of file diff --git a/src/data/roadmaps/react/content/108-api-calls/102-urql.md b/src/data/roadmaps/react/content/urql@9M5jRu0pj8KMvg9f-2oqZ.md similarity index 100% rename from src/data/roadmaps/react/content/108-api-calls/102-urql.md rename to src/data/roadmaps/react/content/urql@9M5jRu0pj8KMvg9f-2oqZ.md diff --git a/src/data/roadmaps/react/content/usecallback@2zrN65JZhCyNimi33g78f.md b/src/data/roadmaps/react/content/usecallback@2zrN65JZhCyNimi33g78f.md new file mode 100644 index 000000000..399b35916 --- /dev/null +++ b/src/data/roadmaps/react/content/usecallback@2zrN65JZhCyNimi33g78f.md @@ -0,0 +1 @@ +# useCallback \ No newline at end of file diff --git a/src/data/roadmaps/react/content/104-hooks/102-common-hooks.md b/src/data/roadmaps/react/content/usecallback@dgoDNDtW2_q9R9yhkXrcz.md similarity index 100% rename from src/data/roadmaps/react/content/104-hooks/102-common-hooks.md rename to src/data/roadmaps/react/content/usecallback@dgoDNDtW2_q9R9yhkXrcz.md diff --git a/src/data/roadmaps/react/content/usecontext@D5_O-uElftYGQr_bTU_se.md b/src/data/roadmaps/react/content/usecontext@D5_O-uElftYGQr_bTU_se.md new file mode 100644 index 000000000..062c6d178 --- /dev/null +++ b/src/data/roadmaps/react/content/usecontext@D5_O-uElftYGQr_bTU_se.md @@ -0,0 +1 @@ +# useContext \ No newline at end of file diff --git a/src/data/roadmaps/react/content/104-hooks/100-basic-hooks/101-use-effect.md b/src/data/roadmaps/react/content/useeffect@8OnzX03hkZ9K9i__tjmFX.md similarity index 100% rename from src/data/roadmaps/react/content/104-hooks/100-basic-hooks/101-use-effect.md rename to src/data/roadmaps/react/content/useeffect@8OnzX03hkZ9K9i__tjmFX.md diff --git a/src/data/roadmaps/react/content/usememo@w3bNp7OkehI1gjx8NzlC8.md b/src/data/roadmaps/react/content/usememo@w3bNp7OkehI1gjx8NzlC8.md new file mode 100644 index 000000000..dea3a3da9 --- /dev/null +++ b/src/data/roadmaps/react/content/usememo@w3bNp7OkehI1gjx8NzlC8.md @@ -0,0 +1 @@ +# useMemo \ No newline at end of file diff --git a/src/data/roadmaps/react/content/useref@t_laNdMmdLApYszqXRdWg.md b/src/data/roadmaps/react/content/useref@t_laNdMmdLApYszqXRdWg.md new file mode 100644 index 000000000..4e2b7382c --- /dev/null +++ b/src/data/roadmaps/react/content/useref@t_laNdMmdLApYszqXRdWg.md @@ -0,0 +1 @@ +# useRef \ No newline at end of file diff --git a/src/data/roadmaps/react/content/104-hooks/100-basic-hooks/100-use-state.md b/src/data/roadmaps/react/content/usestate@FK59Zsm5ENA9g11XWCan_.md similarity index 100% rename from src/data/roadmaps/react/content/104-hooks/100-basic-hooks/100-use-state.md rename to src/data/roadmaps/react/content/usestate@FK59Zsm5ENA9g11XWCan_.md diff --git a/src/data/roadmaps/react/content/usestate@YEpkbNzEMzS6wAKg85J_N.md b/src/data/roadmaps/react/content/usestate@YEpkbNzEMzS6wAKg85J_N.md new file mode 100644 index 000000000..9f739b09a --- /dev/null +++ b/src/data/roadmaps/react/content/usestate@YEpkbNzEMzS6wAKg85J_N.md @@ -0,0 +1 @@ +# useState \ No newline at end of file diff --git a/src/data/roadmaps/react/content/usreducer@v48Mv0wQqjXbvy8x6gDjQ.md b/src/data/roadmaps/react/content/usreducer@v48Mv0wQqjXbvy8x6gDjQ.md new file mode 100644 index 000000000..116a7308e --- /dev/null +++ b/src/data/roadmaps/react/content/usreducer@v48Mv0wQqjXbvy8x6gDjQ.md @@ -0,0 +1 @@ +# usReducer \ No newline at end of file diff --git a/src/data/roadmaps/react/content/101-cli-tools/100-vite.md b/src/data/roadmaps/react/content/vite@y9ToYDix-koRbR6FLydFw.md similarity index 100% rename from src/data/roadmaps/react/content/101-cli-tools/100-vite.md rename to src/data/roadmaps/react/content/vite@y9ToYDix-koRbR6FLydFw.md diff --git a/src/data/roadmaps/react/content/109-testing/101-vitest.md b/src/data/roadmaps/react/content/vitest@LULjhsPNONyI5912DKzPw.md similarity index 100% rename from src/data/roadmaps/react/content/109-testing/101-vitest.md rename to src/data/roadmaps/react/content/vitest@LULjhsPNONyI5912DKzPw.md diff --git a/src/data/roadmaps/react/content/107-styling/index.md b/src/data/roadmaps/react/content/writing-css@DfrCkbD-HEHwLymv10zb5.md similarity index 100% rename from src/data/roadmaps/react/content/107-styling/index.md rename to src/data/roadmaps/react/content/writing-css@DfrCkbD-HEHwLymv10zb5.md diff --git a/src/data/roadmaps/react/content/zod@K3RZ8ESxWCpLKHePF87Hy.md b/src/data/roadmaps/react/content/zod@K3RZ8ESxWCpLKHePF87Hy.md new file mode 100644 index 000000000..795aac14e --- /dev/null +++ b/src/data/roadmaps/react/content/zod@K3RZ8ESxWCpLKHePF87Hy.md @@ -0,0 +1 @@ +# Zod \ No newline at end of file diff --git a/src/data/roadmaps/react/content/106-state-management/101-zustand.md b/src/data/roadmaps/react/content/zustand@nl5imPsdY2oEWlg-9TTuk.md similarity index 100% rename from src/data/roadmaps/react/content/106-state-management/101-zustand.md rename to src/data/roadmaps/react/content/zustand@nl5imPsdY2oEWlg-9TTuk.md diff --git a/src/data/roadmaps/react/migration-mapping.json b/src/data/roadmaps/react/migration-mapping.json new file mode 100644 index 000000000..3bbbb280e --- /dev/null +++ b/src/data/roadmaps/react/migration-mapping.json @@ -0,0 +1,56 @@ +{ + "cli-tools": "tU4Umtnfu01t9gLlnlK6b", + "cli-tools:vite": "y9ToYDix-koRbR6FLydFw", + "components": "79K4xgljcoSHkCYI1D55O", + "components:functional-components": "8mw4TxlLN4ZKAlLl-_NVV", + "components:jsx": "WREBxWSNQDD_6fzpHL6CE", + "components:props-vs-state": "RFuy3Eho3mnW1GpP08BVw", + "components:conditional-rendering": "aE6XBgH23135_9QmD4ff2", + "components:composition-vs-inheritance": "4T59gdcwdXqj9kCuK7cfp", + "rendering": "0uiGsC5SWavNdlFqizkKe", + "rendering:component-life-cycle": "8OBlgDRUg-CTgDXY-QHyO", + "rendering:lists-and-keys": "HeWVCPHqVnnbOn6zIim4K", + "rendering:render-props": "vdumdIglnouf1KyGIGZnc", + "rendering:refs": "_zNAOhFWMcWqP4oxNPCXF", + "rendering:events": "Nex2HcTOYIbfqUzXyxSMY", + "rendering:high-order-components": "zOENl96GUZRw2PP2KxIck", + "hooks": "LbLQhonBqzxHU6B-L--Vq", + "hooks:basic-hooks:use-state": "FK59Zsm5ENA9g11XWCan_", + "hooks:basic-hooks:use-effect": "8OnzX03hkZ9K9i__tjmFX", + "hooks:writing-your-own-hooks": "HX75SExuzR5AP7TQ94qid", + "hooks:common-hooks": "dgoDNDtW2_q9R9yhkXrcz", + "routers": "NStw6bi_pPB49K41BFSgo", + "routers:react-router": "jvp43wFkKlGQX2y7IxkbM", + "state-management": "I7_mX4h-Yywp1YyTJRKXI", + "state-management:context": "10uL0r388lKh8pWYWqRZD", + "state-management:zustand": "nl5imPsdY2oEWlg-9TTuk", + "styling": "DfrCkbD-HEHwLymv10zb5", + "styling:tailwind": "KO3viVIJJREtxXxsocN7j", + "styling:chakra-ui": "uqphqAnlcJOLnwHZs5jWu", + "styling:css-modules": "awoEhwPKjUcR84XGL6Som", + "api-calls": "b4AP2OggxFAwsQtUwiUJJ", + "api-calls:apollo": "8nMbfGxe3STMbrAVcqHHh", + "api-calls:relay": "cLfM342sZfsCwmPPxQpEI", + "api-calls:urql": "9M5jRu0pj8KMvg9f-2oqZ", + "api-calls:swr": "-ea1KsXEyz-4voHXklG_J", + "api-calls:react-query": "5EPmbiNdP_vhIXclv_GjV", + "api-calls:axios": "ElqWQClryfSYdL7P_mgYK", + "api-calls:rtk-query": "h49-tjEkKcq7d7ikRHIOx", + "testing": "e_lwZ-a72-tAan2KDX6k3", + "testing:jest": "opa61u9gYgSpoPtxp58wu", + "testing:vitest": "LULjhsPNONyI5912DKzPw", + "testing:react-testing-library": "cQllxv7qGbRtM9O5llgN6", + "testing:cypress": "zN7Ps1puD-YpHbKi1pHH8", + "testing:playwright": "g39P0c6M2sHNoUPs0m8tr", + "frameworks": "W-atg_Msa9uPLr6RXAKSb", + "frameworks:remix": "-WjJBYCmRRj08n_9HxohY", + "frameworks:next-js": "HdWq9ue0JdwmwqSIN2OD_", + "forms": "KHcC5pFN3qLnsbPPKpYd2", + "forms:react-hook-form": "_5ht0PAdVOJWPzTRS1mVg", + "forms:formik": "gr1CaLvL7tFOkIRywSsID", + "suspense": "_F3WMxhzaK9F8_-zHDDMF", + "portals": "DcDggX4OmmwvJGHwuV86t", + "error-boundaries": "gMHMjsh0i8paLZUH5mDX3", + "mobile": "txARr3lgTvy-vJCj5zAb1", + "mobile:react-native": "NvXAq1vN2wpncdW-yTL4c" +} \ No newline at end of file diff --git a/src/data/roadmaps/react/react.json b/src/data/roadmaps/react/react.json index cb90b42bc..91d608e55 100644 --- a/src/data/roadmaps/react/react.json +++ b/src/data/roadmaps/react/react.json @@ -1,7392 +1,4502 @@ { - "mockup": { - "controls": { - "control": [ - { - "ID": "6041", - "typeID": "Arrow", - "zOrder": "0", - "w": "1", - "h": "287", - "measuredW": "150", - "measuredH": "100", - "x": "717", - "y": "1770", - "properties": { - "color": "2848996", - "curvature": "-1", - "direction": "bottom", - "leftArrow": "false", - "rightArrow": "false", - "p0": { - "x": 0, - "y": 0 - }, - "p1": { - "x": 0.44386240125497245, - "y": -0.00008403832147459167 - }, - "p2": { - "x": 0, - "y": 286.8596251740669 - } - } - }, - { - "ID": "6042", - "typeID": "Arrow", - "zOrder": "1", - "w": "1", - "h": "92", - "measuredW": "150", - "measuredH": "100", - "x": "717", - "y": "1663", - "properties": { - "color": "2848996", - "direction": "bottom", - "leftArrow": "false", - "rightArrow": "false", - "stroke": "dotted", - "p0": { - "x": 0.48803395698428176, - "y": 92.16332546474791 - }, - "p1": { - "x": 0.4642857142857146, - "y": -0.003992113361953179 - }, - "p2": { - "x": 0.48803395698428176, - "y": 0.31578862917604056 - } - } - }, - { - "ID": "6043", - "typeID": "Arrow", - "zOrder": "2", - "w": "215", - "h": "1", - "measuredW": "150", - "measuredH": "100", - "x": "717", - "y": "1758", - "properties": { - "color": "2848996", - "direction": "bottom", - "leftArrow": "false", - "rightArrow": "false", - "p0": { - "x": 214.87452368273557, - "y": -0.1189739449064291 - }, - "p1": { - "x": 0.46856302129091915, - "y": -0.0004822370830620489 - }, - "p2": { - "x": -0.49168649527814523, - "y": -0.1189739449064291 - } - } - }, - { - "ID": "6044", - "typeID": "Arrow", - "zOrder": "3", - "w": "100", - "h": "1", - "measuredW": "150", - "measuredH": "100", - "x": "1110", - "y": "1452", - "properties": { - "color": "2848996", - "direction": "bottom", - "leftArrow": "false", - "rightArrow": "false", - "p0": { - "x": 99.87452368273557, - "y": -0.1189739449064291 - }, - "p1": { - "x": 0.4685630212909191, - "y": -0.00048223708306204904 - }, - "p2": { - "x": 0.22113086399144777, - "y": 1.2242665918161038 - } - } - }, - { - "ID": "6045", - "typeID": "Arrow", - "zOrder": "4", - "w": "1", - "h": "107", - "measuredW": "150", - "measuredH": "100", - "x": "1305", - "y": "1447", - "properties": { - "color": "2848996", - "direction": "bottom", - "leftArrow": "false", - "rightArrow": "false", - "stroke": "dotted", - "p0": { - "x": 0.48803395698428176, - "y": 106.92077890672635 - }, - "p1": { - "x": 0.46428571428571475, - "y": -0.0039921133619531856 - }, - "p2": { - "x": 0.48803395698428176, - "y": -0.11897394490631541 - } - } - }, - { - "ID": "6046", - "typeID": "Arrow", - "zOrder": "5", - "w": "1", - "h": "329", - "measuredW": "150", - "measuredH": "100", - "x": "1306", - "y": "1128", - "properties": { - "color": "2848996", - "direction": "bottom", - "leftArrow": "false", - "rightArrow": "false", - "p0": { - "x": 0.20078475948139385, - "y": 328.45459981746376 - }, - "p1": { - "x": 0.46856302129091976, - "y": -0.0004822370830620469 - }, - "p2": { - "x": 0.20078475948128016, - "y": -0.11897394490631541 - } - } - }, - { - "ID": "6047", - "typeID": "Arrow", - "zOrder": "6", - "w": "1", - "h": "87", - "measuredW": "150", - "measuredH": "100", - "x": "1303", - "y": "1033", - "properties": { - "color": "2848996", - "direction": "bottom", - "leftArrow": "false", - "rightArrow": "false", - "stroke": "dotted", - "p0": { - "x": 0.48803395698428176, - "y": 87.26690962551424 - }, - "p1": { - "x": 0.46428571428571475, - "y": -0.0039921133619531856 - }, - "p2": { - "x": 0.48803395698428176, - "y": -0.11897394490631541 - } - } - }, - { - "ID": "6048", - "typeID": "Arrow", - "zOrder": "7", - "w": "323", - "h": "336", - "measuredW": "150", - "measuredH": "100", - "x": "959", - "y": "1129", - "properties": { - "color": "2848996", - "direction": "bottom", - "leftArrow": "false", - "rightArrow": "false", - "p0": { - "x": 323.71054144095206, - "y": -0.2577704536804504 - }, - "p1": { - "x": 0.5105886846310793, - "y": 0.2003859568009807 - }, - "p2": { - "x": 0.23583113021061308, - "y": 335.9299197382693 - } - } - }, - { - "ID": "6049", - "typeID": "Arrow", - "zOrder": "8", - "w": "1", - "h": "158", - "measuredW": "150", - "measuredH": "100", - "x": "881", - "y": "1393", - "properties": { - "color": "2848996", - "direction": "bottom", - "leftArrow": "false", - "rightArrow": "false", - "stroke": "dotted", - "p0": { - "x": 0.48803395698428176, - "y": 157.48267742941835 - }, - "p1": { - "x": 0.4642857142857147, - "y": -0.003992113361953185 - }, - "p2": { - "x": 0.48803395698428176, - "y": -0.11897394490631541 - } - } - }, - { - "ID": "6050", - "typeID": "Arrow", - "zOrder": "9", - "w": "399", - "h": "1", - "measuredW": "150", - "measuredH": "100", - "x": "442", - "y": "1469", - "properties": { - "color": "2848996", - "direction": "bottom", - "leftArrow": "false", - "rightArrow": "false", - "p0": { - "x": 398.87452368273557, - "y": -0.1189739449064291 - }, - "p1": { - "x": 0.46856302129091915, - "y": -0.00048223708306204834 - }, - "p2": { - "x": 0.20078475948128016, - "y": -0.11897394490631541 - } - } - }, - { - "ID": "6051", - "typeID": "TextArea", - "zOrder": "10", - "w": "249", - "h": "131", - "measuredW": "200", - "measuredH": "140", - "x": "735", - "y": "1283", - "properties": { - "color": "16777215" - } - }, - { - "ID": "6052", - "typeID": "Arrow", - "zOrder": "11", - "w": "1", - "h": "179", - "measuredW": "150", - "measuredH": "100", - "x": "428", - "y": "1387", - "properties": { - "color": "2848996", - "direction": "bottom", - "leftArrow": "false", - "rightArrow": "false", - "stroke": "dotted", - "p0": { - "x": 0.48803395698428176, - "y": 178.1633254647479 - }, - "p1": { - "x": 0.4642857142857147, - "y": -0.00399211336195318 - }, - "p2": { - "x": 0.48803395698428176, - "y": -0.48484848484849863 - } - } - }, - { - "ID": "6053", - "typeID": "Arrow", - "zOrder": "12", - "w": "1", - "h": "154", - "measuredW": "150", - "measuredH": "100", - "x": "439", - "y": "1012", - "properties": { - "color": "2848996", - "direction": "bottom", - "leftArrow": "false", - "rightArrow": "false", - "stroke": "dotted", - "p0": { - "x": 0.48803395698428176, - "y": 153.19958759057454 - }, - "p1": { - "x": 0.4642857142857147, - "y": -0.003992113361953182 - }, - "p2": { - "x": 0.48803395698428176, - "y": -0.48484848484849863 - } - } - }, - { - "ID": "6054", - "typeID": "Arrow", - "zOrder": "13", - "w": "170", - "h": "10", - "measuredW": "150", - "measuredH": "100", - "x": "455", - "y": "1077", - "properties": { - "color": "2848996", - "direction": "bottom", - "leftArrow": "false", - "rightArrow": "false", - "p0": { - "x": 170.15151515151513, - "y": 10.881026055093571 - }, - "p1": { - "x": 0.46856302129091937, - "y": -0.0004822370830620513 - }, - "p2": { - "x": 0.08755558946864994, - "y": 0.40174459352692793 - }, - "stroke": "dotted" - } - }, - { - "ID": "6055", - "typeID": "Arrow", - "zOrder": "14", - "w": "160", - "h": "49", - "measuredW": "150", - "measuredH": "100", - "x": "463", - "y": "1089", - "properties": { - "color": "2848996", - "direction": "bottom", - "leftArrow": "false", - "rightArrow": "false", - "stroke": "dotted", - "p0": { - "x": 159.9948370393879, - "y": 49.03492956155333 - }, - "p1": { - "x": 0.4948398930687969, - "y": -0.06769152207708602 - }, - "p2": { - "x": 0.0831404204171804, - "y": 0.39512183994975203 - } - } - }, - { - "ID": "6056", - "typeID": "Arrow", - "zOrder": "15", - "w": "164", - "h": "93", - "measuredW": "150", - "measuredH": "100", - "x": "456", - "y": "1095", - "properties": { - "color": "2848996", - "direction": "bottom", - "leftArrow": "false", - "rightArrow": "false", - "stroke": "dotted", - "p0": { - "x": 164.32964209573845, - "y": 92.3410360190694 - }, - "p1": { - "x": 0.41660090341695827, - "y": -0.10834198348411798 - }, - "p2": { - "x": 0.4201530612933766, - "y": -0.27448827275134136 - } - } - }, - { - "ID": "6057", - "typeID": "Arrow", - "zOrder": "16", - "w": "165", - "h": "133", - "measuredW": "150", - "measuredH": "100", - "x": "455", - "y": "1103", - "properties": { - "color": "2848996", - "direction": "bottom", - "leftArrow": "false", - "rightArrow": "false", - "stroke": "dotted", - "p0": { - "x": 165.32964209573845, - "y": 132.31454500476048 - }, - "p1": { - "x": 0.4477509372866056, - "y": -0.11613270851109678 - }, - "p2": { - "x": 0.08755558946864994, - "y": -0.2789034418026404 - } - } - }, - { - "ID": "6058", - "typeID": "Arrow", - "zOrder": "17", - "w": "1", - "h": "577", - "measuredW": "150", - "measuredH": "100", - "x": "308", - "y": "886", - "properties": { - "color": "2848996", - "direction": "bottom", - "leftArrow": "false", - "rightArrow": "false", - "p0": { - "x": 0.20078475948128016, - "y": 577.1975430248967 - }, - "p1": { - "x": 0.46856302129091965, - "y": -0.0004822370830620473 - }, - "p2": { - "x": 0.20078475948128016, - "y": -0.11897394490631541 - } - } - }, - { - "ID": "6059", - "typeID": "Arrow", - "zOrder": "18", - "w": "1", - "h": "93", - "measuredW": "150", - "measuredH": "100", - "x": "329", - "y": "795", - "properties": { - "color": "2848996", - "direction": "bottom", - "leftArrow": "false", - "rightArrow": "false", - "p0": { - "x": 0.48803395698428176, - "y": 93.15044501005173 - }, - "p1": { - "x": 0.46428571428571475, - "y": -0.003992113361953184 - }, - "p2": { - "x": 0.48803395698428176, - "y": -0.19048075572618473 - }, - "stroke": "dotted" - } - }, - { - "ID": "6060", - "typeID": "Arrow", - "zOrder": "19", - "w": "1", - "h": "66", - "measuredW": "150", - "measuredH": "100", - "x": "717", - "y": "884", - "properties": { - "color": "2848996", - "direction": "bottom", - "leftArrow": "false", - "rightArrow": "false", - "p0": { - "x": 0.48803395698428176, - "y": 66.30567517486509 - }, - "p1": { - "x": 0.46428571428571463, - "y": -0.003992113361953185 - }, - "p2": { - "x": 0.48803395698428176, - "y": -0.11897394490631541 - }, - "stroke": "dotted" - } - }, - { - "ID": "6061", - "typeID": "Arrow", - "zOrder": "20", - "w": "497", - "h": "1", - "measuredW": "150", - "measuredH": "100", - "x": "464", - "y": "884", - "properties": { - "color": "2848996", - "direction": "bottom", - "leftArrow": "false", - "rightArrow": "false", - "p0": { - "x": 497.3020743683919, - "y": -0.11897394490631541 - }, - "p1": { - "x": 0.4685630212909191, - "y": -0.0004822370830620483 - }, - "p2": { - "x": 0.20078475948128016, - "y": -0.11897394490631541 - } - } - }, - { - "ID": "6062", - "typeID": "Arrow", - "zOrder": "21", - "w": "148", - "h": "1", - "measuredW": "150", - "measuredH": "100", - "x": "445", - "y": "448", - "properties": { - "color": "2848996", - "direction": "bottom", - "leftArrow": "false", - "rightArrow": "false", - "p0": { - "x": 147.7561454352989, - "y": 0.8810260550936846 - }, - "p1": { - "x": 0.4642857142857145, - "y": -0.003992113361953184 - }, - "p2": { - "x": 0.24143192912043787, - "y": 0.8810260550936846 - }, - "stroke": "dotted" - } - }, - { - "ID": "6063", - "typeID": "Arrow", - "zOrder": "22", - "w": "170", - "h": "1", - "measuredW": "150", - "measuredH": "100", - "x": "1054", - "y": "883", - "properties": { - "color": "2848996", - "direction": "bottom", - "leftArrow": "false", - "rightArrow": "false", - "stroke": "dotted", - "p0": { - "x": 169.71016756073527, - "y": 0.8810260550936846 - }, - "p1": { - "x": 0.4642857142857145, - "y": -0.003992113361953182 - }, - "p2": { - "x": -0.3783855341235949, - "y": 0.8810260550936846 - } - } - }, - { - "ID": "6064", - "typeID": "__group__", - "zOrder": "23", - "measuredW": "198", - "measuredH": "157", - "w": "198", - "h": "157", - "x": "1182", - "y": "779", - "properties": { - "controlName": "100-hooks:basic-hooks" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "198", - "h": "157", - "measuredW": "200", - "measuredH": "140", - "x": "0", - "y": "0" - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "measuredW": "96", - "measuredH": "25", - "x": "51", - "y": "16", - "properties": { - "size": "17", - "text": "Basic Hooks" - } - } - ] - } - } - }, - { - "ID": "6065", - "typeID": "Arrow", - "zOrder": "24", - "w": "1", - "h": "66", - "measuredW": "150", - "measuredH": "100", - "x": "976", - "y": "896", - "properties": { - "color": "2848996", - "direction": "bottom", - "leftArrow": "false", - "rightArrow": "false", - "p0": { - "x": 0.48803395698428176, - "y": 66.30567517486509 - }, - "p1": { - "x": 0.46428571428571463, - "y": -0.003992113361953185 - }, - "p2": { - "x": 0.48803395698428176, - "y": -0.11897394490631541 - }, - "stroke": "dotted" - } - }, - { - "ID": "6066", - "typeID": "Arrow", - "zOrder": "25", - "w": "214", - "h": "167", - "measuredW": "150", - "measuredH": "100", - "x": "709", - "y": "629", - "properties": { - "color": "2848996", - "curvature": "0", - "direction": "bottom", - "leftArrow": "false", - "rightArrow": "false", - "stroke": "dotted", - "p0": { - "x": 213.9972034401286, - "y": 0.1978603245679551 - }, - "p1": { - "x": 0.5695204038704246, - "y": -0.08613798906184292 - }, - "p2": { - "x": 0.42742393837579584, - "y": 166.92007529045236 - } - } - }, - { - "ID": "6067", - "typeID": "Arrow", - "zOrder": "26", - "w": "196", - "h": "113", - "measuredW": "150", - "measuredH": "100", - "x": "715", - "y": "629", - "properties": { - "color": "2848996", - "curvature": "0", - "direction": "bottom", - "leftArrow": "false", - "rightArrow": "false", - "stroke": "dotted", - "p0": { - "x": 195.59637753357526, - "y": 0.419164872841975 - }, - "p1": { - "x": 0.5695204038704248, - "y": -0.0861379890618429 - }, - "p2": { - "x": -0.06109788093374391, - "y": 113.4044675769951 - } - } - }, - { - "ID": "6068", - "typeID": "Arrow", - "zOrder": "27", - "w": "200", - "h": "31", - "measuredW": "150", - "measuredH": "100", - "x": "712", - "y": "577", - "properties": { - "color": "2848996", - "curvature": "0", - "direction": "bottom", - "leftArrow": "false", - "rightArrow": "false", - "stroke": "dotted", - "p0": { - "x": 199.9742470787478, - "y": 30.37325215008036 - }, - "p1": { - "x": 0.591967784066173, - "y": 0.06824118415324375 - }, - "p2": { - "x": 0.1831630287210828, - "y": 0.06012215628322792 - } - } - }, - { - "ID": "6069", - "typeID": "Arrow", - "zOrder": "28", - "w": "179", - "h": "63", - "measuredW": "150", - "measuredH": "100", - "x": "715", - "y": "627", - "properties": { - "color": "2848996", - "curvature": "0", - "direction": "bottom", - "leftArrow": "false", - "rightArrow": "false", - "stroke": "dotted", - "p0": { - "x": 179.061942991504, - "y": -0.33657421750319827 - }, - "p1": { - "x": 0.5695204038704248, - "y": -0.0861379890618428 - }, - "p2": { - "x": -0.06109788093374391, - "y": 63.045424860436356 - } - } - }, - { - "ID": "6070", - "typeID": "Arrow", - "zOrder": "29", - "w": "205", - "h": "74", - "measuredW": "150", - "measuredH": "100", - "x": "714", - "y": "532", - "properties": { - "color": "2848996", - "curvature": "0", - "direction": "bottom", - "leftArrow": "false", - "rightArrow": "false", - "stroke": "dotted", - "p0": { - "x": 204.86359480461078, - "y": 73.99538260490783 - }, - "p1": { - "x": 0.591967784066173, - "y": 0.06824118415324368 - }, - "p2": { - "x": -0.4389674261063874, - "y": -0.4095728344125291 - } - } - }, - { - "ID": "6071", - "typeID": "Arrow", - "zOrder": "30", - "w": "185", - "h": "29", - "measuredW": "150", - "measuredH": "100", - "x": "708", - "y": "618", - "properties": { - "color": "2848996", - "curvature": "0", - "direction": "bottom", - "leftArrow": "false", - "rightArrow": "false", - "stroke": "dotted", - "p0": { - "x": 184.68407344633147, - "y": 0.3962085114611682 - }, - "p1": { - "x": 0.5656988692166243, - "y": -0.05770306981716299 - }, - "p2": { - "x": 0.049554393203266045, - "y": 29.331468960085772 - } - } - }, - { - "ID": "6072", - "typeID": "Arrow", - "zOrder": "31", - "w": "2", - "h": "403", - "measuredW": "150", - "measuredH": "100", - "x": "975", - "y": "455", - "properties": { - "color": "2848996", - "direction": "bottom", - "leftArrow": "false", - "rightArrow": "false", - "p0": { - "x": 0.48803395698428176, - "y": 403.1504450100517 - }, - "p1": { - "x": 0.46428571428571463, - "y": -0.003992113361953183 - }, - "p2": { - "x": 0.48803395698428176, - "y": -0.11897394490631541 - } - } - }, - { - "ID": "6073", - "typeID": "Arrow", - "zOrder": "32", - "w": "153", - "h": "68", - "measuredW": "150", - "measuredH": "100", - "x": "1039", - "y": "465", - "properties": { - "color": "2848996", - "direction": "bottom", - "leftArrow": "false", - "rightArrow": "false", - "stroke": "dotted", - "p0": { - "x": 153.21206975808968, - "y": 67.70107943972448 - }, - "p1": { - "x": 0.47348954701664, - "y": -0.1281842780799702 - }, - "p2": { - "x": 0.2685502439312586, - "y": 0.18547172626716701 - } - } - }, - { - "ID": "6074", - "typeID": "Arrow", - "zOrder": "33", - "w": "120", - "h": "44", - "measuredW": "150", - "measuredH": "100", - "x": "1052", - "y": "403", - "properties": { - "color": "2848996", - "direction": "bottom", - "leftArrow": "false", - "rightArrow": "false", - "stroke": "dotted", - "p0": { - "x": 119.54402658050071, - "y": 0.18134219350019976 - }, - "p1": { - "x": 0.45395537525354945, - "y": 0.09452332657200811 - }, - "p2": { - "x": -0.3306238495154048, - "y": 44.27316763902337 - } - } - }, - { - "ID": "6075", - "typeID": "Arrow", - "zOrder": "34", - "w": "154", - "h": "1", - "measuredW": "150", - "measuredH": "100", - "x": "1028", - "y": "456", - "properties": { - "color": "2848996", - "direction": "bottom", - "leftArrow": "false", - "rightArrow": "false", - "p0": { - "x": 153.18911339670876, - "y": 0.8810260550936846 - }, - "p1": { - "x": 0.46428571428571463, - "y": -0.003992113361953182 - }, - "p2": { - "x": -0.3783855341235949, - "y": 0.8810260550936846 - }, - "stroke": "dotted" - } - }, - { - "ID": "6076", - "typeID": "Canvas", - "zOrder": "35", - "w": "198", - "h": "272", - "measuredW": "100", - "measuredH": "70", - "x": "1182", - "y": "491" - }, - { - "ID": "6077", - "typeID": "Arrow", - "zOrder": "36", - "w": "281", - "h": "1", - "measuredW": "150", - "measuredH": "100", - "x": "664", - "y": "454", - "properties": { - "color": "2848996", - "direction": "bottom", - "leftArrow": "false", - "rightArrow": "false", - "p0": { - "x": 281.3020743683919, - "y": 0.8810260550936846 - }, - "p1": { - "x": 0.4642857142857147, - "y": -0.003992113361953183 - }, - "p2": { - "x": 0.48803395698428176, - "y": 0.8810260550936846 - } - } - }, - { - "ID": "6078", - "typeID": "Arrow", - "zOrder": "37", - "w": "121", - "h": "48", - "measuredW": "150", - "measuredH": "100", - "x": "482", - "y": "390", - "properties": { - "color": "2848996", - "curvature": "1", - "direction": "top", - "leftArrow": "false", - "rightArrow": "false", - "stroke": "dotted", - "p0": { - "x": -0.24502512380570352, - "y": -0.2591533504318022 - }, - "p1": { - "x": 0.3864377036851346, - "y": -0.12346452745048851 - }, - "p2": { - "x": 120.9799374604795, - "y": 47.93872333970569 - } - } - }, - { - "ID": "6079", - "typeID": "Arrow", - "zOrder": "38", - "w": "195", - "h": "124", - "measuredW": "150", - "measuredH": "100", - "x": "689", - "y": "308", - "properties": { - "color": "2848996", - "direction": "bottom", - "leftArrow": "false", - "rightArrow": "false", - "p0": { - "x": 194.50455208805204, - "y": 0.21486631796096844 - }, - "p1": { - "x": 0.5125873193980325, - "y": 0.11743289538347922 - }, - "p2": { - "x": -0.016173803428500833, - "y": 124.53032187659227 - } - } + "nodes": [ + { + "id": "-AKmITUmSGIflJG-eGkm5", + "type": "section", + "position": { + "x": -334.6031392708364, + "y": 1216.976431006493 + }, + "selected": false, + "data": { + "label": "", + "style": { + "width": 150, + "height": 100, + "fontSize": 17, + "backgroundColor": "#ffffff", + "borderColor": "#000000" + } + }, + "zIndex": -999, + "width": 352, + "height": 218, + "style": { + "width": 352, + "height": 218 + }, + "resizing": false, + "dragging": false, + "positionAbsolute": { + "x": -334.6031392708364, + "y": 1216.976431006493 + }, + "selectable": true, + "focusable": true + }, + { + "id": "NiyRDadVpAFMzSVtgoFZ0", + "type": "vertical", + "position": { + "x": -387.02532545570534, + "y": 810.9443302389855 + }, + "selected": false, + "data": { + "label": "vertical node", + "style": { + "stroke": "#2B78E4", + "strokeWidth": 3.75, + "strokeDasharray": "0.8 8", + "strokeLinecap": "round" }, - { - "ID": "6080", - "typeID": "Arrow", - "zOrder": "39", - "w": "15", - "h": "83", - "measuredW": "150", - "measuredH": "100", - "x": "885", - "y": "213", - "properties": { - "color": "2848996", - "direction": "bottom", - "leftArrow": "false", - "rightArrow": "false", - "p0": { - "x": 11.504552088052037, - "y": 0.21486631796096844 - }, - "p1": { - "x": 0.48122701874598317, - "y": 0.08919085657179801 - }, - "p2": { - "x": -0.05283881539992308, - "y": 83.59686539590052 - } - } + "oldId": "sL8hbjRDbzA2bc9OzIfPe" + }, + "zIndex": 999, + "width": 20, + "height": 72, + "style": { + "width": 20, + "height": 72 + }, + "positionAbsolute": { + "x": -387.02532545570534, + "y": 810.9443302389855 + }, + "dragging": false, + "resizing": false, + "selectable": true, + "focusable": true + }, + { + "id": "sL8hbjRDbzA2bc9OzIfPe", + "type": "vertical", + "position": { + "x": -387.02532545570534, + "y": 889.4443302389855 + }, + "selected": false, + "data": { + "label": "vertical node", + "style": { + "stroke": "#2B78E4", + "strokeWidth": 3.75 + } + }, + "zIndex": 999, + "width": 20, + "height": 149, + "style": { + "width": 20, + "height": 149 + }, + "positionAbsolute": { + "x": -387.02532545570534, + "y": 889.4443302389855 + }, + "dragging": false, + "resizing": false, + "selectable": true, + "focusable": true + }, + { + "id": "n1TuNyZjK9CLAfbKRQENe", + "type": "vertical", + "position": { + "x": 91.54031453135002, + "y": 429.44433023898546 + }, + "selected": false, + "data": { + "label": "vertical node", + "style": { + "strokeDasharray": "0.8 8", + "strokeLinecap": "round", + "strokeWidth": 3.5, + "stroke": "#2B78E4" + } + }, + "zIndex": 999, + "width": 20, + "height": 124, + "style": { + "width": 20, + "height": 124 + }, + "positionAbsolute": { + "x": 91.54031453135002, + "y": 429.44433023898546 + }, + "dragging": false, + "resizing": false, + "selectable": true, + "focusable": true + }, + { + "id": "NeJdgNbsxiUjt_GBzub6Z", + "type": "section", + "position": { + "x": -249.52532545570534, + "y": 274.94433023898546 + }, + "width": 248, + "height": 255, + "style": { + "width": 248, + "height": 255 + }, + "selected": false, + "data": { + "style": { + "backgroundColor": "#ffffff", + "borderColor": "#000000" + } + }, + "positionAbsolute": { + "x": -249.52532545570534, + "y": 274.94433023898546 + }, + "dragging": false, + "resizing": false, + "selectable": true, + "focusable": true + }, + { + "id": "FkTj8n1pIAGa1nf93MUKC", + "type": "section", + "position": { + "x": -5.525325455705342, + "y": 274.44433023898546 + }, + "width": 157, + "height": 155, + "style": { + "width": 157, + "height": 155 + }, + "selected": false, + "data": { + "style": { + "backgroundColor": "#ffffff", + "borderColor": "#000000" + } + }, + "positionAbsolute": { + "x": -5.525325455705342, + "y": 274.44433023898546 + }, + "dragging": false, + "selectable": true, + "focusable": true, + "resizing": false + }, + { + "id": "clS37EDia6KZVHCszqRqZ", + "type": "vertical", + "position": { + "x": 351.3414717224867, + "y": 235.94433023898546 + }, + "selected": false, + "data": { + "label": "vertical node", + "style": { + "strokeDasharray": "0.8 8", + "strokeLinecap": "round", + "strokeWidth": 3.5, + "stroke": "#2B78E4" + } + }, + "zIndex": 999, + "width": 20, + "height": 84, + "style": { + "width": 20, + "height": 84 + }, + "positionAbsolute": { + "x": 351.3414717224867, + "y": 235.94433023898546 + }, + "dragging": false, + "resizing": false, + "selectable": true, + "focusable": true + }, + { + "id": "l4RmWQLIK1NOOm6QTQMBa", + "type": "section", + "position": { + "x": -514.0253254557053, + "y": 262.94433023898546 + }, + "width": 234, + "height": 270, + "style": { + "width": 234, + "height": 270 + }, + "selected": false, + "data": { + "style": { + "backgroundColor": "#ffffff", + "borderColor": "#000000" + } + }, + "positionAbsolute": { + "x": -514.0253254557053, + "y": 262.94433023898546 + }, + "dragging": false, + "selectable": true, + "focusable": true, + "resizing": false + }, + { + "width": 116, + "height": 68, + "id": "iogwMmOvub2ZF4zgg6WyF", + "type": "title", + "position": { + "x": -49.45968546864998, + "y": -157.76957062917046 + }, + "selected": false, + "data": { + "label": "React", + "style": { + "fontSize": 28, + "justifyContent": "flex-start", + "textAlign": "center" }, - { - "ID": "6081", - "typeID": "Label", - "zOrder": "40", - "measuredW": "76", - "measuredH": "36", - "x": "844", - "y": "163", - "properties": { - "size": "28", - "text": "React" - } + "oldId": "9nxw2PEl-_eQPW0FHNPq2" + }, + "zIndex": 999, + "dragging": false, + "positionAbsolute": { + "x": -49.45968546864998, + "y": -157.76957062917046 + }, + "focusable": true, + "selectable": true + }, + { + "width": 20, + "height": 64, + "id": "LEijbLyxg4RyutKEM2Y5g", + "type": "vertical", + "position": { + "x": -1.4596854686499796, + "y": -232.76957062917046 + }, + "selected": false, + "data": { + "label": "vertical node", + "style": { + "strokeDasharray": "0.8 8", + "strokeLinecap": "round", + "strokeWidth": 3.5, + "stroke": "#0A33FF" }, - { - "ID": "6086", - "typeID": "__group__", - "zOrder": "42", - "measuredW": "342", - "measuredH": "55", - "w": "342", - "h": "55", - "x": "712", - "y": "274", - "properties": { - "controlName": "ext_link:roadmap.sh/javascript" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "342", - "h": "55", - "measuredW": "200", - "measuredH": "140", - "x": "0", - "y": "0", - "properties": { - "color": "4273622", - "borderColor": "4273622" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "measuredW": "230", - "measuredH": "28", - "x": "56", - "y": "14", - "properties": { - "size": "20", - "color": "16777215", - "text": "Visit JavaScript Roadmap" - } - } - ] - } - } + "oldId": "xD07fJ1NmNeAarVCEfubU" + }, + "zIndex": 999, + "positionAbsolute": { + "x": -1.4596854686499796, + "y": -232.76957062917046 + }, + "dragging": false, + "focusable": true, + "style": { + "width": 20, + "height": 64 + }, + "resizing": true, + "selectable": true + }, + { + "id": "yHmHXymPNWwu8p1vvqD3o", + "type": "paragraph", + "position": { + "x": 179.8414717224867, + "y": -232.76957062917046 + }, + "selected": false, + "data": { + "label": "Find the detailed version of this roadmap along with other similar roadmaps", + "style": { + "fontSize": 17, + "justifyContent": "flex-start", + "textAlign": "left", + "borderColor": "#000000", + "backgroundColor": "#FFFFFf" + } + }, + "zIndex": 999, + "width": 363, + "height": 143, + "positionAbsolute": { + "x": 179.8414717224867, + "y": -232.76957062917046 + }, + "dragging": false, + "selectable": true, + "focusable": true, + "style": { + "width": 363, + "height": 143 + }, + "resizing": false + }, + { + "id": "R_Fs6rdl2XtQ9aLOubMqL", + "type": "button", + "position": { + "x": 193.04484613528683, + "y": -150.78400721142515 + }, + "selected": false, + "data": { + "label": "roadmap.sh", + "href": "https://roadmap.sh", + "color": "#ffffff", + "backgroundColor": "#4136D6", + "style": { + "fontSize": 17 }, - { - "ID": "6087", - "typeID": "Arrow", - "zOrder": "43", - "w": "11", - "h": "65", - "measuredW": "150", - "measuredH": "100", - "x": "847", - "y": "86", - "properties": { - "color": "2848996", - "direction": "bottom", - "leftArrow": "false", - "rightArrow": "false", - "stroke": "dotted", - "p0": { - "x": 5.81355254908226, - "y": -0.3048709282632984 - }, - "p1": { - "x": 0.4747832595422888, - "y": -0.12123341254486592 - }, - "p2": { - "x": 11, - "y": 65 - } - } + "oldId": "2zqZkyVgigifcRS1H7F_b" + }, + "zIndex": 999, + "width": 339, + "height": 49, + "dragging": false, + "style": { + "width": 339, + "height": 49 + }, + "resizing": false, + "positionAbsolute": { + "x": 193.04484613528683, + "y": -150.78400721142515 + }, + "selectable": true, + "focusable": true + }, + { + "id": "xwpc_KxehAruFM0pCQnie", + "type": "vertical", + "position": { + "x": 161.49706098308326, + "y": 2056.1213007495107 + }, + "selected": false, + "data": { + "label": "vertical node", + "style": { + "strokeDasharray": "0.8 8", + "strokeLinecap": "round", + "strokeWidth": 3.5, + "stroke": "#4136D4" }, - { - "ID": "6088", - "typeID": "__group__", - "zOrder": "44", - "measuredW": "207", - "measuredH": "47", - "w": "207", - "h": "47", - "x": "560", - "y": "424", - "properties": { - "controlName": "101-cli-tools" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "207", - "h": "47", - "measuredW": "200", - "measuredH": "140", - "x": "0", - "y": "0", - "properties": { - "color": "16776960" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "measuredW": "72", - "measuredH": "25", - "x": "68", - "y": "11", - "properties": { - "size": "17", - "text": "CLI Tools" - } - } - ] - } - } + "oldId": "Ju00mr0KLGN2BV6yEQGPt" + }, + "zIndex": 999, + "width": 20, + "height": 104, + "positionAbsolute": { + "x": 161.49706098308326, + "y": 2056.1213007495107 + }, + "dragging": false, + "style": { + "width": 20, + "height": 104 + }, + "resizing": false, + "focusable": true, + "selectable": true + }, + { + "width": 426, + "height": 119, + "id": "GV_zWF6rSWg5bqgiXhOEf", + "type": "paragraph", + "position": { + "x": -41.502939016916685, + "y": 1966.605335469083 + }, + "selected": false, + "data": { + "label": "Have a look at the following related roadmaps", + "style": { + "fontSize": 17, + "justifyContent": "flex-start", + "textAlign": "center", + "borderColor": "#000000", + "backgroundColor": "#ffffff" }, - { - "ID": "6089", - "typeID": "__group__", - "zOrder": "45", - "measuredW": "206", - "measuredH": "44", - "w": "206", - "h": "44", - "x": "279", - "y": "426", - "properties": { - "controlName": "101-cli-tools:create-react-app" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "197", - "h": "44", - "measuredW": "200", - "measuredH": "140", - "x": "9", - "y": "0", - "properties": { - "color": "16770457" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "measuredW": "139", - "measuredH": "25", - "x": "38", - "y": "10", - "properties": { - "size": "17", - "text": "Create React App" - } - }, - { - "ID": "2", - "typeID": "__group__", - "zOrder": "2", - "measuredW": "24", - "measuredH": "24", - "w": "24", - "h": "24", - "x": "0", - "y": "11", - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "Icon", - "zOrder": "0", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "0", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "1", - "typeID": "Icon", - "zOrder": "1", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "0", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "2", - "typeID": "Icon", - "zOrder": "2", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "0", - "properties": { - "color": "3700253", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - } - ] - } - } - } - ] - } - } + "oldId": "sVXZrBCsiSzWBBYWTm-nQ" + }, + "zIndex": 999, + "positionAbsolute": { + "x": -41.502939016916685, + "y": 1966.605335469083 + }, + "dragging": false, + "style": { + "width": 426, + "height": 119 + }, + "resizing": false, + "focusable": true, + "selectable": true + }, + { + "width": 205, + "height": 49, + "id": "ZSrQoNGKiR484uALMWO9F", + "type": "button", + "position": { + "x": 169.0448461352869, + "y": 2024.2946173807345 + }, + "selected": false, + "data": { + "label": "TypeScript Roadmap", + "href": "https://roadmap.sh/typescript", + "color": "#FFFFFf", + "backgroundColor": "#4136D4", + "style": { + "fontSize": 17 }, - { - "ID": "6090", - "typeID": "__group__", - "zOrder": "46", - "measuredW": "206", - "measuredH": "44", - "w": "206", - "h": "44", - "x": "279", - "y": "377", - "properties": { - "controlName": "100-cli-tools:vite" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "197", - "h": "44", - "measuredW": "200", - "measuredH": "140", - "x": "9", - "y": "0", - "properties": { - "color": "16770457" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "measuredW": "30", - "measuredH": "25", - "x": "94", - "y": "10", - "properties": { - "size": "17", - "text": "Vite" - } - }, - { - "ID": "2", - "typeID": "__group__", - "zOrder": "2", - "measuredW": "24", - "measuredH": "24", - "w": "24", - "h": "24", - "x": "0", - "y": "10", - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "Icon", - "zOrder": "0", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "0", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "1", - "typeID": "Icon", - "zOrder": "1", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "0", - "properties": { - "color": "10027263", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - } - ] - } - } - } - ] - } - } + "borderColor": "#4136D4", + "oldId": "dlGf3ZdFXYx0Z6Viu2x-l" + }, + "zIndex": 999, + "dragging": false, + "positionAbsolute": { + "x": 169.0448461352869, + "y": 2024.2946173807345 + }, + "style": {}, + "focusable": true, + "resizing": false, + "selectable": true + }, + { + "width": 194, + "height": 49, + "id": "P5IZjP0g1_fnvHy3YTR4q", + "type": "button", + "position": { + "x": -31.15582553598972, + "y": 2024.2946173807345 + }, + "selected": false, + "data": { + "label": "Frontend Roadmap", + "href": "https://roadm.sh/frontend", + "color": "#FFFFFf", + "backgroundColor": "#4136D4", + "style": { + "fontSize": 17 }, - { - "ID": "6091", - "typeID": "__group__", - "zOrder": "47", - "measuredW": "207", - "measuredH": "47", - "w": "207", - "h": "47", - "x": "872", - "y": "431", - "properties": { - "controlName": "102-components" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "207", - "h": "47", - "measuredW": "200", - "measuredH": "140", - "x": "0", - "y": "0", - "properties": { - "color": "16776960" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "measuredW": "99", - "measuredH": "25", - "x": "54", - "y": "11", - "properties": { - "size": "17", - "text": "Components" - } - } - ] - } - } + "borderColor": "#4136D4", + "oldId": "dlGf3ZdFXYx0Z6Viu2x-l" + }, + "zIndex": 999, + "dragging": false, + "positionAbsolute": { + "x": -31.15582553598972, + "y": 2024.2946173807345 + }, + "style": {}, + "focusable": true, + "resizing": false, + "selectable": true + }, + { + "id": "tU4Umtnfu01t9gLlnlK6b", + "type": "topic", + "position": { + "x": -94.45968546864998, + "y": 114.94433023898546 + }, + "selected": false, + "data": { + "label": "CLI Tools", + "style": { + "fontSize": 17, + "justifyContent": "flex-start", + "textAlign": "center" + } + }, + "zIndex": 999, + "width": 206, + "height": 49, + "style": { + "width": 206, + "height": 49 + }, + "positionAbsolute": { + "x": -94.45968546864998, + "y": 114.94433023898546 + }, + "dragging": false, + "resizing": false, + "selectable": true, + "focusable": true + }, + { + "id": "XDvH2t3AJGevS17uM8TO6", + "type": "button", + "position": { + "x": -94.45968546864998, + "y": 2.944330238985458 + }, + "selected": false, + "data": { + "label": "JavaScript Roadmap", + "href": "https://roadmap.sh/javascript", + "color": "#ffffff", + "backgroundColor": "#4136D6", + "style": { + "fontSize": 17 }, - { - "ID": "6092", - "typeID": "__group__", - "zOrder": "48", - "measuredW": "246", - "measuredH": "47", - "w": "246", - "h": "47", - "x": "1164", - "y": "434", - "properties": { - "controlName": "101-components:functional-components" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "235", - "h": "47", - "measuredW": "200", - "measuredH": "140", - "x": "0", - "y": "0", - "properties": { - "color": "16770457" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "measuredW": "183", - "measuredH": "25", - "x": "26", - "y": "11", - "properties": { - "size": "17", - "text": "Functional Components" - } - }, - { - "ID": "2", - "typeID": "__group__", - "zOrder": "2", - "measuredW": "24", - "measuredH": "24", - "w": "24", - "h": "24", - "x": "222", - "y": "10", - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "Icon", - "zOrder": "0", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "0", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "1", - "typeID": "Icon", - "zOrder": "1", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "0", - "properties": { - "color": "10027263", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - } - ] - } - } - } - ] - } - } + "oldId": "R_Fs6rdl2XtQ9aLOubMqL" + }, + "zIndex": 999, + "width": 206, + "height": 49, + "dragging": false, + "style": { + "width": 206, + "height": 49 + }, + "resizing": false, + "positionAbsolute": { + "x": -94.45968546864998, + "y": 2.944330238985458 + }, + "selectable": true, + "focusable": true + }, + { + "id": "y9ToYDix-koRbR6FLydFw", + "type": "subtopic", + "position": { + "x": 169.0448461352869, + "y": 114.94433023898546 + }, + "selected": false, + "data": { + "label": "Vite", + "style": { + "fontSize": 17, + "justifyContent": "flex-start", + "textAlign": "center" }, - { - "ID": "6093", - "typeID": "__group__", - "zOrder": "49", - "measuredW": "235", - "measuredH": "47", - "w": "235", - "h": "47", - "x": "1163", - "y": "381", - "properties": { - "controlName": "100-components:class-components" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "235", - "h": "47", - "measuredW": "200", - "measuredH": "140", - "x": "0", - "y": "0", - "properties": { - "color": "14540253" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "measuredW": "146", - "measuredH": "25", - "x": "45", - "y": "11", - "properties": { - "size": "17", - "text": "Class Components" - } - } - ] - } - } + "legend": { + "id": "Z0WmUXWj-7draje3jE1WR", + "color": "#2d72d2", + "label": "Personal Recommendation (Opinion)", + "position": "right-center" + } + }, + "zIndex": 999, + "width": 100, + "height": 49, + "style": { + "width": 100, + "height": 49 + }, + "positionAbsolute": { + "x": 169.0448461352869, + "y": 114.94433023898546 + }, + "dragging": false, + "selectable": true, + "focusable": true, + "resizing": false + }, + { + "id": "XB1EQomsFGntZTofIfckn", + "type": "paragraph", + "position": { + "x": 169.0448461352869, + "y": -46.05566976101454 + }, + "selected": false, + "data": { + "label": "Make sure to learn the \"Beginner\" topics of the JavaScript roadmap before you start learning React.", + "style": { + "fontSize": 17, + "borderColor": "#ffffff", + "backgroundColor": "#ffffff", + "color": "#000000", + "textAlign": "left", + "justifyContent": "flex-start", + "padding": 16 + } + }, + "zIndex": 999, + "width": 363, + "height": 119, + "style": { + "width": 363, + "height": 119 + }, + "positionAbsolute": { + "x": 169.0448461352869, + "y": -46.05566976101454 + }, + "dragging": false, + "selectable": true, + "focusable": true, + "resizing": false + }, + { + "id": "79K4xgljcoSHkCYI1D55O", + "type": "topic", + "position": { + "x": -94.45968546864998, + "y": 207.44433023898546 + }, + "selected": false, + "data": { + "label": "Components", + "style": { + "fontSize": 17, + "justifyContent": "flex-start", + "textAlign": "center" }, - { - "ID": "6094", - "typeID": "__group__", - "zOrder": "50", - "measuredW": "215", - "measuredH": "44", - "w": "215", - "h": "44", - "x": "1173", - "y": "542", - "properties": { - "controlName": "102-components:jsx" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "215", - "h": "44", - "measuredW": "200", - "measuredH": "140", - "x": "0", - "y": "0", - "properties": { - "color": "16770457" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "measuredW": "30", - "measuredH": "25", - "x": "93", - "y": "9", - "properties": { - "size": "17", - "text": "JSX" - } - } - ] - } - } + "oldId": "0uiGsC5SWavNdlFqizkKe" + }, + "zIndex": 999, + "width": 206, + "height": 49, + "style": { + "width": 206, + "height": 49 + }, + "positionAbsolute": { + "x": -94.45968546864998, + "y": 207.44433023898546 + }, + "dragging": false, + "resizing": false, + "selectable": true, + "focusable": true + }, + { + "id": "8mw4TxlLN4ZKAlLl-_NVV", + "type": "subtopic", + "position": { + "x": -515.0253254557053, + "y": 207.44433023898546 + }, + "selected": false, + "data": { + "label": "Functional Components", + "style": { + "fontSize": 17, + "justifyContent": "flex-start", + "textAlign": "center" }, - { - "ID": "6095", - "typeID": "__group__", - "zOrder": "51", - "measuredW": "215", - "measuredH": "47", - "w": "215", - "h": "47", - "x": "1173", - "y": "590", - "properties": { - "controlName": "103-components:props-vs-state" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "215", - "h": "47", - "measuredW": "200", - "measuredH": "140", - "x": "0", - "y": "0", - "properties": { - "color": "16770457" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "measuredW": "110", - "measuredH": "25", - "x": "53", - "y": "11", - "properties": { - "size": "17", - "text": "Props vs State" - } - } - ] - } - } + "legend": { + "id": "Z0WmUXWj-7draje3jE1WR", + "color": "#2d72d2", + "label": "Personal Recommendation (Opinion)", + "position": "left-center" + } + }, + "zIndex": 999, + "width": 236, + "height": 49, + "style": { + "width": 236, + "height": 49 + }, + "positionAbsolute": { + "x": -515.0253254557053, + "y": 207.44433023898546 + }, + "dragging": false, + "selectable": true, + "focusable": true, + "resizing": false + }, + { + "id": "h_o0LOSuwRvymWLF7IVj_", + "type": "paragraph", + "position": { + "x": -514.5253254557053, + "y": 0.944330238985458 + }, + "selected": false, + "data": { + "label": "There used to be \"Class Components\" which React doesn't recommend any more. You don't need to learn about them but you might still notice them in some legacy projects", + "style": { + "fontSize": 17, + "borderColor": "#ffffff", + "backgroundColor": "#ffffff", + "color": "#000000", + "textAlign": "left", + "justifyContent": "flex-start", + "padding": 16 }, - { - "ID": "6096", - "typeID": "__group__", - "zOrder": "52", - "measuredW": "215", - "measuredH": "47", - "w": "215", - "h": "47", - "x": "1173", - "y": "641", - "properties": { - "controlName": "104-components:conditional-rendering" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "215", - "h": "47", - "measuredW": "200", - "measuredH": "140", - "x": "0", - "y": "0", - "properties": { - "color": "16770457" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "measuredW": "173", - "measuredH": "25", - "x": "21", - "y": "11", - "properties": { - "size": "17", - "text": "Conditional Rendering" - } - } - ] - } - } + "oldId": "XB1EQomsFGntZTofIfckn" + }, + "zIndex": 999, + "width": 363, + "height": 162, + "style": { + "width": 363 + }, + "positionAbsolute": { + "x": -514.5253254557053, + "y": 0.944330238985458 + }, + "dragging": false, + "selectable": true, + "focusable": true, + "resizing": false + }, + { + "id": "HMTUjok_ZAcrP6YobWs3T", + "type": "label", + "position": { + "x": -506.02532545570534, + "y": 489.94433023898546 + }, + "selected": false, + "data": { + "label": "Component Basics", + "href": "", + "color": "#000000", + "style": { + "fontSize": 17 + } + }, + "zIndex": 999, + "width": 218, + "height": 36, + "style": { + "width": 218 + }, + "positionAbsolute": { + "x": -506.02532545570534, + "y": 489.94433023898546 + }, + "dragging": false, + "selectable": true, + "focusable": true + }, + { + "id": "WREBxWSNQDD_6fzpHL6CE", + "type": "subtopic", + "position": { + "x": -506.02532545570534, + "y": 270.94433023898546 + }, + "selected": false, + "data": { + "label": "JSX", + "style": { + "fontSize": 17, + "justifyContent": "flex-start", + "textAlign": "center" }, - { - "ID": "6097", - "typeID": "__group__", - "zOrder": "53", - "measuredW": "215", - "measuredH": "47", - "w": "215", - "h": "47", - "x": "1173", - "y": "692", - "properties": { - "controlName": "105-components:composition-vs-inheritance" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "215", - "h": "47", - "measuredW": "200", - "measuredH": "140", - "x": "0", - "y": "0", - "properties": { - "color": "16770457" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "measuredW": "97", - "measuredH": "25", - "x": "59", - "y": "11", - "properties": { - "size": "17", - "text": "Composition" - } - } - ] - } - } + "legend": { + "id": "Z0WmUXWj-7draje3jE1WR", + "color": "#2d72d2", + "label": "Personal Recommendation (Opinion)", + "position": "left-center" + } + }, + "zIndex": 999, + "width": 218, + "height": 49, + "style": { + "width": 218, + "height": 49 + }, + "positionAbsolute": { + "x": -506.02532545570534, + "y": 270.94433023898546 + }, + "dragging": false, + "selectable": true, + "focusable": true + }, + { + "id": "RFuy3Eho3mnW1GpP08BVw", + "type": "subtopic", + "position": { + "x": -506.02532545570534, + "y": 323.94433023898546 + }, + "selected": false, + "data": { + "label": "Props vs State", + "style": { + "fontSize": 17, + "justifyContent": "flex-start", + "textAlign": "center" }, - { - "ID": "6098", - "typeID": "Label", - "zOrder": "54", - "measuredW": "154", - "measuredH": "25", - "x": "1204", - "y": "506", - "properties": { - "size": "17", - "text": "Components Basics" - } + "legend": { + "id": "Z0WmUXWj-7draje3jE1WR", + "color": "#2d72d2", + "label": "Personal Recommendation (Opinion)", + "position": "left-center" + } + }, + "zIndex": 999, + "width": 218, + "height": 49, + "style": { + "width": 218, + "height": 49 + }, + "positionAbsolute": { + "x": -506.02532545570534, + "y": 323.94433023898546 + }, + "dragging": false, + "selectable": true, + "focusable": true + }, + { + "id": "aE6XBgH23135_9QmD4ff2", + "type": "subtopic", + "position": { + "x": -506.02532545570534, + "y": 376.94433023898546 + }, + "selected": false, + "data": { + "label": "Conditional Rendering", + "style": { + "fontSize": 17, + "justifyContent": "flex-start", + "textAlign": "center" }, - { - "ID": "6099", - "typeID": "__group__", - "zOrder": "55", - "measuredW": "207", - "measuredH": "47", - "w": "207", - "h": "47", - "x": "872", - "y": "600", - "properties": { - "controlName": "103-rendering" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "207", - "h": "47", - "measuredW": "200", - "measuredH": "140", - "x": "0", - "y": "0", - "properties": { - "color": "16776960" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "measuredW": "82", - "measuredH": "25", - "x": "63", - "y": "11", - "properties": { - "size": "17", - "text": "Rendering" - } - } - ] - } - } + "legend": { + "id": "Z0WmUXWj-7draje3jE1WR", + "color": "#2d72d2", + "label": "Personal Recommendation (Opinion)", + "position": "left-center" + } + }, + "zIndex": 999, + "width": 218, + "height": 49, + "style": { + "width": 218, + "height": 49 + }, + "positionAbsolute": { + "x": -506.02532545570534, + "y": 376.94433023898546 + }, + "dragging": false, + "selectable": true, + "focusable": true + }, + { + "id": "4T59gdcwdXqj9kCuK7cfp", + "type": "subtopic", + "position": { + "x": -506.02532545570534, + "y": 429.94433023898546 + }, + "selected": false, + "data": { + "label": "Composition", + "style": { + "fontSize": 17, + "justifyContent": "flex-start", + "textAlign": "center" }, - { - "ID": "6100", - "typeID": "__group__", - "zOrder": "56", - "measuredW": "255", - "measuredH": "47", - "w": "255", - "h": "47", - "x": "460", - "y": "559", - "properties": { - "controlName": "101-rendering:lists-and-keys" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "255", - "h": "47", - "measuredW": "200", - "measuredH": "140", - "x": "0", - "y": "0", - "properties": { - "color": "16770457" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "measuredW": "111", - "measuredH": "25", - "x": "72", - "y": "11", - "properties": { - "size": "17", - "text": "Lists and Keys" - } - } - ] - } - } + "legend": { + "id": "Z0WmUXWj-7draje3jE1WR", + "color": "#2d72d2", + "label": "Personal Recommendation (Opinion)", + "position": "left-center" + } + }, + "zIndex": 999, + "width": 218, + "height": 49, + "style": { + "width": 218, + "height": 49 + }, + "positionAbsolute": { + "x": -506.02532545570534, + "y": 429.94433023898546 + }, + "dragging": false, + "selectable": true, + "focusable": true + }, + { + "id": "0uiGsC5SWavNdlFqizkKe", + "type": "topic", + "position": { + "x": 298.04484613528683, + "y": 207.44433023898546 + }, + "selected": false, + "data": { + "label": "Rendering", + "style": { + "fontSize": 17, + "justifyContent": "flex-start", + "textAlign": "center" + } + }, + "zIndex": 999, + "width": 129, + "height": 49, + "style": { + "width": 129, + "height": 49 + }, + "positionAbsolute": { + "x": 298.04484613528683, + "y": 207.44433023898546 + }, + "dragging": false, + "resizing": false, + "selectable": true, + "focusable": true + }, + { + "id": "8OBlgDRUg-CTgDXY-QHyO", + "type": "subtopic", + "position": { + "x": 305.47467454429466, + "y": 278.44433023898546 + }, + "selected": false, + "data": { + "label": "Component Lifecycle", + "style": { + "fontSize": 17, + "justifyContent": "flex-start", + "textAlign": "center" }, - { - "ID": "6101", - "typeID": "__group__", - "zOrder": "57", - "measuredW": "255", - "measuredH": "47", - "w": "255", - "h": "47", - "x": "460", - "y": "507", - "properties": { - "controlName": "100-rendering:component-life-cycle" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "255", - "h": "47", - "measuredW": "200", - "measuredH": "140", - "x": "0", - "y": "0", - "properties": { - "color": "16770457" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "measuredW": "170", - "measuredH": "25", - "x": "43", - "y": "11", - "properties": { - "size": "17", - "text": "Component Life Cycle" - } - } - ] - } - } + "legend": { + "id": "Z0WmUXWj-7draje3jE1WR", + "color": "#2d72d2", + "label": "Personal Recommendation (Opinion)", + "position": "right-center" + } + }, + "zIndex": 999, + "width": 233, + "height": 49, + "style": { + "width": 233, + "height": 49 + }, + "positionAbsolute": { + "x": 305.47467454429466, + "y": 278.44433023898546 + }, + "dragging": false, + "selectable": true, + "focusable": true + }, + { + "id": "HeWVCPHqVnnbOn6zIim4K", + "type": "subtopic", + "position": { + "x": 305.47467454429466, + "y": 331.44433023898546 + }, + "selected": false, + "data": { + "label": "Lists and Keys", + "style": { + "fontSize": 17, + "justifyContent": "flex-start", + "textAlign": "center" }, - { - "ID": "6102", - "typeID": "__group__", - "zOrder": "58", - "measuredW": "255", - "measuredH": "47", - "w": "255", - "h": "47", - "x": "460", - "y": "611", - "properties": { - "controlName": "102-rendering:render-props" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "255", - "h": "47", - "measuredW": "200", - "measuredH": "140", - "x": "0", - "y": "0", - "properties": { - "color": "16770457" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "measuredW": "107", - "measuredH": "25", - "x": "74", - "y": "11", - "properties": { - "size": "17", - "text": "Render Props" - } - } - ] - } - } + "legend": { + "id": "Z0WmUXWj-7draje3jE1WR", + "color": "#2d72d2", + "label": "Personal Recommendation (Opinion)", + "position": "right-center" + } + }, + "zIndex": 999, + "width": 233, + "height": 49, + "style": { + "width": 233, + "height": 49 + }, + "positionAbsolute": { + "x": 305.47467454429466, + "y": 331.44433023898546 + }, + "dragging": false, + "selectable": true, + "focusable": true + }, + { + "id": "vdumdIglnouf1KyGIGZnc", + "type": "subtopic", + "position": { + "x": 305.47467454429466, + "y": 384.44433023898546 + }, + "selected": false, + "data": { + "label": "Render Props", + "style": { + "fontSize": 17, + "justifyContent": "flex-start", + "textAlign": "center" }, - { - "ID": "6103", - "typeID": "__group__", - "zOrder": "59", - "measuredW": "255", - "measuredH": "47", - "w": "255", - "h": "47", - "x": "460", - "y": "663", - "properties": { - "controlName": "103-rendering:refs" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "255", - "h": "47", - "measuredW": "200", - "measuredH": "140", - "x": "0", - "y": "0", - "properties": { - "color": "16770457" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "measuredW": "36", - "measuredH": "25", - "x": "110", - "y": "11", - "properties": { - "size": "17", - "text": "Refs" - } - } - ] - } - } + "legend": { + "id": "Z0WmUXWj-7draje3jE1WR", + "color": "#2d72d2", + "label": "Personal Recommendation (Opinion)", + "position": "right-center" + } + }, + "zIndex": 999, + "width": 233, + "height": 49, + "style": { + "width": 233, + "height": 49 + }, + "positionAbsolute": { + "x": 305.47467454429466, + "y": 384.44433023898546 + }, + "dragging": false, + "selectable": true, + "focusable": true + }, + { + "id": "_zNAOhFWMcWqP4oxNPCXF", + "type": "subtopic", + "position": { + "x": 305.47467454429466, + "y": 437.44433023898546 + }, + "selected": false, + "data": { + "label": "Refs", + "style": { + "fontSize": 17, + "justifyContent": "flex-start", + "textAlign": "center" }, - { - "ID": "6104", - "typeID": "__group__", - "zOrder": "60", - "measuredW": "255", - "measuredH": "47", - "w": "255", - "h": "47", - "x": "460", - "y": "715", - "properties": { - "controlName": "104-rendering:events" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "255", - "h": "47", - "measuredW": "200", - "measuredH": "140", - "x": "0", - "y": "0", - "properties": { - "color": "16770457" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "measuredW": "53", - "measuredH": "25", - "x": "101", - "y": "11", - "properties": { - "size": "17", - "text": "Events" - } - } - ] - } - } + "legend": { + "id": "Z0WmUXWj-7draje3jE1WR", + "color": "#2d72d2", + "label": "Personal Recommendation (Opinion)", + "position": "right-center" + } + }, + "zIndex": 999, + "width": 233, + "height": 49, + "style": { + "width": 233, + "height": 49 + }, + "positionAbsolute": { + "x": 305.47467454429466, + "y": 437.44433023898546 + }, + "dragging": false, + "selectable": true, + "focusable": true + }, + { + "id": "Nex2HcTOYIbfqUzXyxSMY", + "type": "subtopic", + "position": { + "x": 305.47467454429466, + "y": 490.44433023898546 + }, + "selected": false, + "data": { + "label": "Events", + "style": { + "fontSize": 17, + "justifyContent": "flex-start", + "textAlign": "center" }, - { - "ID": "6105", - "typeID": "__group__", - "zOrder": "61", - "measuredW": "255", - "measuredH": "47", - "w": "255", - "h": "47", - "x": "460", - "y": "768", - "properties": { - "controlName": "105-rendering:high-order-components" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "255", - "h": "47", - "measuredW": "200", - "measuredH": "140", - "x": "0", - "y": "0", - "properties": { - "color": "16770457" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "measuredW": "188", - "measuredH": "25", - "x": "34", - "y": "11", - "properties": { - "size": "17", - "text": "High Order Components" - } - } - ] - } - } + "legend": { + "id": "Z0WmUXWj-7draje3jE1WR", + "color": "#2d72d2", + "label": "Personal Recommendation (Opinion)", + "position": "right-center" + } + }, + "zIndex": 999, + "width": 233, + "height": 49, + "style": { + "width": 233, + "height": 49 + }, + "positionAbsolute": { + "x": 305.47467454429466, + "y": 490.44433023898546 + }, + "dragging": false, + "selectable": true, + "focusable": true + }, + { + "id": "zOENl96GUZRw2PP2KxIck", + "type": "subtopic", + "position": { + "x": 305.47467454429466, + "y": 543.4443302389855 + }, + "selected": false, + "data": { + "label": "High Order Components", + "style": { + "fontSize": 17, + "justifyContent": "flex-start", + "textAlign": "center" }, - { - "ID": "6106", - "typeID": "__group__", - "zOrder": "62", - "measuredW": "242", - "measuredH": "47", - "w": "242", - "h": "47", - "x": "872", - "y": "860", - "properties": { - "controlName": "104-hooks" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "242", - "h": "47", - "measuredW": "200", - "measuredH": "140", - "x": "0", - "y": "0", - "properties": { - "color": "16776960" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "measuredW": "49", - "measuredH": "25", - "x": "96", - "y": "11", - "properties": { - "size": "17", - "text": "Hooks" - } - } - ] - } - } + "legend": { + "id": "Z0WmUXWj-7draje3jE1WR", + "color": "#2d72d2", + "label": "Personal Recommendation (Opinion)", + "position": "right-center" + } + }, + "zIndex": 999, + "width": 233, + "height": 49, + "style": { + "width": 233, + "height": 49 + }, + "positionAbsolute": { + "x": 305.47467454429466, + "y": 543.4443302389855 + }, + "dragging": false, + "selectable": true, + "focusable": true + }, + { + "id": "LbLQhonBqzxHU6B-L--Vq", + "type": "topic", + "position": { + "x": 57.04484613528689, + "y": 553.4443302389855 + }, + "selected": false, + "data": { + "label": "Hooks", + "style": { + "fontSize": 17, + "justifyContent": "flex-start", + "textAlign": "center" }, - { - "ID": "6107", - "typeID": "__group__", - "zOrder": "63", - "measuredW": "174", - "measuredH": "44", - "w": "174", - "h": "44", - "x": "1194", - "y": "827", - "properties": { - "controlName": "100-hooks:basic-hooks:use-state" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "174", - "h": "44", - "measuredW": "200", - "measuredH": "140", - "x": "0", - "y": "0", - "properties": { - "color": "16770457" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "measuredW": "69", - "measuredH": "25", - "x": "52", - "y": "10", - "properties": { - "size": "17", - "text": "useState" - } - } - ] - } - } + "oldId": "thfnymb_UIiKxakKfiua5" + }, + "zIndex": 999, + "width": 112, + "height": 49, + "style": { + "width": 112, + "height": 49 + }, + "positionAbsolute": { + "x": 57.04484613528689, + "y": 553.4443302389855 + }, + "dragging": false, + "resizing": false, + "selectable": true, + "focusable": true + }, + { + "id": "mkmz1JuNsTOR1D4vqilCX", + "type": "label", + "position": { + "x": 16.974674544294658, + "y": 387.44433023898546 + }, + "selected": false, + "data": { + "label": "Basic Hooks", + "href": "", + "color": "#000000", + "style": { + "fontSize": 17 + } + }, + "zIndex": 999, + "width": 112, + "height": 36, + "style": {}, + "positionAbsolute": { + "x": 16.974674544294658, + "y": 387.44433023898546 + }, + "dragging": false, + "selectable": true, + "focusable": true + }, + { + "id": "YEpkbNzEMzS6wAKg85J_N", + "type": "subtopic", + "position": { + "x": 6.974674544294658, + "y": 282.44433023898546 + }, + "selected": false, + "data": { + "label": "useState", + "style": { + "fontSize": 17, + "justifyContent": "flex-start", + "textAlign": "center" }, - { - "ID": "6108", - "typeID": "__group__", - "zOrder": "64", - "measuredW": "175", - "measuredH": "44", - "w": "175", - "h": "44", - "x": "1193", - "y": "875", - "properties": { - "controlName": "101-hooks:basic-hooks:use-effect" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "175", - "h": "44", - "measuredW": "200", - "measuredH": "140", - "x": "0", - "y": "0", - "properties": { - "color": "16770457" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "measuredW": "73", - "measuredH": "25", - "x": "51", - "y": "10", - "properties": { - "size": "17", - "text": "useEffect" - } - } - ] - } - } + "oldId": "FK59Zsm5ENA9g11XWCan_" + }, + "zIndex": 999, + "width": 135, + "height": 49, + "style": { + "width": 135, + "height": 49 + }, + "positionAbsolute": { + "x": 6.974674544294658, + "y": 282.44433023898546 + }, + "dragging": false, + "selectable": true, + "focusable": true + }, + { + "id": "8OnzX03hkZ9K9i__tjmFX", + "type": "subtopic", + "position": { + "x": 3.9746745442946576, + "y": 335.44433023898546 + }, + "selected": false, + "data": { + "label": "useEffect", + "style": { + "fontSize": 17, + "justifyContent": "flex-start", + "textAlign": "center" }, - { - "ID": "6109", - "typeID": "__group__", - "zOrder": "65", - "measuredW": "243", - "measuredH": "47", - "w": "243", - "h": "47", - "x": "871", - "y": "938", - "properties": { - "controlName": "101-hooks:writing-your-own-hooks" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "243", - "h": "47", - "measuredW": "200", - "measuredH": "140", - "x": "0", - "y": "0", - "properties": { - "color": "16770457" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "measuredW": "171", - "measuredH": "25", - "x": "36", - "y": "11", - "properties": { - "size": "17", - "text": "Writing Custom Hooks" - } - } - ] - } - } + "legend": { + "id": "Z0WmUXWj-7draje3jE1WR", + "color": "#2d72d2", + "label": "Personal Recommendation (Opinion)", + "position": "right-center" + } + }, + "zIndex": 999, + "width": 139, + "height": 49, + "style": { + "width": 139, + "height": 49 + }, + "positionAbsolute": { + "x": 3.9746745442946576, + "y": 335.44433023898546 + }, + "dragging": false, + "selectable": true, + "focusable": true + }, + { + "id": "HX75SExuzR5AP7TQ94qid", + "type": "subtopic", + "position": { + "x": -249.95515386471317, + "y": 532.9443302389855 + }, + "selected": false, + "data": { + "label": "Creating Custom Hooks", + "style": { + "fontSize": 17, + "justifyContent": "flex-start", + "textAlign": "center" }, - { - "ID": "6110", - "typeID": "__group__", - "zOrder": "66", - "measuredW": "243", - "measuredH": "248", - "w": "243", - "h": "248", - "x": "871", - "y": "992", - "properties": { - "controlName": "102-hooks:common-hooks" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "243", - "h": "248", - "measuredW": "200", - "measuredH": "140", - "x": "0", - "y": "0", - "properties": { - "color": "16777215" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "measuredW": "123", - "measuredH": "25", - "x": "60", - "y": "15", - "properties": { - "size": "17", - "text": "Common Hooks" - } - }, - { - "ID": "2", - "typeID": "TextArea", - "zOrder": "2", - "w": "93", - "h": "43", - "measuredW": "200", - "measuredH": "140", - "x": "139", - "y": "49", - "properties": { - "color": "16770457" - } - }, - { - "ID": "3", - "typeID": "Label", - "zOrder": "3", - "measuredW": "56", - "measuredH": "25", - "x": "157", - "y": "58", - "properties": { - "size": "17", - "text": "useRef" - } - }, - { - "ID": "4", - "typeID": "TextArea", - "zOrder": "4", - "w": "120", - "h": "44", - "measuredW": "200", - "measuredH": "140", - "x": "14", - "y": "48", - "properties": { - "color": "16770457" - } - }, - { - "ID": "5", - "typeID": "Label", - "zOrder": "5", - "measuredW": "94", - "measuredH": "25", - "x": "26", - "y": "58", - "properties": { - "size": "17", - "text": "useCallback" - } - }, - { - "ID": "6", - "typeID": "TextArea", - "zOrder": "6", - "w": "217", - "h": "44", - "measuredW": "200", - "measuredH": "140", - "x": "14", - "y": "96", - "properties": { - "color": "16770457" - } - }, - { - "ID": "7", - "typeID": "Label", - "zOrder": "7", - "measuredW": "77", - "measuredH": "25", - "x": "86", - "y": "106", - "properties": { - "size": "17", - "text": "useMemo" - } - }, - { - "ID": "8", - "typeID": "TextArea", - "zOrder": "8", - "w": "217", - "h": "43", - "measuredW": "200", - "measuredH": "140", - "x": "14", - "y": "145", - "properties": { - "color": "16770457" - } - }, - { - "ID": "9", - "typeID": "Label", - "zOrder": "9", - "measuredW": "95", - "measuredH": "25", - "x": "75", - "y": "154", - "properties": { - "size": "17", - "text": "useReducer" - } - }, - { - "ID": "10", - "typeID": "TextArea", - "zOrder": "10", - "w": "121", - "h": "43", - "measuredW": "200", - "measuredH": "140", - "x": "13", - "y": "193", - "properties": { - "color": "16770457" - } - }, - { - "ID": "11", - "typeID": "Label", - "zOrder": "11", - "measuredW": "88", - "measuredH": "25", - "x": "29", - "y": "202", - "properties": { - "size": "17", - "text": "useContext" - } - }, - { - "ID": "12", - "typeID": "TextArea", - "zOrder": "12", - "w": "92", - "h": "43", - "measuredW": "200", - "measuredH": "140", - "x": "139", - "y": "193", - "properties": { - "color": "16770457" - } - }, - { - "ID": "13", - "typeID": "Label", - "zOrder": "13", - "measuredW": "24", - "measuredH": "25", - "x": "173", - "y": "202", - "properties": { - "size": "17", - "text": "......." - } - } - ] - } - } + "legend": { + "id": "Z0WmUXWj-7draje3jE1WR", + "color": "#2d72d2", + "label": "Personal Recommendation (Opinion)", + "position": "left-center" + } + }, + "zIndex": 999, + "width": 248, + "height": 49, + "style": { + "width": 248, + "height": 49 + }, + "dragging": false, + "positionAbsolute": { + "x": -249.95515386471317, + "y": 532.9443302389855 + }, + "selectable": true, + "focusable": true, + "resizing": false + }, + { + "id": "EyspErq0ByXTgkgk3SGUz", + "type": "label", + "position": { + "x": -195.52532545570534, + "y": 490 + }, + "selected": false, + "data": { + "label": "Common Hooks", + "href": "", + "color": "#000000", + "style": { + "fontSize": 17 + } + }, + "zIndex": 999, + "width": 139, + "height": 36, + "style": { + "width": 139, + "height": 36 + }, + "positionAbsolute": { + "x": -195.52532545570534, + "y": 490 + }, + "selectable": true, + "focusable": true, + "dragging": false + }, + { + "id": "dgoDNDtW2_q9R9yhkXrcz", + "type": "subtopic", + "position": { + "x": -241.52532545570534, + "y": 282.94433023898546 + }, + "selected": false, + "data": { + "label": "useCallback", + "style": { + "fontSize": 17, + "justifyContent": "flex-start", + "textAlign": "center" }, - { - "ID": "6111", - "typeID": "__group__", - "zOrder": "67", - "measuredW": "157", - "measuredH": "47", - "w": "157", - "h": "47", - "x": "639", - "y": "860", - "properties": { - "controlName": "105-routers" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "157", - "h": "47", - "measuredW": "200", - "measuredH": "140", - "x": "0", - "y": "0", - "properties": { - "color": "16776960" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "measuredW": "61", - "measuredH": "25", - "x": "48", - "y": "11", - "properties": { - "size": "17", - "text": "Routers" - } - } - ] - } - } + "legend": { + "id": "Z0WmUXWj-7draje3jE1WR", + "color": "#2d72d2", + "label": "Personal Recommendation (Opinion)", + "position": "left-center" + } + }, + "zIndex": 999, + "width": 128, + "height": 49, + "style": { + "width": 128, + "height": 49 + }, + "positionAbsolute": { + "x": -241.52532545570534, + "y": 282.94433023898546 + }, + "selectable": true, + "focusable": true, + "dragging": false, + "resizing": false + }, + { + "id": "t_laNdMmdLApYszqXRdWg", + "type": "subtopic", + "position": { + "x": -110.52532545570534, + "y": 282.94433023898546 + }, + "selected": false, + "data": { + "label": "useRef", + "style": { + "fontSize": 17, + "justifyContent": "flex-start", + "textAlign": "center" }, - { - "ID": "6112", - "typeID": "__group__", - "zOrder": "68", - "measuredW": "167", - "measuredH": "47", - "w": "167", - "h": "47", - "x": "629", - "y": "934", - "properties": { - "controlName": "100-routers:react-router" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "158", - "h": "47", - "measuredW": "200", - "measuredH": "140", - "x": "9", - "y": "0", - "properties": { - "color": "16770457" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "measuredW": "104", - "measuredH": "25", - "x": "36", - "y": "11", - "properties": { - "size": "17", - "text": "React Router" - } - }, - { - "ID": "3", - "typeID": "__group__", - "zOrder": "2", - "measuredW": "24", - "measuredH": "24", - "w": "24", - "h": "24", - "x": "0", - "y": "12", - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "Icon", - "zOrder": "0", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "0", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "1", - "typeID": "Icon", - "zOrder": "1", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "0", - "properties": { - "color": "10027263", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - } - ] - } - } - } - ] - } - } + "legend": { + "id": "Z0WmUXWj-7draje3jE1WR", + "color": "#2d72d2", + "label": "Personal Recommendation (Opinion)", + "position": "right-center" + } + }, + "zIndex": 999, + "width": 100, + "height": 49, + "style": { + "width": 100, + "height": 49 + }, + "positionAbsolute": { + "x": -110.52532545570534, + "y": 282.94433023898546 + }, + "selectable": true, + "focusable": true, + "dragging": false, + "resizing": false + }, + { + "id": "w3bNp7OkehI1gjx8NzlC8", + "type": "subtopic", + "position": { + "x": -110.52532545570534, + "y": 334.94433023898546 + }, + "selected": false, + "data": { + "label": "useMemo", + "style": { + "fontSize": 17, + "justifyContent": "flex-start", + "textAlign": "center" }, - { - "ID": "6113", - "typeID": "__group__", - "zOrder": "69", - "measuredW": "168", - "measuredH": "47", - "w": "168", - "h": "47", - "x": "627", - "y": "986", - "properties": { - "controlName": "101-routers:reach-router" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "157", - "h": "47", - "measuredW": "200", - "measuredH": "140", - "x": "11", - "y": "0", - "properties": { - "color": "16770457" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "measuredW": "108", - "measuredH": "25", - "x": "37", - "y": "11", - "properties": { - "size": "17", - "text": "Reach Router" - } - }, - { - "ID": "2", - "typeID": "__group__", - "zOrder": "2", - "measuredW": "24", - "measuredH": "24", - "w": "24", - "h": "24", - "x": "0", - "y": "12", - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "Icon", - "zOrder": "0", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "0", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "1", - "typeID": "Icon", - "zOrder": "1", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "0", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "2", - "typeID": "Icon", - "zOrder": "2", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "0", - "properties": { - "color": "3700253", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - } - ] - } - } - } - ] - } - } + "legend": { + "id": "Z0WmUXWj-7draje3jE1WR", + "color": "#2d72d2", + "label": "Personal Recommendation (Opinion)", + "position": "right-center" + } + }, + "zIndex": 999, + "width": 100, + "height": 49, + "style": { + "width": 100, + "height": 49 + }, + "positionAbsolute": { + "x": -110.52532545570534, + "y": 334.94433023898546 + }, + "selectable": true, + "focusable": true, + "dragging": false, + "resizing": false + }, + { + "id": "v48Mv0wQqjXbvy8x6gDjQ", + "type": "subtopic", + "position": { + "x": -241.52532545570534, + "y": 334.94433023898546 + }, + "selected": false, + "data": { + "label": "usReducer", + "style": { + "fontSize": 17, + "justifyContent": "flex-start", + "textAlign": "center" }, - { - "ID": "6114", - "typeID": "__group__", - "zOrder": "70", - "measuredW": "230", - "measuredH": "47", - "w": "230", - "h": "47", - "x": "251", - "y": "861", - "properties": { - "controlName": "106-state-management" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "230", - "h": "47", - "measuredW": "200", - "measuredH": "140", - "x": "0", - "y": "0", - "properties": { - "color": "16776960" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "measuredW": "148", - "measuredH": "25", - "x": "41", - "y": "11", - "properties": { - "size": "17", - "text": "State Management" - } - } - ] - } - } + "legend": { + "id": "Z0WmUXWj-7draje3jE1WR", + "color": "#2d72d2", + "label": "Personal Recommendation (Opinion)", + "position": "left-center" + } + }, + "zIndex": 999, + "width": 128, + "height": 49, + "style": { + "width": 128, + "height": 49 + }, + "positionAbsolute": { + "x": -241.52532545570534, + "y": 334.94433023898546 + }, + "selectable": true, + "focusable": true, + "dragging": false, + "resizing": false + }, + { + "id": "D5_O-uElftYGQr_bTU_se", + "type": "subtopic", + "position": { + "x": -240.52532545570534, + "y": 386.94433023898546 + }, + "selected": false, + "data": { + "label": "useContext", + "style": { + "fontSize": 17, + "justifyContent": "flex-start", + "textAlign": "center" }, - { - "ID": "6115", - "typeID": "__group__", - "zOrder": "71", - "measuredW": "175", - "measuredH": "44", - "w": "175", - "h": "44", - "x": "241", - "y": "775", - "properties": { - "controlName": "100-state-management:context" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "165", - "h": "44", - "measuredW": "200", - "measuredH": "140", - "x": "10", - "y": "0", - "properties": { - "color": "16770457" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "measuredW": "60", - "measuredH": "25", - "x": "63", - "y": "10", - "properties": { - "size": "17", - "text": "Context" - } - }, - { - "ID": "2", - "typeID": "__group__", - "zOrder": "2", - "measuredW": "24", - "measuredH": "24", - "w": "24", - "h": "24", - "x": "0", - "y": "9", - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "Icon", - "zOrder": "0", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "0", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "1", - "typeID": "Icon", - "zOrder": "1", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "0", - "properties": { - "color": "10027263", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - } - ] - } - } - } - ] - } - } + "legend": { + "id": "Z0WmUXWj-7draje3jE1WR", + "color": "#2d72d2", + "label": "Personal Recommendation (Opinion)", + "position": "left-center" + } + }, + "zIndex": 999, + "width": 230, + "height": 49, + "style": { + "width": 230, + "height": 49 + }, + "positionAbsolute": { + "x": -240.52532545570534, + "y": 386.94433023898546 + }, + "selectable": true, + "focusable": true, + "dragging": false, + "resizing": false + }, + { + "id": "2zrN65JZhCyNimi33g78f", + "type": "subtopic", + "position": { + "x": -241.52532545570534, + "y": 438.44433023898546 + }, + "selected": false, + "data": { + "label": "useCallback", + "style": { + "fontSize": 17, + "justifyContent": "flex-start", + "textAlign": "center" }, - { - "ID": "6116", - "typeID": "__group__", - "zOrder": "72", - "measuredW": "174", - "measuredH": "44", - "w": "174", - "h": "44", - "x": "241", - "y": "727", - "properties": { - "controlName": "101-state-management:zustand" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "164", - "h": "44", - "measuredW": "200", - "measuredH": "140", - "x": "10", - "y": "0", - "properties": { - "color": "16770457" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "measuredW": "62", - "measuredH": "25", - "x": "61", - "y": "10", - "properties": { - "size": "17", - "text": "Zustand" - } - }, - { - "ID": "2", - "typeID": "__group__", - "zOrder": "2", - "measuredW": "24", - "measuredH": "24", - "w": "24", - "h": "24", - "x": "0", - "y": "10", - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "Icon", - "zOrder": "0", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "0", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "1", - "typeID": "Icon", - "zOrder": "1", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "0", - "properties": { - "color": "10027263", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - } - ] - } - } - } - ] - } - } + "legend": { + "id": "Z0WmUXWj-7draje3jE1WR", + "color": "#2d72d2", + "label": "Personal Recommendation (Opinion)", + "position": "left-center" + } + }, + "zIndex": 999, + "width": 231, + "height": 49, + "style": { + "width": 231, + "height": 49 + }, + "positionAbsolute": { + "x": -241.52532545570534, + "y": 438.44433023898546 + }, + "selectable": true, + "focusable": true, + "dragging": false, + "resizing": false + }, + { + "id": "FK59Zsm5ENA9g11XWCan_", + "type": "subtopic", + "position": { + "x": 3.9746745442946576, + "y": 282.44433023898546 + }, + "selected": false, + "data": { + "label": "useState", + "style": { + "fontSize": 17, + "justifyContent": "flex-start", + "textAlign": "center" }, - { - "ID": "6117", - "typeID": "__group__", - "zOrder": "73", - "measuredW": "176", - "measuredH": "44", - "w": "176", - "h": "44", - "x": "241", - "y": "679", - "properties": { - "controlName": "102-state-management:redux-and-redux-toolkit" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "166", - "h": "44", - "measuredW": "200", - "measuredH": "140", - "x": "10", - "y": "0", - "properties": { - "color": "16770457" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "measuredW": "115", - "measuredH": "25", - "x": "35", - "y": "10", - "properties": { - "size": "17", - "text": "Redux / Toolkit" - } - }, - { - "ID": "2", - "typeID": "__group__", - "zOrder": "2", - "measuredW": "24", - "measuredH": "24", - "w": "24", - "h": "24", - "x": "0", - "y": "10", - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "Icon", - "zOrder": "0", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "0", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "1", - "typeID": "Icon", - "zOrder": "1", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "0", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "2", - "typeID": "Icon", - "zOrder": "2", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "0", - "properties": { - "color": "3700253", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - } - ] - } - } - } - ] - } - } + "legend": { + "id": "Z0WmUXWj-7draje3jE1WR", + "color": "#2d72d2", + "label": "Personal Recommendation (Opinion)", + "position": "right-center" + } + }, + "zIndex": 999, + "width": 139, + "height": 49, + "style": { + "width": 139, + "height": 49 + }, + "positionAbsolute": { + "x": 3.9746745442946576, + "y": 282.44433023898546 + }, + "dragging": false, + "selectable": true, + "focusable": true + }, + { + "id": "mkyU0ug8MXxV4biHuOity", + "type": "subtopic", + "position": { + "x": -249.95515386471317, + "y": 585.9443302389855 + }, + "selected": false, + "data": { + "label": "Hooks Best Practices", + "style": { + "fontSize": 17, + "justifyContent": "flex-start", + "textAlign": "center" }, - { - "ID": "6118", - "typeID": "__group__", - "zOrder": "74", - "measuredW": "174", - "measuredH": "44", - "w": "174", - "h": "44", - "x": "242", - "y": "631", - "properties": { - "controlName": "103-state-management:mobx" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "164", - "h": "44", - "measuredW": "200", - "measuredH": "140", - "x": "10", - "y": "0", - "properties": { - "color": "16770457" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "measuredW": "44", - "measuredH": "25", - "x": "70", - "y": "10", - "properties": { - "size": "17", - "text": "MobX" - } - }, - { - "ID": "2", - "typeID": "__group__", - "zOrder": "2", - "measuredW": "24", - "measuredH": "24", - "w": "24", - "h": "24", - "x": "0", - "y": "10", - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "Icon", - "zOrder": "0", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "0", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "1", - "typeID": "Icon", - "zOrder": "1", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "0", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "2", - "typeID": "Icon", - "zOrder": "2", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "0", - "properties": { - "color": "3700253", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - } - ] - } - } - } - ] - } - } + "legend": { + "id": "Z0WmUXWj-7draje3jE1WR", + "color": "#2d72d2", + "label": "Personal Recommendation (Opinion)", + "position": "left-center" + } + }, + "zIndex": 999, + "width": 248, + "height": 49, + "style": { + "width": 248, + "height": 49 + }, + "dragging": false, + "positionAbsolute": { + "x": -249.95515386471317, + "y": 585.9443302389855 + }, + "selectable": true, + "focusable": true + }, + { + "id": "NStw6bi_pPB49K41BFSgo", + "type": "topic", + "position": { + "x": 392.97467454429466, + "y": 686.2974386815656 + }, + "selected": false, + "data": { + "label": "Routers", + "style": { + "fontSize": 17, + "justifyContent": "flex-start", + "textAlign": "center" }, - { - "ID": "6119", - "typeID": "__group__", - "zOrder": "75", - "measuredW": "174", - "measuredH": "44", - "w": "174", - "h": "44", - "x": "242", - "y": "583", - "properties": { - "controlName": "104-state-management:recoil" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "164", - "h": "44", - "measuredW": "200", - "measuredH": "140", - "x": "10", - "y": "0", - "properties": { - "color": "16770457" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "measuredW": "49", - "measuredH": "25", - "x": "67", - "y": "10", - "properties": { - "size": "17", - "text": "Recoil" - } - }, - { - "ID": "2", - "typeID": "__group__", - "zOrder": "2", - "measuredW": "24", - "measuredH": "24", - "w": "24", - "h": "24", - "x": "0", - "y": "10", - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "Icon", - "zOrder": "0", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "0", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "1", - "typeID": "Icon", - "zOrder": "1", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "0", - "properties": { - "icon": { - "ID": "check-circle", - "size": "small" - }, - "color": "3700253" - } - } - ] - } - } - } - ] - } - } + "oldId": "thfnymb_UIiKxakKfiua5" + }, + "zIndex": 999, + "width": 117, + "height": 49, + "style": { + "width": 117, + "height": 49 + }, + "positionAbsolute": { + "x": 392.97467454429466, + "y": 686.2974386815656 + }, + "dragging": false, + "resizing": false, + "selectable": true, + "focusable": true + }, + { + "id": "zWL8VLx_g0SWubavJDs6i", + "type": "subtopic", + "position": { + "x": 363.97467454429466, + "y": 825.7974386815656 + }, + "selected": false, + "data": { + "label": "Tanstack Router", + "style": { + "fontSize": 17, + "justifyContent": "flex-start", + "textAlign": "center" }, - { - "ID": "6120", - "typeID": "__group__", - "zOrder": "76", - "measuredW": "227", - "measuredH": "47", - "w": "227", - "h": "47", - "x": "254", - "y": "1066", - "properties": { - "controlName": "107-styling" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "227", - "h": "47", - "measuredW": "200", - "measuredH": "140", - "x": "0", - "y": "0", - "properties": { - "color": "16776960" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "measuredW": "51", - "measuredH": "25", - "x": "88", - "y": "10", - "properties": { - "size": "17", - "text": "Styling" - } - } - ] - } - } + "oldId": "jvp43wFkKlGQX2y7IxkbM", + "legend": { + "id": "CRQCl3LvTj0sJWThSxjKu", + "label": "Alternative Option (Pick this or purple)", + "color": "#19a323", + "position": "right-center" + } + }, + "zIndex": 999, + "width": 175, + "height": 49, + "style": { + "width": 175, + "height": 49 + }, + "positionAbsolute": { + "x": 363.97467454429466, + "y": 825.7974386815656 + }, + "dragging": false, + "selectable": true, + "focusable": true, + "resizing": false + }, + { + "id": "jvp43wFkKlGQX2y7IxkbM", + "type": "subtopic", + "position": { + "x": 363.97467454429466, + "y": 772.7974386815656 + }, + "selected": false, + "data": { + "label": "React Router", + "style": { + "fontSize": 17, + "justifyContent": "flex-start", + "textAlign": "center" }, - { - "ID": "6121", - "typeID": "__group__", - "zOrder": "77", - "measuredW": "166", - "measuredH": "44", - "w": "166", - "h": "44", - "x": "608", - "y": "1205", - "properties": { - "controlName": "105-styling:chakra-ui" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "157", - "h": "44", - "measuredW": "200", - "measuredH": "140", - "x": "0", - "y": "0", - "properties": { - "color": "16770457" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "measuredW": "78", - "measuredH": "25", - "x": "40", - "y": "10", - "properties": { - "size": "17", - "text": "Chakra UI" - } - }, - { - "ID": "2", - "typeID": "__group__", - "zOrder": "2", - "measuredW": "24", - "measuredH": "24", - "w": "24", - "h": "24", - "x": "142", - "y": "10", - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "Icon", - "zOrder": "0", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "0", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "1", - "typeID": "Icon", - "zOrder": "1", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "0", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "2", - "typeID": "Icon", - "zOrder": "2", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "0", - "properties": { - "color": "3700253", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - } - ] - } - } - } - ] - } - } + "legend": { + "id": "Z0WmUXWj-7draje3jE1WR", + "color": "#2d72d2", + "label": "Personal Recommendation (Opinion)", + "position": "right-center" + } + }, + "zIndex": 999, + "width": 175, + "height": 49, + "style": { + "width": 175, + "height": 49 + }, + "positionAbsolute": { + "x": 363.97467454429466, + "y": 772.7974386815656 + }, + "dragging": false, + "resizing": false, + "selectable": true, + "focusable": true + }, + { + "id": "I7_mX4h-Yywp1YyTJRKXI", + "type": "topic", + "position": { + "x": 49.693201050423, + "y": 867.4443302389855 + }, + "selected": false, + "data": { + "label": "State Management", + "style": { + "fontSize": 17, + "justifyContent": "flex-start", + "textAlign": "center" }, - { - "ID": "6122", - "typeID": "__group__", - "zOrder": "78", - "measuredW": "165", - "measuredH": "44", - "w": "165", - "h": "44", - "x": "607", - "y": "1109", - "properties": { - "controlName": "104-styling:material-ui" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "157", - "h": "44", - "measuredW": "200", - "measuredH": "140", - "x": "0", - "y": "0", - "properties": { - "color": "16770457" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "measuredW": "86", - "measuredH": "25", - "x": "36", - "y": "10", - "properties": { - "size": "17", - "text": "Material UI" - } - }, - { - "ID": "2", - "typeID": "__group__", - "zOrder": "2", - "measuredW": "24", - "measuredH": "24", - "w": "24", - "h": "24", - "x": "141", - "y": "10", - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "Icon", - "zOrder": "0", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "0", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "1", - "typeID": "Icon", - "zOrder": "1", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "0", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "2", - "typeID": "Icon", - "zOrder": "2", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "0", - "properties": { - "icon": { - "ID": "check-circle", - "size": "small" - }, - "color": "10027263" - } - } - ] - } - } - } - ] - } - } + "oldId": "thfnymb_UIiKxakKfiua5" + }, + "zIndex": 999, + "width": 192, + "height": 49, + "style": {}, + "positionAbsolute": { + "x": 49.693201050423, + "y": 867.4443302389855 + }, + "dragging": false, + "resizing": false, + "selectable": true, + "focusable": true + }, + { + "id": "10uL0r388lKh8pWYWqRZD", + "type": "subtopic", + "position": { + "x": 82.693201050423, + "y": 685.9443302389855 + }, + "selected": false, + "data": { + "label": "Context", + "style": { + "fontSize": 17, + "justifyContent": "flex-start", + "textAlign": "center" }, - { - "ID": "6123", - "typeID": "__group__", - "zOrder": "79", - "measuredW": "167", - "measuredH": "44", - "w": "167", - "h": "44", - "x": "608", - "y": "1157", - "properties": { - "controlName": "102-styling:mantine" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "157", - "h": "44", - "measuredW": "200", - "measuredH": "140", - "x": "0", - "y": "0", - "properties": { - "color": "16770457" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "measuredW": "63", - "measuredH": "25", - "x": "47", - "y": "10", - "properties": { - "size": "17", - "text": "Mantine" - } - }, - { - "ID": "2", - "typeID": "__group__", - "zOrder": "2", - "measuredW": "24", - "measuredH": "24", - "w": "24", - "h": "24", - "x": "143", - "y": "10", - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "Icon", - "zOrder": "0", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "0", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "1", - "typeID": "Icon", - "zOrder": "1", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "0", - "properties": { - "icon": { - "ID": "check-circle", - "size": "small" - }, - "color": "3700253" - } - } - ] - } - } - } - ] - } - } + "legend": { + "id": "CRQCl3LvTj0sJWThSxjKu", + "label": "Alternative Option (Pick this or purple)", + "color": "#19a323", + "position": "left-center" + } + }, + "zIndex": 999, + "width": 126, + "height": 49, + "style": { + "width": 126, + "height": 49 + }, + "positionAbsolute": { + "x": 82.693201050423, + "y": 685.9443302389855 + }, + "dragging": false, + "selectable": true, + "focusable": true, + "resizing": false + }, + { + "id": "nl5imPsdY2oEWlg-9TTuk", + "type": "subtopic", + "position": { + "x": 82.693201050423, + "y": 738.9443302389855 + }, + "selected": false, + "data": { + "label": "Zustand", + "style": { + "fontSize": 17, + "justifyContent": "flex-start", + "textAlign": "center" }, - { - "ID": "6124", - "typeID": "__group__", - "zOrder": "80", - "measuredW": "167", - "measuredH": "44", - "w": "167", - "h": "44", - "x": "607", - "y": "1062", - "properties": { - "controlName": "103-styling:tailwind" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "157", - "h": "44", - "measuredW": "200", - "measuredH": "140", - "x": "0", - "y": "0", - "properties": { - "color": "16770457" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "measuredW": "61", - "measuredH": "25", - "x": "48", - "y": "10", - "properties": { - "size": "17", - "text": "TailwindCSS" - } - }, - { - "ID": "2", - "typeID": "__group__", - "zOrder": "2", - "measuredW": "24", - "measuredH": "24", - "w": "24", - "h": "24", - "x": "143", - "y": "10", - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "Icon", - "zOrder": "0", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "0", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "1", - "typeID": "Icon", - "zOrder": "1", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "0", - "properties": { - "color": "10027263", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - } - ] - } - } - } - ] - } - } + "legend": { + "id": "Z0WmUXWj-7draje3jE1WR", + "color": "#2d72d2", + "label": "Personal Recommendation (Opinion)", + "position": "left-center" + } + }, + "zIndex": 999, + "width": 126, + "height": 49, + "style": { + "width": 126, + "height": 49 + }, + "positionAbsolute": { + "x": 82.693201050423, + "y": 738.9443302389855 + }, + "dragging": false, + "selectable": true, + "focusable": true, + "resizing": false + }, + { + "id": "yI6XiNW04EL78UL4lkVgd", + "type": "subtopic", + "position": { + "x": 82.693201050423, + "y": 791.9443302389855 + }, + "selected": false, + "data": { + "label": "Jotai", + "style": { + "fontSize": 17, + "justifyContent": "flex-start", + "textAlign": "center" }, - { - "ID": "6125", - "typeID": "__group__", - "zOrder": "81", - "measuredW": "210", - "measuredH": "44", - "w": "210", - "h": "44", - "x": "357", - "y": "989", - "properties": { - "controlName": "100-styling:styled-components" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "h": "44", - "measuredW": "200", - "measuredH": "140", - "x": "0", - "y": "0", - "properties": { - "color": "16770457" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "measuredW": "150", - "measuredH": "25", - "x": "24", - "y": "10", - "properties": { - "size": "17", - "text": "Styled Components" - } - }, - { - "ID": "2", - "typeID": "__group__", - "zOrder": "2", - "measuredW": "24", - "measuredH": "24", - "w": "24", - "h": "24", - "x": "186", - "y": "9", - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "Icon", - "zOrder": "0", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "0", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "1", - "typeID": "Icon", - "zOrder": "1", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "0", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "2", - "typeID": "Icon", - "zOrder": "2", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "0", - "properties": { - "color": "3700253", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - } - ] - } - } - } - ] - } - } + "legend": { + "id": "Z0WmUXWj-7draje3jE1WR", + "color": "#2d72d2", + "label": "Personal Recommendation (Opinion)", + "position": "left-center" + } + }, + "zIndex": 999, + "width": 126, + "height": 49, + "style": { + "width": 126, + "height": 49 + }, + "dragging": false, + "positionAbsolute": { + "x": 82.693201050423, + "y": 791.9443302389855 + }, + "selectable": true, + "focusable": true, + "resizing": false + }, + { + "id": "DfrCkbD-HEHwLymv10zb5", + "type": "topic", + "position": { + "x": -194.02532545570534, + "y": 867.4443302389855 + }, + "selected": false, + "data": { + "label": "Writing CSS", + "style": { + "fontSize": 17, + "justifyContent": "flex-start", + "textAlign": "center" }, - { - "ID": "6126", - "typeID": "__group__", - "zOrder": "82", - "measuredW": "210", - "measuredH": "44", - "w": "210", - "h": "44", - "x": "357", - "y": "941", - "properties": { - "controlName": "101-styling:emotion" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "201", - "h": "44", - "measuredW": "200", - "measuredH": "140", - "x": "0", - "y": "0", - "properties": { - "color": "16770457" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "measuredW": "64", - "measuredH": "25", - "x": "69", - "y": "10", - "properties": { - "size": "17", - "text": "Emotion" - } - }, - { - "ID": "2", - "typeID": "__group__", - "zOrder": "2", - "measuredW": "24", - "measuredH": "24", - "w": "24", - "h": "24", - "x": "186", - "y": "8", - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "Icon", - "zOrder": "0", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "0", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "1", - "typeID": "Icon", - "zOrder": "1", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "0", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "2", - "typeID": "Icon", - "zOrder": "2", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "0", - "properties": { - "color": "3700253", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - } - ] - } - } - } - ] - } - } + "oldId": "thfnymb_UIiKxakKfiua5" + }, + "zIndex": 999, + "width": 136, + "height": 49, + "style": {}, + "positionAbsolute": { + "x": -194.02532545570534, + "y": 867.4443302389855 + }, + "dragging": false, + "resizing": false, + "selectable": true, + "focusable": true + }, + { + "id": "MnDgQq9Vcxsu3wDqv5uh2", + "type": "topic", + "position": { + "x": -519.0253254557053, + "y": 989.4443302389855 + }, + "selected": false, + "data": { + "label": "Headless Component Libraries", + "style": { + "fontSize": 17, + "justifyContent": "flex-start", + "textAlign": "center" + } + }, + "zIndex": 999, + "width": 284, + "height": 49, + "style": {}, + "dragging": false, + "positionAbsolute": { + "x": -519.0253254557053, + "y": 989.4443302389855 + }, + "selectable": true, + "focusable": true + }, + { + "id": "KO3viVIJJREtxXxsocN7j", + "type": "subtopic", + "position": { + "x": -200.02532545570534, + "y": 789.9443302389855 + }, + "selected": false, + "data": { + "label": "Tailwind CSS", + "style": { + "fontSize": 17, + "justifyContent": "flex-start", + "textAlign": "center" }, - { - "ID": "6127", - "typeID": "__group__", - "zOrder": "83", - "measuredW": "214", - "measuredH": "47", - "w": "214", - "h": "47", - "x": "260", - "y": "1446", - "properties": { - "controlName": "108-api-calls" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "214", - "h": "47", - "measuredW": "200", - "measuredH": "140", - "x": "0", - "y": "0", - "properties": { - "color": "16776960" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "measuredW": "69", - "measuredH": "25", - "x": "72", - "y": "11", - "properties": { - "size": "17", - "text": "API Calls" - } - } - ] - } - } + "oldId": "akVNUPOqaTXaSHoQFlkP_", + "legend": { + "id": "Z0WmUXWj-7draje3jE1WR", + "color": "#2d72d2", + "label": "Personal Recommendation (Opinion)", + "position": "left-center" + } + }, + "zIndex": 999, + "width": 148, + "height": 49, + "style": { + "width": 148 + }, + "positionAbsolute": { + "x": -200.02532545570534, + "y": 789.9443302389855 + }, + "dragging": false, + "selectable": true, + "focusable": true + }, + { + "id": "thfnymb_UIiKxakKfiua5", + "type": "topic", + "position": { + "x": -515.0253254557053, + "y": 867.4443302389855 + }, + "selected": false, + "data": { + "label": "Component / Libraries", + "style": { + "fontSize": 17, + "justifyContent": "flex-start", + "textAlign": "center" + } + }, + "zIndex": 999, + "width": 219, + "height": 49, + "style": {}, + "positionAbsolute": { + "x": -515.0253254557053, + "y": 867.4443302389855 + }, + "dragging": false, + "resizing": false, + "selectable": true, + "focusable": true + }, + { + "id": "akVNUPOqaTXaSHoQFlkP_", + "type": "subtopic", + "position": { + "x": -200.02532545570534, + "y": 683.9443302389855 + }, + "selected": false, + "data": { + "label": "Panda CSS", + "style": { + "fontSize": 17, + "justifyContent": "flex-start", + "textAlign": "center" }, - { - "ID": "6128", - "typeID": "TextArea", - "zOrder": "84", - "w": "105", - "h": "200", - "measuredW": "200", - "measuredH": "140", - "x": "376", - "y": "1215", - "properties": { - "color": "16777215" - } + "legend": { + "id": "CRQCl3LvTj0sJWThSxjKu", + "label": "Alternative Option (Pick this or purple)", + "color": "#19a323", + "position": "left-center" + } + }, + "zIndex": 999, + "width": 148, + "height": 49, + "style": { + "width": 148 + }, + "positionAbsolute": { + "x": -200.02532545570534, + "y": 683.9443302389855 + }, + "dragging": false, + "selectable": true, + "focusable": true + }, + { + "id": "uqphqAnlcJOLnwHZs5jWu", + "type": "subtopic", + "position": { + "x": -453.52532545570534, + "y": 724.9443302389855 + }, + "selected": false, + "data": { + "label": "Chakra UI", + "style": { + "fontSize": 17, + "justifyContent": "flex-start", + "textAlign": "center" }, - { - "ID": "6129", - "typeID": "Label", - "zOrder": "85", - "measuredW": "71", - "measuredH": "25", - "x": "393", - "y": "1376", - "properties": { - "size": "17", - "text": "GraphQL" - } + "legend": { + "id": "CRQCl3LvTj0sJWThSxjKu", + "label": "Alternative Option (Pick this or purple)", + "color": "#19a323", + "position": "left-center" + } + }, + "zIndex": 999, + "width": 137, + "height": 49, + "style": { + "width": 137, + "height": 49 + }, + "positionAbsolute": { + "x": -453.52532545570534, + "y": 724.9443302389855 + }, + "dragging": false, + "selectable": true, + "focusable": true, + "resizing": false + }, + { + "id": "gy7eBxPOlwG8BvxHVLDQ9", + "type": "subtopic", + "position": { + "x": -453.52532545570534, + "y": 671.9443302389855 + }, + "selected": false, + "data": { + "label": "Material UI", + "style": { + "fontSize": 17, + "justifyContent": "flex-start", + "textAlign": "center" }, - { - "ID": "6130", - "typeID": "__group__", - "zOrder": "86", - "measuredW": "167", - "measuredH": "44", - "w": "167", - "h": "44", - "x": "351", - "y": "1230", - "properties": { - "controlName": "100-api-calls:apollo" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "156", - "h": "44", - "measuredW": "200", - "measuredH": "140", - "x": "0", - "y": "0", - "properties": { - "color": "16770457" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "measuredW": "48", - "measuredH": "25", - "x": "55", - "y": "10", - "properties": { - "size": "17", - "text": "Apollo" - } - }, - { - "ID": "2", - "typeID": "__group__", - "zOrder": "2", - "measuredW": "24", - "measuredH": "24", - "w": "24", - "h": "24", - "x": "143", - "y": "10", - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "Icon", - "zOrder": "0", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "0", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "1", - "typeID": "Icon", - "zOrder": "1", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "0", - "properties": { - "color": "10027263", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - } - ] - } - } - } - ] - } - } + "legend": { + "id": "CRQCl3LvTj0sJWThSxjKu", + "label": "Alternative Option (Pick this or purple)", + "color": "#19a323", + "position": "left-center" + } + }, + "zIndex": 999, + "width": 137, + "height": 49, + "style": { + "width": 137, + "height": 49 + }, + "positionAbsolute": { + "x": -453.52532545570534, + "y": 671.9443302389855 + }, + "dragging": false, + "selectable": true, + "focusable": true, + "resizing": false + }, + { + "id": "njKsYNkwTXPQ1NjlGKXab", + "type": "subtopic", + "position": { + "x": -453.52532545570534, + "y": 777.9443302389855 + }, + "selected": false, + "data": { + "label": "Shadcn UI", + "style": { + "fontSize": 17, + "justifyContent": "flex-start", + "textAlign": "center" }, - { - "ID": "6131", - "typeID": "__group__", - "zOrder": "87", - "measuredW": "165", - "measuredH": "44", - "w": "165", - "h": "44", - "x": "351", - "y": "1278", - "properties": { - "controlName": "101-api-calls:relay" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "156", - "h": "44", - "measuredW": "200", - "measuredH": "140", - "x": "0", - "y": "0", - "properties": { - "color": "16770457" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "measuredW": "44", - "measuredH": "25", - "x": "56", - "y": "10", - "properties": { - "size": "17", - "text": "Relay" - } - }, - { - "ID": "2", - "typeID": "__group__", - "zOrder": "2", - "measuredW": "24", - "measuredH": "24", - "w": "24", - "h": "24", - "x": "141", - "y": "10", - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "Icon", - "zOrder": "0", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "0", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "1", - "typeID": "Icon", - "zOrder": "1", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "0", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "2", - "typeID": "Icon", - "zOrder": "2", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "0", - "properties": { - "color": "3700253", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - } - ] - } - } - } - ] - } - } + "legend": { + "id": "Z0WmUXWj-7draje3jE1WR", + "color": "#2d72d2", + "label": "Personal Recommendation (Opinion)", + "position": "left-center" + } + }, + "zIndex": 999, + "width": 137, + "height": 49, + "style": { + "width": 137, + "height": 49 + }, + "dragging": false, + "positionAbsolute": { + "x": -453.52532545570534, + "y": 777.9443302389855 + }, + "selectable": true, + "focusable": true, + "resizing": false + }, + { + "id": "awoEhwPKjUcR84XGL6Som", + "type": "subtopic", + "position": { + "x": -200.02532545570534, + "y": 736.9443302389855 + }, + "selected": false, + "data": { + "label": "CSS Modules", + "style": { + "fontSize": 17, + "justifyContent": "flex-start", + "textAlign": "center" }, - { - "ID": "6132", - "typeID": "__group__", - "zOrder": "88", - "measuredW": "165", - "measuredH": "44", - "w": "165", - "h": "44", - "x": "351", - "y": "1325", - "properties": { - "controlName": "102-api-calls:urql" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "156", - "h": "44", - "measuredW": "200", - "measuredH": "140", - "x": "0", - "y": "0", - "properties": { - "color": "16770457" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "measuredW": "32", - "measuredH": "25", - "x": "62", - "y": "10", - "properties": { - "size": "17", - "text": "Urql" - } - }, - { - "ID": "2", - "typeID": "__group__", - "zOrder": "2", - "measuredW": "24", - "measuredH": "24", - "w": "24", - "h": "24", - "x": "141", - "y": "10", - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "Icon", - "zOrder": "0", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "0", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "1", - "typeID": "Icon", - "zOrder": "1", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "0", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "2", - "typeID": "Icon", - "zOrder": "2", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "0", - "properties": { - "color": "3700253", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - } - ] - } - } - } - ] - } - } + "oldId": "akVNUPOqaTXaSHoQFlkP_", + "legend": { + "id": "CRQCl3LvTj0sJWThSxjKu", + "label": "Alternative Option (Pick this or purple)", + "color": "#19a323", + "position": "left-center" + } + }, + "zIndex": 999, + "width": 148, + "height": 49, + "style": { + "width": 148 + }, + "positionAbsolute": { + "x": -200.02532545570534, + "y": 736.9443302389855 + }, + "dragging": false, + "selectable": true, + "focusable": true, + "resizing": false + }, + { + "id": "XL9XOV2h0BAuA5cFcM5L_", + "type": "subtopic", + "position": { + "x": -153.52532545570534, + "y": 936.4443302389855 + }, + "selected": false, + "data": { + "label": "Radix UI", + "style": { + "fontSize": 17, + "justifyContent": "flex-start", + "textAlign": "center" }, - { - "ID": "6133", - "typeID": "TextArea", - "zOrder": "89", - "w": "105", - "h": "294", - "measuredW": "200", - "measuredH": "140", - "x": "376", - "y": "1535", - "properties": { - "color": "16777215" - } + "legend": { + "id": "Z0WmUXWj-7draje3jE1WR", + "color": "#2d72d2", + "label": "Personal Recommendation (Opinion)", + "position": "right-center" + } + }, + "zIndex": 999, + "width": 174, + "height": 49, + "style": { + "width": 174 + }, + "positionAbsolute": { + "x": -153.52532545570534, + "y": 936.4443302389855 + }, + "dragging": false, + "selectable": true, + "focusable": true + }, + { + "id": "RvDfKoa_HIW3QDBfkPv3m", + "type": "subtopic", + "position": { + "x": -153.52532545570534, + "y": 989.4443302389855 + }, + "selected": false, + "data": { + "label": "React Aria", + "style": { + "fontSize": 17, + "justifyContent": "flex-start", + "textAlign": "center" }, - { - "ID": "6134", - "typeID": "Label", - "zOrder": "90", - "measuredW": "44", - "measuredH": "25", - "x": "407", - "y": "1549", - "properties": { - "size": "17", - "text": "REST" - } + "legend": { + "id": "CRQCl3LvTj0sJWThSxjKu", + "label": "Alternative Option (Pick this or purple)", + "color": "#19a323", + "position": "right-center" + } + }, + "zIndex": 999, + "width": 174, + "height": 49, + "style": { + "width": 174, + "height": 49 + }, + "positionAbsolute": { + "x": -153.52532545570534, + "y": 989.4443302389855 + }, + "dragging": false, + "resizing": false, + "selectable": true, + "focusable": true + }, + { + "id": "kiCTo0U6VgNON8rv_Ktlj", + "type": "subtopic", + "position": { + "x": -153.52532545570534, + "y": 1042.4443302389855 + }, + "selected": false, + "data": { + "label": "Ark UI", + "style": { + "fontSize": 17, + "justifyContent": "flex-start", + "textAlign": "center" }, - { - "ID": "6135", - "typeID": "__group__", - "zOrder": "91", - "measuredW": "165", - "measuredH": "44", - "w": "165", - "h": "44", - "x": "346", - "y": "1581", - "properties": { - "controlName": "103-api-calls:swr" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "156", - "h": "44", - "measuredW": "200", - "measuredH": "140", - "x": "0", - "y": "0", - "properties": { - "color": "16770457" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "measuredW": "38", - "measuredH": "25", - "x": "59", - "y": "10", - "properties": { - "size": "17", - "text": "SWR" - } - }, - { - "ID": "2", - "typeID": "__group__", - "zOrder": "2", - "measuredW": "24", - "measuredH": "24", - "w": "24", - "h": "24", - "x": "141", - "y": "10", - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "Icon", - "zOrder": "0", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "0", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "1", - "typeID": "Icon", - "zOrder": "1", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "0", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "2", - "typeID": "Icon", - "zOrder": "2", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "0", - "properties": { - "icon": { - "ID": "check-circle", - "size": "small" - }, - "color": "10027263" - } - } - ] - } - } - } - ] - } - } + "legend": { + "id": "CRQCl3LvTj0sJWThSxjKu", + "label": "Alternative Option (Pick this or purple)", + "color": "#19a323", + "position": "right-center" + } + }, + "zIndex": 999, + "width": 174, + "height": 49, + "style": { + "width": 174 + }, + "positionAbsolute": { + "x": -153.52532545570534, + "y": 1042.4443302389855 + }, + "dragging": false, + "selectable": true, + "focusable": true + }, + { + "id": "b4AP2OggxFAwsQtUwiUJJ", + "type": "topic", + "position": { + "x": -215.60313927083638, + "y": 1129.476431006493 + }, + "selected": false, + "data": { + "label": "API Calls", + "style": { + "fontSize": 17, + "justifyContent": "flex-start", + "textAlign": "center" }, - { - "ID": "6136", - "typeID": "__group__", - "zOrder": "92", - "measuredW": "165", - "measuredH": "44", - "w": "165", - "h": "44", - "x": "347", - "y": "1677", - "properties": { - "controlName": "105-api-calls:axios" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "157", - "h": "44", - "measuredW": "200", - "measuredH": "140", - "x": "0", - "y": "0", - "properties": { - "color": "16770457" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "measuredW": "41", - "measuredH": "25", - "x": "57", - "y": "10", - "properties": { - "size": "17", - "text": "Axios" - } - }, - { - "ID": "2", - "typeID": "__group__", - "zOrder": "2", - "measuredW": "24", - "measuredH": "24", - "w": "24", - "h": "24", - "x": "141", - "y": "10", - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "Icon", - "zOrder": "0", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "0", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "1", - "typeID": "Icon", - "zOrder": "1", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "0", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "2", - "typeID": "Icon", - "zOrder": "2", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "0", - "properties": { - "color": "3700253", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - } - ] - } - } - } - ] - } - } + "oldId": "nK1DhEXBKVhvSR1P_vzgj" + }, + "zIndex": 999, + "width": 114, + "height": 49, + "style": { + "width": 114, + "height": 49 + }, + "dragging": false, + "positionAbsolute": { + "x": -215.60313927083638, + "y": 1129.476431006493 + }, + "selectable": true, + "focusable": true + }, + { + "id": "8nMbfGxe3STMbrAVcqHHh", + "type": "subtopic", + "position": { + "x": -321.88461276470804, + "y": 1228.476431006493 + }, + "selected": false, + "data": { + "label": "Apollo", + "style": { + "fontSize": 17, + "justifyContent": "flex-start", + "textAlign": "center" }, - { - "ID": "6137", - "typeID": "__group__", - "zOrder": "93", - "measuredW": "165", - "measuredH": "44", - "w": "165", - "h": "44", - "x": "348", - "y": "1725", - "properties": { - "controlName": "106-api-calls:superagent" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "157", - "h": "44", - "measuredW": "200", - "measuredH": "140", - "x": "0", - "y": "0", - "properties": { - "color": "16770457" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "measuredW": "88", - "measuredH": "25", - "x": "35", - "y": "10", - "properties": { - "size": "17", - "text": "superagent" - } - }, - { - "ID": "2", - "typeID": "__group__", - "zOrder": "2", - "measuredW": "24", - "measuredH": "24", - "w": "24", - "h": "24", - "x": "141", - "y": "10", - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "Icon", - "zOrder": "0", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "0", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "1", - "typeID": "Icon", - "zOrder": "1", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "0", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "2", - "typeID": "Icon", - "zOrder": "2", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "0", - "properties": { - "color": "3700253", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - } - ] - } - } - } - ] - } - } + "legend": { + "id": "Z0WmUXWj-7draje3jE1WR", + "color": "#2d72d2", + "label": "Personal Recommendation (Opinion)", + "position": "left-center" + } + }, + "zIndex": 999, + "width": 114, + "height": 49, + "style": { + "width": 114, + "height": 49 + }, + "positionAbsolute": { + "x": -321.88461276470804, + "y": 1228.476431006493 + }, + "selectable": true, + "focusable": true, + "dragging": false + }, + { + "id": "cLfM342sZfsCwmPPxQpEI", + "type": "subtopic", + "position": { + "x": -321.88461276470804, + "y": 1281.476431006493 + }, + "selected": false, + "data": { + "label": "Relay", + "style": { + "fontSize": 17, + "justifyContent": "flex-start", + "textAlign": "center" }, - { - "ID": "6138", - "typeID": "__group__", - "zOrder": "94", - "measuredW": "165", - "measuredH": "44", - "w": "165", - "h": "44", - "x": "345", - "y": "1629", - "properties": { - "controlName": "104-api-calls:react-query" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "157", - "h": "44", - "measuredW": "200", - "measuredH": "140", - "x": "0", - "y": "0", - "properties": { - "color": "16770457" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "measuredW": "90", - "measuredH": "25", - "x": "34", - "y": "9", - "properties": { - "size": "17", - "text": "react-query" - } - }, - { - "ID": "2", - "typeID": "__group__", - "zOrder": "2", - "measuredW": "24", - "measuredH": "24", - "w": "24", - "h": "24", - "x": "141", - "y": "10", - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "Icon", - "zOrder": "0", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "0", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "1", - "typeID": "Icon", - "zOrder": "1", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "0", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "2", - "typeID": "Icon", - "zOrder": "2", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "0", - "properties": { - "icon": { - "ID": "check-circle", - "size": "small" - }, - "color": "10027263" - } - } - ] - } - } - } - ] - } - } + "legend": { + "id": "CRQCl3LvTj0sJWThSxjKu", + "label": "Alternative Option (Pick this or purple)", + "color": "#19a323", + "position": "left-center" + } + }, + "zIndex": 999, + "width": 114, + "height": 49, + "style": { + "width": 114, + "height": 49 + }, + "dragging": false, + "positionAbsolute": { + "x": -321.88461276470804, + "y": 1281.476431006493 + }, + "selectable": true, + "focusable": true + }, + { + "id": "9M5jRu0pj8KMvg9f-2oqZ", + "type": "subtopic", + "position": { + "x": -321.88461276470804, + "y": 1334.476431006493 + }, + "selected": false, + "data": { + "label": "urql", + "style": { + "fontSize": 17, + "justifyContent": "flex-start", + "textAlign": "center" }, - { - "ID": "6139", - "typeID": "__group__", - "zOrder": "95", - "measuredW": "202", - "measuredH": "47", - "w": "202", - "h": "47", - "x": "781", - "y": "1446", - "properties": { - "controlName": "109-testing" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "202", - "h": "47", - "measuredW": "200", - "measuredH": "140", - "x": "0", - "y": "0", - "properties": { - "color": "16776960" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "measuredW": "56", - "measuredH": "25", - "x": "73", - "y": "11", - "properties": { - "size": "17", - "text": "Testing" - } - } - ] - } - } + "legend": { + "id": "CRQCl3LvTj0sJWThSxjKu", + "label": "Alternative Option (Pick this or purple)", + "color": "#19a323", + "position": "left-center" + } + }, + "zIndex": 999, + "width": 114, + "height": 49, + "style": { + "width": 114, + "height": 49 + }, + "positionAbsolute": { + "x": -321.88461276470804, + "y": 1334.476431006493 + }, + "selectable": true, + "focusable": true, + "dragging": false + }, + { + "id": "zWcMFfyiWJddGbiIhmdKm", + "type": "label", + "position": { + "x": -307.88461276470804, + "y": 1390.476431006493 + }, + "selected": false, + "data": { + "label": "GraphQL", + "href": "", + "color": "#000000", + "style": { + "fontSize": 17 }, - { - "ID": "6140", - "typeID": "__group__", - "zOrder": "96", - "measuredW": "109", - "measuredH": "44", - "w": "109", - "h": "44", - "x": "743", - "y": "1300", - "properties": { - "controlName": "100-testing:jest" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "100", - "h": "44", - "measuredW": "200", - "measuredH": "140", - "x": "9", - "y": "0", - "properties": { - "color": "16770457" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "measuredW": "33", - "measuredH": "25", - "x": "42", - "y": "10", - "properties": { - "size": "17", - "text": "Jest" - } - }, - { - "ID": "2", - "typeID": "__group__", - "zOrder": "2", - "measuredW": "24", - "measuredH": "24", - "w": "24", - "h": "24", - "x": "0", - "y": "10", - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "Icon", - "zOrder": "0", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "0", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "1", - "typeID": "Icon", - "zOrder": "1", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "0", - "properties": { - "color": "10027263", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - } - ] - } - } - } - ] - } - } + "oldId": "KNAlIYCENB4VMuQGqJNk3" + }, + "zIndex": 999, + "width": 86, + "height": 36, + "style": {}, + "positionAbsolute": { + "x": -307.88461276470804, + "y": 1390.476431006493 + }, + "dragging": false, + "selectable": true, + "focusable": true + }, + { + "id": "-ea1KsXEyz-4voHXklG_J", + "type": "subtopic", + "position": { + "x": -94.60313927083638, + "y": 1281.976431006493 + }, + "selected": false, + "data": { + "label": "swr", + "style": { + "fontSize": 17, + "justifyContent": "flex-start", + "textAlign": "center" }, - { - "ID": "6141", - "typeID": "__group__", - "zOrder": "97", - "measuredW": "123", - "measuredH": "44", - "w": "123", - "h": "44", - "x": "857", - "y": "1300", - "properties": { - "controlName": "101-testing:vitest" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "112", - "h": "44", - "measuredW": "200", - "measuredH": "140", - "x": "0", - "y": "0", - "properties": { - "color": "16770457" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "measuredW": "44", - "measuredH": "25", - "x": "34", - "y": "10", - "properties": { - "size": "17", - "text": "Vitest" - } - }, - { - "ID": "2", - "typeID": "__group__", - "zOrder": "2", - "measuredW": "24", - "measuredH": "24", - "w": "24", - "h": "24", - "x": "99", - "y": "10", - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "Icon", - "zOrder": "0", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "0", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "1", - "typeID": "Icon", - "zOrder": "1", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "0", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "2", - "typeID": "Icon", - "zOrder": "2", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "0", - "properties": { - "color": "3700253", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - } - ] - } - } - } - ] - } - } + "legend": { + "id": "CRQCl3LvTj0sJWThSxjKu", + "label": "Alternative Option (Pick this or purple)", + "color": "#19a323", + "position": "right-center" + } + }, + "zIndex": 999, + "width": 100, + "height": 49, + "style": { + "width": 100, + "height": 49 + }, + "positionAbsolute": { + "x": -94.60313927083638, + "y": 1281.976431006493 + }, + "selectable": true, + "focusable": true, + "resizing": false, + "dragging": false + }, + { + "id": "5EPmbiNdP_vhIXclv_GjV", + "type": "subtopic", + "position": { + "x": -198.60313927083638, + "y": 1228.476431006493 + }, + "selected": false, + "data": { + "label": "react-query", + "style": { + "fontSize": 17, + "justifyContent": "flex-start", + "textAlign": "center" }, - { - "ID": "6142", - "typeID": "__group__", - "zOrder": "98", - "measuredW": "229", - "measuredH": "44", - "w": "229", - "h": "44", - "x": "740", - "y": "1349", - "properties": { - "controlName": "102-testing:react-testing-library" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "218", - "h": "44", - "measuredW": "200", - "measuredH": "140", - "x": "11", - "y": "0", - "properties": { - "color": "16770457" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "measuredW": "164", - "measuredH": "25", - "x": "36", - "y": "10", - "properties": { - "size": "17", - "text": "React Testing Library" - } - }, - { - "ID": "2", - "typeID": "__group__", - "zOrder": "2", - "measuredW": "24", - "measuredH": "24", - "w": "24", - "h": "24", - "x": "0", - "y": "10", - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "Icon", - "zOrder": "0", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "0", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "1", - "typeID": "Icon", - "zOrder": "1", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "0", - "properties": { - "color": "10027263", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - } - ] - } - } - } - ] - } - } + "legend": { + "id": "Z0WmUXWj-7draje3jE1WR", + "color": "#2d72d2", + "label": "Personal Recommendation (Opinion)", + "position": "right-center" + } + }, + "zIndex": 999, + "width": 204, + "height": 49, + "style": { + "width": 204, + "height": 49 + }, + "positionAbsolute": { + "x": -198.60313927083638, + "y": 1228.476431006493 + }, + "selectable": true, + "focusable": true, + "resizing": false, + "dragging": false + }, + { + "id": "ElqWQClryfSYdL7P_mgYK", + "type": "subtopic", + "position": { + "x": -198.60313927083638, + "y": 1281.976431006493 + }, + "selected": false, + "data": { + "label": "Axios", + "style": { + "fontSize": 17, + "justifyContent": "flex-start", + "textAlign": "center" }, - { - "ID": "6143", - "typeID": "__group__", - "zOrder": "99", - "measuredW": "161", - "measuredH": "44", - "w": "161", - "h": "44", - "x": "831", - "y": "1527", - "properties": { - "controlName": "103-testing:cypress" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "152", - "h": "44", - "measuredW": "200", - "measuredH": "140", - "x": "0", - "y": "0", - "properties": { - "color": "16770457" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "measuredW": "63", - "measuredH": "25", - "x": "44", - "y": "10", - "properties": { - "size": "17", - "text": "Cypress" - } - }, - { - "ID": "2", - "typeID": "__group__", - "zOrder": "2", - "measuredW": "24", - "measuredH": "24", - "w": "24", - "h": "24", - "x": "137", - "y": "10", - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "Icon", - "zOrder": "0", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "0", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "1", - "typeID": "Icon", - "zOrder": "1", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "0", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "2", - "typeID": "Icon", - "zOrder": "2", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "0", - "properties": { - "color": "3700253", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - } - ] - } - } - } - ] - } - } + "legend": { + "id": "CRQCl3LvTj0sJWThSxjKu", + "label": "Alternative Option (Pick this or purple)", + "color": "#19a323", + "position": "left-center" + } + }, + "zIndex": 999, + "width": 100, + "height": 49, + "style": { + "width": 100, + "height": 49 + }, + "positionAbsolute": { + "x": -198.60313927083638, + "y": 1281.976431006493 + }, + "selectable": true, + "focusable": true, + "dragging": false, + "resizing": false + }, + { + "id": "h49-tjEkKcq7d7ikRHIOx", + "type": "subtopic", + "position": { + "x": -198.60313927083638, + "y": 1334.976431006493 + }, + "selected": false, + "data": { + "label": "rtk-query", + "style": { + "fontSize": 17, + "justifyContent": "flex-start", + "textAlign": "center" }, - { - "ID": "6144", - "typeID": "__group__", - "zOrder": "100", - "measuredW": "162", - "measuredH": "44", - "w": "162", - "h": "44", - "x": "831", - "y": "1575", - "properties": { - "controlName": "104-testing:playwright" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "152", - "h": "44", - "measuredW": "200", - "measuredH": "140", - "x": "0", - "y": "0", - "properties": { - "color": "16770457" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "measuredW": "78", - "measuredH": "25", - "x": "37", - "y": "10", - "properties": { - "size": "17", - "text": "Playwright" - } - }, - { - "ID": "2", - "typeID": "__group__", - "zOrder": "2", - "measuredW": "24", - "measuredH": "24", - "w": "24", - "h": "24", - "x": "138", - "y": "10", - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "Icon", - "zOrder": "0", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "0", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "1", - "typeID": "Icon", - "zOrder": "1", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "0", - "properties": { - "color": "10027263", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - } - ] - } - } - } - ] - } - } + "legend": { + "id": "CRQCl3LvTj0sJWThSxjKu", + "label": "Alternative Option (Pick this or purple)", + "color": "#19a323", + "position": "right-center" + } + }, + "zIndex": 999, + "width": 205, + "height": 49, + "style": { + "width": 205, + "height": 49 + }, + "resizing": false, + "positionAbsolute": { + "x": -198.60313927083638, + "y": 1334.976431006493 + }, + "dragging": false, + "selectable": true, + "focusable": true + }, + { + "id": "KNAlIYCENB4VMuQGqJNk3", + "type": "label", + "position": { + "x": -125.60313927083638, + "y": 1390.476431006493 + }, + "selected": false, + "data": { + "label": "REST", + "href": "", + "color": "#000000", + "style": { + "fontSize": 17 + } + }, + "zIndex": 999, + "width": 60, + "height": 36, + "style": {}, + "positionAbsolute": { + "x": -125.60313927083638, + "y": 1390.476431006493 + }, + "dragging": false, + "selectable": true, + "focusable": true + }, + { + "id": "e_lwZ-a72-tAan2KDX6k3", + "type": "topic", + "position": { + "x": 162.47467454429466, + "y": 1129.476431006493 + }, + "selected": false, + "data": { + "label": "Testing", + "style": { + "fontSize": 17, + "justifyContent": "flex-start", + "textAlign": "center" }, - { - "ID": "6145", - "typeID": "__group__", - "zOrder": "101", - "measuredW": "202", - "measuredH": "47", - "w": "202", - "h": "47", - "x": "1179", - "y": "1102", - "properties": { - "controlName": "110-frameworks" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "202", - "h": "47", - "measuredW": "200", - "measuredH": "140", - "x": "0", - "y": "0", - "properties": { - "color": "16776960" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "measuredW": "94", - "measuredH": "25", - "x": "54", - "y": "11", - "properties": { - "size": "17", - "text": "Frameworks" - } - } - ] - } - } + "oldId": "nK1DhEXBKVhvSR1P_vzgj" + }, + "zIndex": 999, + "width": 142, + "height": 49, + "style": { + "width": 142, + "height": 49 + }, + "dragging": false, + "positionAbsolute": { + "x": 162.47467454429466, + "y": 1129.476431006493 + }, + "selectable": true, + "focusable": true, + "resizing": false + }, + { + "id": "opa61u9gYgSpoPtxp58wu", + "type": "subtopic", + "position": { + "x": 231.97467454429466, + "y": 986.4443302389855 + }, + "selected": false, + "data": { + "label": "Jest", + "style": { + "fontSize": 17, + "justifyContent": "flex-start", + "textAlign": "center" }, - { - "ID": "6146", - "typeID": "__group__", - "zOrder": "102", - "measuredW": "167", - "measuredH": "44", - "w": "167", - "h": "44", - "x": "1223", - "y": "1024", - "properties": { - "controlName": "101-frameworks:next-js" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "158", - "h": "44", - "measuredW": "200", - "measuredH": "140", - "x": "0", - "y": "0", - "properties": { - "color": "16770457" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "measuredW": "52", - "measuredH": "25", - "x": "52", - "y": "10", - "properties": { - "size": "17", - "text": "Next.js" - } - }, - { - "ID": "2", - "typeID": "__group__", - "zOrder": "2", - "measuredW": "24", - "measuredH": "24", - "w": "24", - "h": "24", - "x": "143", - "y": "10", - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "Icon", - "zOrder": "0", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "0", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "1", - "typeID": "Icon", - "zOrder": "1", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "0", - "properties": { - "color": "10027263", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - } - ] - } - } - } - ] - } - } + "legend": { + "id": "CRQCl3LvTj0sJWThSxjKu", + "label": "Alternative Option (Pick this or purple)", + "color": "#19a323", + "position": "right-center" + } + }, + "zIndex": 999, + "width": 100, + "height": 49, + "style": { + "width": 100, + "height": 49 + }, + "positionAbsolute": { + "x": 231.97467454429466, + "y": 986.4443302389855 + }, + "selectable": true, + "focusable": true, + "resizing": false, + "dragging": false + }, + { + "id": "LULjhsPNONyI5912DKzPw", + "type": "subtopic", + "position": { + "x": 134.97467454429466, + "y": 986.4443302389855 + }, + "selected": false, + "data": { + "label": "Vitest", + "style": { + "fontSize": 17, + "justifyContent": "flex-start", + "textAlign": "center" }, - { - "ID": "6147", - "typeID": "__group__", - "zOrder": "103", - "measuredW": "169", - "measuredH": "44", - "w": "169", - "h": "44", - "x": "1222", - "y": "976", - "properties": { - "controlName": "100-frameworks:remix" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "158", - "h": "44", - "measuredW": "200", - "measuredH": "140", - "x": "0", - "y": "0", - "properties": { - "color": "16770457" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "measuredW": "49", - "measuredH": "25", - "x": "54", - "y": "10", - "properties": { - "size": "17", - "text": "Remix" - } - }, - { - "ID": "2", - "typeID": "__group__", - "zOrder": "2", - "measuredW": "24", - "measuredH": "24", - "w": "24", - "h": "24", - "x": "145", - "y": "10", - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "Icon", - "zOrder": "0", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "0", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "1", - "typeID": "Icon", - "zOrder": "1", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "0", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "2", - "typeID": "Icon", - "zOrder": "2", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "0", - "properties": { - "color": "3700253", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - } - ] - } - } - } - ] - } - } + "legend": { + "id": "Z0WmUXWj-7draje3jE1WR", + "color": "#2d72d2", + "label": "Personal Recommendation (Opinion)", + "position": "left-center" + } + }, + "zIndex": 999, + "width": 93, + "height": 49, + "style": { + "width": 93, + "height": 49 + }, + "positionAbsolute": { + "x": 134.97467454429466, + "y": 986.4443302389855 + }, + "selectable": true, + "focusable": true, + "resizing": false, + "dragging": false + }, + { + "id": "cQllxv7qGbRtM9O5llgN6", + "type": "subtopic", + "position": { + "x": 134.97467454429466, + "y": 1039.4443302389855 + }, + "selected": false, + "data": { + "label": "react-testing-library", + "style": { + "fontSize": 17, + "justifyContent": "flex-start", + "textAlign": "center" }, - { - "ID": "6148", - "typeID": "__group__", - "zOrder": "104", - "measuredW": "202", - "measuredH": "44", - "w": "202", - "h": "44", - "x": "1179", - "y": "1430", - "properties": { - "controlName": "111-forms" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "202", - "h": "44", - "measuredW": "200", - "measuredH": "140", - "x": "0", - "y": "0", - "properties": { - "color": "16776960" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "measuredW": "48", - "measuredH": "25", - "x": "77", - "y": "10", - "properties": { - "size": "17", - "text": "Forms" - } - } - ] - } - } + "legend": { + "id": "Z0WmUXWj-7draje3jE1WR", + "color": "#2d72d2", + "label": "Personal Recommendation (Opinion)", + "position": "left-center" + } + }, + "zIndex": 999, + "width": 197, + "height": 49, + "style": { + "width": 197, + "height": 49 + }, + "resizing": false, + "positionAbsolute": { + "x": 134.97467454429466, + "y": 1039.4443302389855 + }, + "dragging": false, + "selectable": true, + "focusable": true + }, + { + "id": "zN7Ps1puD-YpHbKi1pHH8", + "type": "subtopic", + "position": { + "x": 156.47467454429466, + "y": 1214.4443302389855 + }, + "selected": false, + "data": { + "label": "Cypress", + "style": { + "fontSize": 17, + "justifyContent": "flex-start", + "textAlign": "center" }, - { - "ID": "6149", - "typeID": "__group__", - "zOrder": "105", - "measuredW": "198", - "measuredH": "44", - "w": "198", - "h": "44", - "x": "1200", - "y": "1527", - "properties": { - "controlName": "100-forms:react-hook-form" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "186", - "h": "44", - "measuredW": "200", - "measuredH": "140", - "x": "0", - "y": "0", - "properties": { - "color": "16770457" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "measuredW": "135", - "measuredH": "25", - "x": "25", - "y": "10", - "properties": { - "size": "17", - "text": "React Hook Form" - } - }, - { - "ID": "2", - "typeID": "__group__", - "zOrder": "2", - "measuredW": "24", - "measuredH": "24", - "w": "24", - "h": "24", - "x": "174", - "y": "10", - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "Icon", - "zOrder": "0", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "0", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "1", - "typeID": "Icon", - "zOrder": "1", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "0", - "properties": { - "color": "10027263", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - } - ] - } - } - } - ] - } - } + "legend": { + "id": "CRQCl3LvTj0sJWThSxjKu", + "label": "Alternative Option (Pick this or purple)", + "color": "#19a323", + "position": "right-center" + } + }, + "zIndex": 999, + "width": 154, + "height": 49, + "style": { + "width": 154, + "height": 49 + }, + "positionAbsolute": { + "x": 156.47467454429466, + "y": 1214.4443302389855 + }, + "dragging": false, + "selectable": true, + "focusable": true + }, + { + "id": "g39P0c6M2sHNoUPs0m8tr", + "type": "subtopic", + "position": { + "x": 156.47467454429466, + "y": 1267.4443302389855 + }, + "selected": false, + "data": { + "label": "Playwright", + "style": { + "fontSize": 17, + "justifyContent": "flex-start", + "textAlign": "center" }, - { - "ID": "6150", - "typeID": "__group__", - "zOrder": "106", - "measuredW": "195", - "measuredH": "44", - "w": "195", - "h": "44", - "x": "1201", - "y": "1575", - "properties": { - "controlName": "101-forms:formik" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "185", - "h": "44", - "measuredW": "200", - "measuredH": "140", - "x": "0", - "y": "0", - "properties": { - "color": "16770457" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "measuredW": "52", - "measuredH": "25", - "x": "67", - "y": "10", - "properties": { - "size": "17", - "text": "Formik" - } - }, - { - "ID": "2", - "typeID": "__group__", - "zOrder": "2", - "measuredW": "24", - "measuredH": "24", - "w": "24", - "h": "24", - "x": "171", - "y": "10", - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "Icon", - "zOrder": "0", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "0", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "1", - "typeID": "Icon", - "zOrder": "1", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "0", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "2", - "typeID": "Icon", - "zOrder": "2", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "0", - "properties": { - "color": "3700253", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - } - ] - } - } - } - ] - } - } + "legend": { + "id": "Z0WmUXWj-7draje3jE1WR", + "color": "#2d72d2", + "label": "Personal Recommendation (Opinion)", + "position": "left-center" + } + }, + "zIndex": 999, + "width": 154, + "height": 49, + "style": { + "width": 154 + }, + "positionAbsolute": { + "x": 156.47467454429466, + "y": 1267.4443302389855 + }, + "dragging": false, + "selectable": true, + "focusable": true + }, + { + "id": "W-atg_Msa9uPLr6RXAKSb", + "type": "topic", + "position": { + "x": 393.49469523818516, + "y": 1129.476431006493 + }, + "selected": false, + "data": { + "label": "Frameworks", + "style": { + "fontSize": 17, + "justifyContent": "flex-start", + "textAlign": "center" }, - { - "ID": "6151", - "typeID": "__group__", - "zOrder": "107", - "measuredW": "195", - "measuredH": "44", - "w": "195", - "h": "44", - "x": "1201", - "y": "1623", - "properties": { - "controlName": "102-forms:final-form" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "185", - "h": "44", - "measuredW": "200", - "measuredH": "140", - "x": "0", - "y": "0", - "properties": { - "color": "16770457" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "measuredW": "82", - "measuredH": "25", - "x": "52", - "y": "10", - "properties": { - "size": "17", - "text": "Final Form" - } - }, - { - "ID": "2", - "typeID": "__group__", - "zOrder": "2", - "measuredW": "24", - "measuredH": "24", - "w": "24", - "h": "24", - "x": "171", - "y": "10", - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "Icon", - "zOrder": "0", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "0", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "1", - "typeID": "Icon", - "zOrder": "1", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "0", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "2", - "typeID": "Icon", - "zOrder": "2", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "0", - "properties": { - "color": "3700253", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - } - ] - } - } - } - ] - } - } + "oldId": "nK1DhEXBKVhvSR1P_vzgj" + }, + "zIndex": 999, + "width": 142, + "height": 49, + "style": { + "width": 142, + "height": 49 + }, + "dragging": false, + "positionAbsolute": { + "x": 393.49469523818516, + "y": 1129.476431006493 + }, + "selectable": true, + "focusable": true, + "resizing": false + }, + { + "id": "HdWq9ue0JdwmwqSIN2OD_", + "type": "subtopic", + "position": { + "x": 395.49469523818516, + "y": 1036.4443302389855 + }, + "selected": false, + "data": { + "label": "Next.js", + "style": { + "fontSize": 17, + "justifyContent": "flex-start", + "textAlign": "center" }, - { - "ID": "6152", - "typeID": "Arrow", - "zOrder": "108", - "w": "1", - "h": "329", - "measuredW": "150", - "measuredH": "100", - "x": "1110", - "y": "1454", - "properties": { - "color": "2848996", - "direction": "bottom", - "leftArrow": "false", - "rightArrow": "false", - "p0": { - "x": 0.20078475948139385, - "y": 328.45459981746376 - }, - "p1": { - "x": 0.46856302129091976, - "y": -0.0004822370830620469 - }, - "p2": { - "x": 0.20078475948128016, - "y": -0.11897394490631541 - } - } + "oldId": "-WjJBYCmRRj08n_9HxohY", + "legend": { + "id": "Z0WmUXWj-7draje3jE1WR", + "color": "#2d72d2", + "label": "Personal Recommendation (Opinion)", + "position": "right-center" + } + }, + "zIndex": 999, + "width": 138, + "height": 49, + "style": { + "width": 138 + }, + "positionAbsolute": { + "x": 395.49469523818516, + "y": 1036.4443302389855 + }, + "dragging": false, + "selectable": true, + "focusable": true + }, + { + "id": "_HoZkE7FH-v3wI_722ZTF", + "type": "subtopic", + "position": { + "x": 395.49469523818516, + "y": 983.4443302389855 + }, + "selected": false, + "data": { + "label": "Astro", + "style": { + "fontSize": 17, + "justifyContent": "flex-start", + "textAlign": "center" }, - { - "ID": "6153", - "typeID": "TextArea", - "zOrder": "109", - "w": "253", - "h": "251", - "measuredW": "200", - "measuredH": "140", - "x": "904", - "y": "1672", - "properties": { - "color": "16777215" - } + "oldId": "-WjJBYCmRRj08n_9HxohY", + "legend": { + "id": "Z0WmUXWj-7draje3jE1WR", + "color": "#2d72d2", + "label": "Personal Recommendation (Opinion)", + "position": "right-center" + } + }, + "zIndex": 999, + "width": 138, + "height": 49, + "style": { + "width": 138 + }, + "positionAbsolute": { + "x": 395.49469523818516, + "y": 983.4443302389855 + }, + "dragging": false, + "selectable": true, + "focusable": true + }, + { + "id": "-WjJBYCmRRj08n_9HxohY", + "type": "subtopic", + "position": { + "x": 395.49469523818516, + "y": 930.4443302389855 + }, + "selected": false, + "data": { + "label": "react-router", + "style": { + "fontSize": 17, + "justifyContent": "flex-start", + "textAlign": "center" }, - { - "ID": "6154", - "typeID": "__group__", - "zOrder": "110", - "measuredW": "224", - "measuredH": "44", - "w": "224", - "h": "44", - "x": "920", - "y": "1689", - "properties": { - "controlName": "112-suspense" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "224", - "h": "44", - "measuredW": "200", - "measuredH": "140", - "x": "0", - "y": "0", - "properties": { - "color": "16770457" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "measuredW": "77", - "measuredH": "25", - "x": "73", - "y": "10", - "properties": { - "size": "17", - "text": "Suspense" - } - } - ] - } - } + "legend": { + "id": "CRQCl3LvTj0sJWThSxjKu", + "label": "Alternative Option (Pick this or purple)", + "color": "#19a323", + "position": "right-center" + } + }, + "zIndex": 999, + "width": 138, + "height": 49, + "style": { + "width": 138, + "height": 49 + }, + "positionAbsolute": { + "x": 395.49469523818516, + "y": 930.4443302389855 + }, + "dragging": false, + "resizing": false, + "selectable": true, + "focusable": true + }, + { + "id": "KHcC5pFN3qLnsbPPKpYd2", + "type": "topic", + "position": { + "x": 393.49469523818516, + "y": 1382.9443302389855 + }, + "selected": false, + "data": { + "label": "Forms", + "style": { + "fontSize": 17, + "justifyContent": "flex-start", + "textAlign": "center" }, - { - "ID": "6155", - "typeID": "__group__", - "zOrder": "111", - "measuredW": "224", - "measuredH": "44", - "w": "224", - "h": "44", - "x": "920", - "y": "1737", - "properties": { - "controlName": "113-portals" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "224", - "h": "44", - "measuredW": "200", - "measuredH": "140", - "x": "0", - "y": "0", - "properties": { - "color": "16770457" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "measuredW": "53", - "measuredH": "25", - "x": "85", - "y": "10", - "properties": { - "size": "17", - "text": "Portals" - } - } - ] - } - } + "oldId": "nK1DhEXBKVhvSR1P_vzgj" + }, + "zIndex": 999, + "width": 142, + "height": 49, + "style": { + "width": 142, + "height": 49 + }, + "dragging": false, + "positionAbsolute": { + "x": 393.49469523818516, + "y": 1382.9443302389855 + }, + "selectable": true, + "focusable": true, + "resizing": false + }, + { + "id": "_5ht0PAdVOJWPzTRS1mVg", + "type": "subtopic", + "position": { + "x": 374.49469523818516, + "y": 1474.1701814857588 + }, + "selected": false, + "data": { + "label": "React Hook Form", + "style": { + "fontSize": 17, + "justifyContent": "flex-start", + "textAlign": "center" }, - { - "ID": "6156", - "typeID": "__group__", - "zOrder": "112", - "measuredW": "224", - "measuredH": "44", - "w": "224", - "h": "44", - "x": "920", - "y": "1785", - "properties": { - "controlName": "114-error-boundaries" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "224", - "h": "44", - "measuredW": "200", - "measuredH": "140", - "x": "0", - "y": "0", - "properties": { - "color": "16770457" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "measuredW": "132", - "measuredH": "25", - "x": "47", - "y": "10", - "properties": { - "size": "17", - "text": "Error Boundaries" - } - } - ] - } - } + "legend": { + "id": "Z0WmUXWj-7draje3jE1WR", + "color": "#2d72d2", + "label": "Personal Recommendation (Opinion)", + "position": "right-center" + } + }, + "zIndex": 999, + "width": 180, + "height": 49, + "style": { + "width": 180, + "height": 49 + }, + "positionAbsolute": { + "x": 374.49469523818516, + "y": 1474.1701814857588 + }, + "selectable": true, + "focusable": true, + "dragging": false + }, + { + "id": "gr1CaLvL7tFOkIRywSsID", + "type": "subtopic", + "position": { + "x": 374.49469523818516, + "y": 1527.1701814857588 + }, + "selected": false, + "data": { + "label": "Formik", + "style": { + "fontSize": 17, + "justifyContent": "flex-start", + "textAlign": "center" }, - { - "ID": "6157", - "typeID": "__group__", - "zOrder": "113", - "measuredW": "224", - "measuredH": "44", - "w": "224", - "h": "44", - "x": "920", - "y": "1833", - "properties": { - "controlName": "115-fiber-architecture" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "224", - "h": "44", - "measuredW": "200", - "measuredH": "140", - "x": "0", - "y": "0", - "properties": { - "color": "16770457" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "measuredW": "138", - "measuredH": "25", - "x": "43", - "y": "10", - "properties": { - "size": "17", - "text": "Fiber Architecture" - } - } - ] - } - } + "legend": { + "id": "CRQCl3LvTj0sJWThSxjKu", + "label": "Alternative Option (Pick this or purple)", + "color": "#19a323", + "position": "right-center" + } + }, + "zIndex": 999, + "width": 180, + "height": 49, + "style": { + "width": 180, + "height": 49 + }, + "positionAbsolute": { + "x": 374.49469523818516, + "y": 1527.1701814857588 + }, + "selectable": true, + "focusable": true, + "dragging": false + }, + { + "id": "UNlvRp6k3_RDoTAAIEfJ1", + "type": "topic", + "position": { + "x": 82.693201050423, + "y": 1520.8287356248509 + }, + "selected": false, + "data": { + "label": "Types & Validation", + "style": { + "fontSize": 17, + "justifyContent": "flex-start", + "textAlign": "center" }, - { - "ID": "6158", - "typeID": "Label", - "zOrder": "114", - "measuredW": "130", - "measuredH": "25", - "x": "966", - "y": "1887", - "properties": { - "size": "17", - "text": "Advanced Topics" - } + "oldId": "nK1DhEXBKVhvSR1P_vzgj" + }, + "zIndex": 999, + "width": 185, + "height": 49, + "style": {}, + "dragging": false, + "positionAbsolute": { + "x": 82.693201050423, + "y": 1520.8287356248509 + }, + "selectable": true, + "focusable": true, + "resizing": false + }, + { + "id": "ElgRwv5LSVg5FXGx-2K2s", + "type": "subtopic", + "position": { + "x": 100.193201050423, + "y": 1378.4581550365865 + }, + "selected": false, + "data": { + "label": "TypeScript", + "style": { + "fontSize": 17, + "justifyContent": "flex-start", + "textAlign": "center" }, - { - "ID": "6159", - "typeID": "__group__", - "zOrder": "115", - "measuredW": "159", - "measuredH": "44", - "w": "159", - "h": "44", - "x": "638", - "y": "1738", - "properties": { - "controlName": "116-mobile" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "159", - "h": "44", - "measuredW": "200", - "measuredH": "140", - "x": "0", - "y": "0", - "properties": { - "color": "16776960" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "measuredW": "52", - "measuredH": "25", - "x": "55", - "y": "10", - "properties": { - "size": "17", - "text": "Mobile" - } - } - ] - } - } + "legend": { + "id": "Z0WmUXWj-7draje3jE1WR", + "color": "#2d72d2", + "label": "Personal Recommendation (Opinion)", + "position": "right-center" + } + }, + "zIndex": 999, + "width": 149, + "height": 47, + "style": { + "width": 149, + "height": 47.4759521484375 + }, + "positionAbsolute": { + "x": 100.193201050423, + "y": 1378.4581550365865 + }, + "dragging": false, + "selectable": true, + "focusable": true + }, + { + "id": "K3RZ8ESxWCpLKHePF87Hy", + "type": "subtopic", + "position": { + "x": 100.193201050423, + "y": 1429.4581550365865 + }, + "selected": false, + "data": { + "label": "Zod", + "style": { + "fontSize": 17, + "justifyContent": "flex-start", + "textAlign": "center" }, - { - "ID": "6160", - "typeID": "__group__", - "zOrder": "116", - "measuredW": "159", - "measuredH": "44", - "w": "159", - "h": "44", - "x": "638", - "y": "1645", - "properties": { - "controlName": "100-mobile:react-native" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "159", - "h": "44", - "measuredW": "200", - "measuredH": "140", - "x": "0", - "y": "0", - "properties": { - "color": "16770457" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "measuredW": "100", - "measuredH": "25", - "x": "30", - "y": "10", - "properties": { - "size": "17", - "text": "React Native" - } - } - ] - } - } + "legend": { + "id": "Z0WmUXWj-7draje3jE1WR", + "color": "#2d72d2", + "label": "Personal Recommendation (Opinion)", + "position": "right-center" + } + }, + "zIndex": 999, + "width": 149, + "height": 49, + "style": { + "width": 149 + }, + "positionAbsolute": { + "x": 100.193201050423, + "y": 1429.4581550365865 + }, + "dragging": false, + "selectable": true, + "focusable": true + }, + { + "id": "ydxyne6RzIDPHij1Z3CsN", + "type": "paragraph", + "position": { + "x": -288.02532545570534, + "y": 1511.8287356248509 + }, + "selected": false, + "data": { + "label": "Advanced Topics", + "style": { + "fontSize": 20, + "borderColor": "transparent", + "backgroundColor": "transparent", + "color": "#000000", + "textAlign": "center", + "justifyContent": "flex-start", + "padding": 16 + } + }, + "zIndex": 999, + "width": 203, + "height": 67, + "style": { + "width": 203, + "height": 67 + }, + "positionAbsolute": { + "x": -288.02532545570534, + "y": 1511.8287356248509 + }, + "dragging": false, + "resizing": false, + "selectable": true, + "focusable": true + }, + { + "id": "bRpeoo9zXrnZ2IHSI7JX4", + "type": "topic", + "position": { + "x": -517.08952699072, + "y": 1627.5845254232022 + }, + "selected": false, + "data": { + "label": "Animation", + "style": { + "fontSize": 17, + "justifyContent": "flex-start", + "textAlign": "center" }, - { - "ID": "6161", - "typeID": "Arrow", - "zOrder": "117", - "w": "1", - "h": "139", - "measuredW": "150", - "measuredH": "100", - "x": "717", - "y": "2088", - "properties": { - "color": "2848996", - "curvature": "-1", - "direction": "bottom", - "leftArrow": "false", - "rightArrow": "false", - "p0": { - "x": 0, - "y": 0 - }, - "p1": { - "x": 0.4438624012549725, - "y": -0.00008403832147459167 - }, - "p2": { - "x": 0, - "y": 139 - }, - "stroke": "dotted" - } + "oldId": "_F3WMxhzaK9F8_-zHDDMF" + }, + "zIndex": 999, + "width": 169, + "height": 49, + "style": { + "width": 169, + "height": 49 + }, + "positionAbsolute": { + "x": -517.08952699072, + "y": 1627.5845254232022 + }, + "dragging": false, + "resizing": false, + "selectable": true, + "focusable": true + }, + { + "id": "SUeXDkmOLipdRP4fSrZOH", + "type": "topic", + "position": { + "x": -212.55356635764488, + "y": 1680.5845254232022 + }, + "selected": false, + "data": { + "label": "Server APIs", + "style": { + "fontSize": 17, + "justifyContent": "flex-start", + "textAlign": "center" }, - { - "ID": "6162", - "typeID": "TextArea", - "zOrder": "118", - "w": "425", - "h": "124", - "measuredW": "200", - "measuredH": "140", - "x": "504", - "y": "2019" + "oldId": "_F3WMxhzaK9F8_-zHDDMF" + }, + "zIndex": 999, + "width": 177, + "height": 49, + "style": { + "width": 177, + "height": 49 + }, + "positionAbsolute": { + "x": -212.55356635764488, + "y": 1680.5845254232022 + }, + "dragging": false, + "resizing": false, + "selectable": true, + "focusable": true + }, + { + "id": "H6-XGDjs4f-qbv13v5av0", + "type": "subtopic", + "position": { + "x": -517.08952699072, + "y": 1711.5475484484205 + }, + "selected": false, + "data": { + "label": "Framer Motion", + "style": { + "fontSize": 17, + "justifyContent": "flex-start", + "textAlign": "center" }, - { - "ID": "6163", - "typeID": "Label", - "zOrder": "119", - "measuredW": "369", - "measuredH": "25", - "x": "533", - "y": "2039", - "properties": { - "size": "17", - "text": "Visit the Frontend Developer Roadmap for more" - } + "legend": { + "id": "Z0WmUXWj-7draje3jE1WR", + "color": "#2d72d2", + "label": "Personal Recommendation (Opinion)", + "position": "right-center" + } + }, + "zIndex": 999, + "width": 169, + "height": 49, + "style": { + "width": 169 + }, + "positionAbsolute": { + "x": -517.08952699072, + "y": 1711.5475484484205 + }, + "selectable": true, + "focusable": true, + "dragging": false + }, + { + "id": "WzoB5B6SdOI4Mzv6U51nY", + "type": "subtopic", + "position": { + "x": -517.08952699072, + "y": 1764.5475484484205 + }, + "selected": false, + "data": { + "label": "react spring", + "style": { + "fontSize": 17, + "justifyContent": "flex-start", + "textAlign": "center" }, - { - "ID": "6164", - "typeID": "__group__", - "zOrder": "120", - "measuredW": "370", - "measuredH": "44", - "w": "370", - "h": "44", - "x": "533", - "y": "2074", - "properties": { - "controlName": "ext_link:roadmap.sh/frontend" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "370", - "h": "44", - "measuredW": "200", - "measuredH": "140", - "x": "0", - "y": "0", - "properties": { - "color": "16770457" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "measuredW": "149", - "measuredH": "25", - "x": "110", - "y": "9", - "properties": { - "size": "17", - "text": "Frontend Roadmap" - } - } - ] - } - } + "oldId": "y2dI1DVLWKAkv6VRpgaQa", + "legend": { + "id": "CRQCl3LvTj0sJWThSxjKu", + "label": "Alternative Option (Pick this or purple)", + "color": "#19a323", + "position": "right-center" + } + }, + "zIndex": 999, + "width": 169, + "height": 47, + "style": { + "width": 169, + "height": 47.4759521484375 + }, + "positionAbsolute": { + "x": -517.08952699072, + "y": 1764.5475484484205 + }, + "selectable": true, + "focusable": true, + "dragging": false + }, + { + "id": "y2dI1DVLWKAkv6VRpgaQa", + "type": "subtopic", + "position": { + "x": -517.08952699072, + "y": 1815.5475484484205 + }, + "selected": false, + "data": { + "label": "GSock", + "style": { + "fontSize": 17, + "justifyContent": "flex-start", + "textAlign": "center" }, - { - "ID": "6165", - "typeID": "__group__", - "zOrder": "121", - "measuredW": "352", - "measuredH": "54", - "w": "352", - "h": "54", - "x": "1159", - "y": "276", - "properties": { - "controlName": "100-react-roadmap-note" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "352", - "h": "54", - "measuredW": "200", - "measuredH": "140", - "x": "0", - "y": "0" - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "measuredW": "224", - "measuredH": "26", - "x": "50", - "y": "14", - "properties": { - "size": "18", - "text": "Important Note / Click here" - } - }, - { - "ID": "2", - "typeID": "__group__", - "zOrder": "2", - "measuredW": "24", - "measuredH": "24", - "w": "24", - "h": "24", - "x": "18", - "y": "18", - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "Icon", - "zOrder": "0", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "0", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "1", - "typeID": "Icon", - "zOrder": "1", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "0", - "properties": { - "icon": { - "ID": "check-circle", - "size": "small" - }, - "color": "13576743" - } - } - ] - } - } - } - ] - } - } + "legend": { + "id": "CRQCl3LvTj0sJWThSxjKu", + "label": "Alternative Option (Pick this or purple)", + "color": "#19a323", + "position": "right-center" + } + }, + "zIndex": 999, + "width": 169, + "height": 47, + "style": { + "width": 169, + "height": 47.4759521484375 + }, + "positionAbsolute": { + "x": -517.08952699072, + "y": 1815.5475484484205 + }, + "selectable": true, + "focusable": true, + "dragging": false + }, + { + "id": "_F3WMxhzaK9F8_-zHDDMF", + "type": "topic", + "position": { + "x": -212.55356635764488, + "y": 1733.5845254232022 + }, + "selected": false, + "data": { + "label": "Suspense", + "style": { + "fontSize": 17, + "justifyContent": "flex-start", + "textAlign": "center" + } + }, + "zIndex": 999, + "width": 177, + "height": 49, + "style": { + "width": 177, + "height": 49 + }, + "positionAbsolute": { + "x": -212.55356635764488, + "y": 1733.5845254232022 + }, + "dragging": false, + "resizing": false, + "selectable": true, + "focusable": true + }, + { + "id": "DcDggX4OmmwvJGHwuV86t", + "type": "topic", + "position": { + "x": -212.55356635764488, + "y": 1786.5845254232022 + }, + "selected": false, + "data": { + "label": "Portals", + "style": { + "fontSize": 17, + "justifyContent": "flex-start", + "textAlign": "center" }, - { - "ID": "6166", - "typeID": "__group__", - "zOrder": "122", - "measuredW": "408", - "measuredH": "162", - "w": "408", - "h": "162", - "x": "195", - "y": "95", - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "Canvas", - "zOrder": "0", - "w": "408", - "h": "162", - "measuredW": "100", - "measuredH": "70", - "x": "0", - "y": "0" - }, - { - "ID": "1", - "typeID": "__group__", - "zOrder": "1", - "measuredW": "24", - "measuredH": "24", - "w": "24", - "h": "24", - "x": "23", - "y": "21", - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "Icon", - "zOrder": "0", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "0", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "1", - "typeID": "Icon", - "zOrder": "1", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "0", - "properties": { - "color": "10027263", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - } - ] - } - } - }, - { - "ID": "2", - "typeID": "Label", - "zOrder": "2", - "measuredW": "269", - "measuredH": "24", - "x": "59", - "y": "21", - "properties": { - "size": "16", - "text": "Personal Recommendation / Opinion" - } - }, - { - "ID": "3", - "typeID": "Label", - "zOrder": "3", - "measuredW": "159", - "measuredH": "24", - "x": "59", - "y": "118", - "properties": { - "size": "16", - "text": "I wouldn't recommend" - } - }, - { - "ID": "4", - "typeID": "Icon", - "zOrder": "4", - "measuredW": "24", - "measuredH": "24", - "x": "23", - "y": "118", - "properties": { - "color": "10066329", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "5", - "typeID": "Label", - "zOrder": "5", - "w": "324", - "measuredW": "315", - "measuredH": "24", - "x": "60", - "y": "86", - "properties": { - "size": "16", - "text": "Order in roadmap not strict (Learn anytime)" - } - }, - { - "ID": "6", - "typeID": "__group__", - "zOrder": "6", - "measuredW": "24", - "measuredH": "24", - "w": "24", - "h": "24", - "x": "23", - "y": "86", - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "Icon", - "zOrder": "0", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "0", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "1", - "typeID": "Icon", - "zOrder": "1", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "0", - "properties": { - "color": "10066329", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - } - ] - } - } - }, - { - "ID": "7", - "typeID": "Label", - "zOrder": "7", - "measuredW": "272", - "measuredH": "24", - "x": "59", - "y": "54", - "properties": { - "size": "16", - "text": "Alternative Option - Pick this or purple" - } - }, - { - "ID": "8", - "typeID": "__group__", - "zOrder": "8", - "measuredW": "24", - "measuredH": "24", - "w": "24", - "h": "24", - "x": "23", - "y": "53", - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "Icon", - "zOrder": "0", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "0", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "1", - "typeID": "Icon", - "zOrder": "1", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "0", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "2", - "typeID": "Icon", - "zOrder": "2", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "0", - "properties": { - "color": "3700253", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - } - ] - } - } - } - ] - } - } + "oldId": "txARr3lgTvy-vJCj5zAb1" + }, + "zIndex": 999, + "width": 177, + "height": 49, + "style": { + "width": 177 + }, + "positionAbsolute": { + "x": -212.55356635764488, + "y": 1786.5845254232022 + }, + "dragging": false, + "focusable": true + }, + { + "id": "gMHMjsh0i8paLZUH5mDX3", + "type": "topic", + "position": { + "x": -212.55356635764488, + "y": 1627.5845254232022 + }, + "selected": false, + "data": { + "label": "Error Boundaries", + "style": { + "fontSize": 17, + "justifyContent": "flex-start", + "textAlign": "center" + } + }, + "zIndex": 999, + "width": 177, + "height": 49, + "style": { + "width": 177 + }, + "positionAbsolute": { + "x": -212.55356635764488, + "y": 1627.5845254232022 + }, + "dragging": false, + "focusable": true + }, + { + "id": "txARr3lgTvy-vJCj5zAb1", + "type": "topic", + "position": { + "x": 73.99706098308326, + "y": 1786.5845254232022 + }, + "selected": false, + "data": { + "label": "Mobile Applications", + "style": { + "fontSize": 17, + "justifyContent": "flex-start", + "textAlign": "center" + } + }, + "zIndex": 999, + "width": 195, + "height": 49, + "style": {}, + "positionAbsolute": { + "x": 73.99706098308326, + "y": 1786.5845254232022 + }, + "dragging": false, + "focusable": true + }, + { + "id": "NvXAq1vN2wpncdW-yTL4c", + "type": "subtopic", + "position": { + "x": 98.99706098308327, + "y": 1665.4067151287932 + }, + "selected": false, + "data": { + "label": "React Native", + "style": { + "fontSize": 17, + "justifyContent": "flex-start", + "textAlign": "center" }, - { - "ID": "6167", - "typeID": "__group__", - "zOrder": "123", - "measuredW": "168", - "measuredH": "44", - "w": "168", - "h": "44", - "x": "352", - "y": "1143", - "properties": { - "controlName": "106-styling:css-modules" + "legend": { + "id": "Z0WmUXWj-7draje3jE1WR", + "color": "#2d72d2", + "label": "Personal Recommendation (Opinion)", + "position": "right-center" + } + }, + "zIndex": 999, + "width": 145, + "height": 49, + "style": {}, + "focusable": true, + "dragging": false, + "positionAbsolute": { + "x": 98.99706098308327, + "y": 1665.4067151287932 + } + }, + { + "id": "5xCbPG6RMI0OEAI4aXKC7", + "type": "legend", + "position": { + "x": -495.02532545570534, + "y": -210.78400721142515 + }, + "selected": false, + "data": { + "label": "", + "legends": [ + { + "id": "Z0WmUXWj-7draje3jE1WR", + "color": "#2d72d2", + "label": "Personal Recommendation (Opinion)" }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "158", - "h": "44", - "measuredW": "200", - "measuredH": "140", - "x": "0", - "y": "0", - "properties": { - "color": "16770457" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "measuredW": "103", - "measuredH": "25", - "x": "27", - "y": "10", - "properties": { - "size": "17", - "text": "CSS Modules" - } - }, - { - "ID": "2", - "typeID": "__group__", - "zOrder": "2", - "measuredW": "24", - "measuredH": "24", - "w": "24", - "h": "24", - "x": "144", - "y": "11", - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "Icon", - "zOrder": "0", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "0", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "1", - "typeID": "Icon", - "zOrder": "1", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "0", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "2", - "typeID": "Icon", - "zOrder": "2", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "0", - "properties": { - "color": "3700253", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - } - ] - } - } - } - ] - } - } - }, - { - "ID": "6168", - "typeID": "__group__", - "zOrder": "124", - "measuredW": "165", - "measuredH": "44", - "w": "165", - "h": "44", - "x": "348", - "y": "1773", - "properties": { - "controlName": "107-api-calls:rtk-query" + { + "id": "CRQCl3LvTj0sJWThSxjKu", + "label": "Alternative Option (Pick this or purple)", + "color": "#19a323" }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "157", - "h": "44", - "measuredW": "200", - "measuredH": "140", - "x": "0", - "y": "0", - "properties": { - "color": "16770457" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "measuredW": "70", - "measuredH": "25", - "x": "44", - "y": "10", - "properties": { - "size": "17", - "text": "rtk-query" - } - }, - { - "ID": "2", - "typeID": "__group__", - "zOrder": "2", - "measuredW": "24", - "measuredH": "24", - "w": "24", - "h": "24", - "x": "141", - "y": "10", - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "Icon", - "zOrder": "0", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "0", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "1", - "typeID": "Icon", - "zOrder": "1", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "0", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "2", - "typeID": "Icon", - "zOrder": "2", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "0", - "properties": { - "color": "3700253", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - } - ] - } - } - } - ] - } + { + "id": "7RoFat0sGCLmWuZwuBpKm", + "label": "Order in Roadmap not strict (Learn anytime)", + "color": "#9e9e9e" } + ] + }, + "zIndex": 999, + "width": 399, + "height": 124, + "positionAbsolute": { + "x": -495.02532545570534, + "y": -210.78400721142515 + }, + "dragging": false, + "focusable": true + }, + { + "id": "1kbrCI5JS0c9wbzxXpgFU", + "type": "subtopic", + "position": { + "x": 82.693201050423, + "y": 632.9443302389855 + }, + "selected": false, + "data": { + "label": "MobX", + "style": { + "fontSize": 17, + "justifyContent": "flex-start", + "textAlign": "center" }, - { - "ID": "6169", - "typeID": "__group__", - "zOrder": "41", - "measuredW": "350", - "measuredH": "141", - "w": "350", - "h": "141", - "x": "1160", - "y": "92", - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "Canvas", - "zOrder": "0", - "w": "350", - "h": "141", - "measuredW": "100", - "measuredH": "70", - "x": "0", - "y": "0" - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "measuredW": "314", - "measuredH": "25", - "x": "14", - "y": "17", - "properties": { - "size": "17", - "text": "Find the detailed version of this roadmap" - } - }, - { - "ID": "2", - "typeID": "Label", - "zOrder": "2", - "measuredW": "319", - "measuredH": "25", - "x": "14", - "y": "45", - "properties": { - "size": "17", - "text": "along with resources and other roadmaps" - } - }, - { - "ID": "3", - "typeID": "__group__", - "zOrder": "3", - "measuredW": "320", - "measuredH": "45", - "w": "320", - "h": "45", - "x": "15", - "y": "81", - "properties": { - "controlName": "ext_link:roadmap.sh" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "Canvas", - "zOrder": "0", - "w": "320", - "h": "45", - "measuredW": "100", - "measuredH": "70", - "x": "0", - "y": "0", - "properties": { - "borderColor": "4273622", - "color": "4273622" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "measuredW": "105", - "measuredH": "28", - "x": "141", - "y": "8", - "properties": { - "color": "16777215", - "size": "20", - "text": "roadmap.sh" - } - }, - { - "ID": "2", - "typeID": "Label", - "zOrder": "2", - "measuredW": "45", - "measuredH": "28", - "x": "66", - "y": "8", - "properties": { - "color": "16777215", - "size": "20", - "text": "https" - } - }, - { - "ID": "3", - "typeID": "Label", - "zOrder": "3", - "measuredW": "5", - "measuredH": "28", - "x": "113", - "y": "8", - "properties": { - "color": "16777215", - "size": "20", - "text": ":" - } - }, - { - "ID": "4", - "typeID": "Label", - "zOrder": "4", - "measuredW": "10", - "measuredH": "28", - "x": "120", - "y": "9", - "properties": { - "color": "16777215", - "size": "20", - "text": "/" - } - }, - { - "ID": "5", - "typeID": "Label", - "zOrder": "5", - "measuredW": "10", - "measuredH": "28", - "x": "128", - "y": "9", - "properties": { - "color": "16777215", - "size": "20", - "text": "/" - } - } - ] - } - } - } - ] - } - } + "oldId": "10uL0r388lKh8pWYWqRZD", + "legend": { + "id": "CRQCl3LvTj0sJWThSxjKu", + "label": "Alternative Option (Pick this or purple)", + "color": "#19a323", + "position": "left-center" } - ] - }, - "attributes": { - "name": "New Wireframe 1 copy", - "order": 1000010.2336643032, - "parentID": null, - "notes": "" - }, - "branchID": "Master", - "resourceID": "D5E1AC09-3023-4145-A52A-4D904363A065", - "mockupH": "2141", - "mockupW": "1316", - "measuredW": "1511", - "measuredH": "2227", - "version": "1.0" - }, - "groupOffset": { - "x": 0, - "y": 0 - }, - "dependencies": [], - "projectID": "file:///Users/kamrify/Desktop/New%20Roadmaps/New%20Project%201.bmpr" + }, + "zIndex": 999, + "width": 126, + "height": 49, + "style": { + "width": 126, + "height": 49 + }, + "positionAbsolute": { + "x": 82.693201050423, + "y": 632.9443302389855 + }, + "dragging": false, + "selectable": true, + "focusable": true, + "resizing": false + } + ], + "edges": [ + { + "style": { + "strokeDasharray": "0", + "strokeLinecap": "round", + "strokeWidth": 3.5, + "stroke": "#2b78e4" + }, + "sourceHandle": "x2", + "target": "GV_zWF6rSWg5bqgiXhOEf", + "targetHandle": "w1", + "data": { + "edgeStyle": "solid" + }, + "id": "M0aRyhxjzTWUOW95D1g1y", + "selected": false, + "type": "smoothstep", + "focusable": true, + "selectable": true + }, + { + "style": { + "strokeDasharray": "0", + "strokeLinecap": "round", + "strokeWidth": 3.5, + "stroke": "#2b78e4" + }, + "sourceHandle": "x2", + "target": "GV_zWF6rSWg5bqgiXhOEf", + "targetHandle": "w1", + "data": { + "edgeStyle": "solid" + }, + "id": "Xw4lLz2zWuTkNu8r4oheF", + "selected": false, + "selectable": true, + "focusable": true + }, + { + "style": { + "strokeDasharray": "0", + "strokeLinecap": "round", + "strokeWidth": 3.5, + "stroke": "#2b78e4" + }, + "sourceHandle": "x2", + "target": "GV_zWF6rSWg5bqgiXhOEf", + "targetHandle": "w1", + "data": { + "edgeStyle": "solid" + }, + "id": "mbCXMk97_HKXG3d4TxBOC", + "selected": false, + "focusable": true, + "selectable": true + }, + { + "style": { + "strokeDasharray": "0", + "strokeLinecap": "round", + "strokeWidth": 3.5, + "stroke": "#2b78e4" + }, + "source": "iogwMmOvub2ZF4zgg6WyF", + "sourceHandle": "x2", + "target": "XDvH2t3AJGevS17uM8TO6", + "targetHandle": "w1", + "data": { + "edgeStyle": "solid" + }, + "id": "reactflow__edge-iogwMmOvub2ZF4zgg6WyFx2-XDvH2t3AJGevS17uM8TO6w1", + "selected": false, + "selectable": true, + "focusable": true + }, + { + "style": { + "strokeDasharray": "0.8 8", + "strokeLinecap": "round", + "strokeWidth": 3.5, + "stroke": "#2b78e4" + }, + "source": "tU4Umtnfu01t9gLlnlK6b", + "sourceHandle": "z2", + "target": "y9ToYDix-koRbR6FLydFw", + "targetHandle": "y1", + "data": { + "edgeStyle": "dashed" + }, + "id": "reactflow__edge-tU4Umtnfu01t9gLlnlK6bz2-y9ToYDix-koRbR6FLydFwy1", + "selected": false, + "selectable": true, + "focusable": true + }, + { + "style": { + "strokeDasharray": "0", + "strokeLinecap": "round", + "strokeWidth": 3.5, + "stroke": "#2b78e4" + }, + "source": "XDvH2t3AJGevS17uM8TO6", + "sourceHandle": "x2", + "target": "tU4Umtnfu01t9gLlnlK6b", + "targetHandle": "w2", + "data": { + "edgeStyle": "solid" + }, + "id": "reactflow__edge-XDvH2t3AJGevS17uM8TO6x2-tU4Umtnfu01t9gLlnlK6bw2", + "selected": false, + "selectable": true, + "focusable": true + }, + { + "style": { + "strokeDasharray": "0.8 8", + "strokeLinecap": "round", + "strokeWidth": 3.5, + "stroke": "#2b78e4" + }, + "source": "79K4xgljcoSHkCYI1D55O", + "sourceHandle": "y2", + "target": "8mw4TxlLN4ZKAlLl-_NVV", + "targetHandle": "z1", + "data": { + "edgeStyle": "dashed" + }, + "id": "reactflow__edge-0uiGsC5SWavNdlFqizkKey2-8mw4TxlLN4ZKAlLl-_NVVz1", + "selected": false, + "selectable": true, + "focusable": true + }, + { + "style": { + "strokeDasharray": "0", + "strokeLinecap": "round", + "strokeWidth": 3.5, + "stroke": "#2b78e4" + }, + "source": "tU4Umtnfu01t9gLlnlK6b", + "sourceHandle": "x2", + "target": "79K4xgljcoSHkCYI1D55O", + "targetHandle": "w2", + "data": { + "edgeStyle": "solid" + }, + "id": "reactflow__edge-tU4Umtnfu01t9gLlnlK6bx2-0uiGsC5SWavNdlFqizkKew2", + "selected": false, + "selectable": true, + "focusable": true + }, + { + "style": { + "strokeDasharray": "0", + "strokeLinecap": "round", + "strokeWidth": 3.5, + "stroke": "#2b78e4" + }, + "source": "79K4xgljcoSHkCYI1D55O", + "sourceHandle": "z2", + "target": "0uiGsC5SWavNdlFqizkKe", + "targetHandle": "y2", + "data": { + "edgeStyle": "solid" + }, + "id": "reactflow__edge-79K4xgljcoSHkCYI1D55Oz2-0uiGsC5SWavNdlFqizkKey2", + "selected": false, + "selectable": true, + "focusable": true + }, + { + "style": { + "strokeDasharray": "0", + "strokeLinecap": "round", + "strokeWidth": 3.5, + "stroke": "#2b78e4" + }, + "source": "0uiGsC5SWavNdlFqizkKe", + "sourceHandle": "y2", + "target": "LbLQhonBqzxHU6B-L--Vq", + "targetHandle": "z1", + "data": { + "edgeStyle": "solid" + }, + "selected": false, + "selectable": true, + "focusable": true, + "id": "reactflow__edge-0uiGsC5SWavNdlFqizkKey2-thfnymb_UIiKxakKfiua5z1" + }, + { + "style": { + "strokeDasharray": "0.8 8", + "strokeLinecap": "round", + "strokeWidth": 3.5, + "stroke": "#2b78e4" + }, + "source": "LbLQhonBqzxHU6B-L--Vq", + "sourceHandle": "y2", + "target": "HX75SExuzR5AP7TQ94qid", + "targetHandle": "z1", + "data": { + "edgeStyle": "dashed" + }, + "id": "reactflow__edge-thfnymb_UIiKxakKfiua5y2-HX75SExuzR5AP7TQ94qidz1", + "selected": false, + "selectable": true, + "focusable": true + }, + { + "style": { + "strokeDasharray": "0.8 8", + "strokeLinecap": "round", + "strokeWidth": 3.5, + "stroke": "#2b78e4" + }, + "source": "LbLQhonBqzxHU6B-L--Vq", + "sourceHandle": "y2", + "target": "mkyU0ug8MXxV4biHuOity", + "targetHandle": "z1", + "data": { + "edgeStyle": "dashed" + }, + "id": "reactflow__edge-thfnymb_UIiKxakKfiua5y2-mkyU0ug8MXxV4biHuOityz1", + "selected": false, + "selectable": true, + "focusable": true + }, + { + "style": { + "strokeDasharray": "0", + "strokeLinecap": "round", + "strokeWidth": 3.5, + "stroke": "#2b78e4" + }, + "source": "LbLQhonBqzxHU6B-L--Vq", + "sourceHandle": "z2", + "target": "NStw6bi_pPB49K41BFSgo", + "targetHandle": "y1", + "data": { + "edgeStyle": "solid" + }, + "id": "reactflow__edge-LbLQhonBqzxHU6B-L--Vqz2-thfnymb_UIiKxakKfiua5y1", + "selected": false, + "selectable": true, + "focusable": true + }, + { + "style": { + "strokeDasharray": "0.8 8", + "strokeLinecap": "round", + "strokeWidth": 3.5, + "stroke": "#2b78e4" + }, + "source": "NStw6bi_pPB49K41BFSgo", + "sourceHandle": "x2", + "target": "jvp43wFkKlGQX2y7IxkbM", + "targetHandle": "w2", + "data": { + "edgeStyle": "dashed" + }, + "id": "reactflow__edge-thfnymb_UIiKxakKfiua5x2-jvp43wFkKlGQX2y7IxkbMw2", + "selected": false, + "selectable": true, + "focusable": true + }, + { + "style": { + "strokeDasharray": "0", + "strokeLinecap": "round", + "strokeWidth": 3.5, + "stroke": "#2b78e4" + }, + "source": "NStw6bi_pPB49K41BFSgo", + "sourceHandle": "y2", + "target": "I7_mX4h-Yywp1YyTJRKXI", + "targetHandle": "z1", + "data": { + "edgeStyle": "solid" + }, + "id": "reactflow__edge-NStw6bi_pPB49K41BFSgoy2-thfnymb_UIiKxakKfiua5z1", + "selected": false, + "selectable": true, + "focusable": true + }, + { + "style": { + "strokeDasharray": "0.8 8", + "strokeLinecap": "round", + "strokeWidth": 3.5, + "stroke": "#2b78e4" + }, + "source": "I7_mX4h-Yywp1YyTJRKXI", + "sourceHandle": "w2", + "target": "yI6XiNW04EL78UL4lkVgd", + "targetHandle": "x1", + "data": { + "edgeStyle": "dashed" + }, + "id": "reactflow__edge-thfnymb_UIiKxakKfiua5w2-yI6XiNW04EL78UL4lkVgdx1", + "selected": false, + "selectable": true, + "focusable": true + }, + { + "style": { + "strokeDasharray": "0.8 8", + "strokeLinecap": "round", + "strokeWidth": 3.5, + "stroke": "#2b78e4" + }, + "source": "KO3viVIJJREtxXxsocN7j", + "sourceHandle": "x2", + "target": "DfrCkbD-HEHwLymv10zb5", + "targetHandle": "w2", + "data": { + "edgeStyle": "dashed" + }, + "id": "reactflow__edge-akVNUPOqaTXaSHoQFlkP_x2-DfrCkbD-HEHwLymv10zb5w2", + "selected": false, + "selectable": true, + "focusable": true + }, + { + "style": { + "strokeDasharray": "0", + "strokeLinecap": "round", + "strokeWidth": 3.5, + "stroke": "#2b78e4" + }, + "source": "I7_mX4h-Yywp1YyTJRKXI", + "sourceHandle": "y2", + "target": "DfrCkbD-HEHwLymv10zb5", + "targetHandle": "z1", + "data": { + "edgeStyle": "solid" + }, + "id": "reactflow__edge-I7_mX4h-Yywp1YyTJRKXIy2-DfrCkbD-HEHwLymv10zb5z1", + "selected": false, + "selectable": true, + "focusable": true + }, + { + "style": { + "strokeDasharray": "0", + "strokeLinecap": "round", + "strokeWidth": 3.5, + "stroke": "#2b78e4" + }, + "source": "DfrCkbD-HEHwLymv10zb5", + "sourceHandle": "y2", + "target": "thfnymb_UIiKxakKfiua5", + "targetHandle": "z1", + "data": { + "edgeStyle": "solid" + }, + "id": "reactflow__edge-DfrCkbD-HEHwLymv10zb5y2-thfnymb_UIiKxakKfiua5z1", + "selected": false, + "selectable": true, + "focusable": true + }, + { + "style": { + "strokeDasharray": "0.8 8", + "strokeLinecap": "round", + "strokeWidth": 3.5, + "stroke": "#2b78e4" + }, + "source": "MnDgQq9Vcxsu3wDqv5uh2", + "sourceHandle": "z2", + "target": "XL9XOV2h0BAuA5cFcM5L_", + "targetHandle": "y1", + "data": { + "edgeStyle": "dashed" + }, + "id": "reactflow__edge-MnDgQq9Vcxsu3wDqv5uh2z2-XL9XOV2h0BAuA5cFcM5L_y1", + "selected": false, + "selectable": true, + "focusable": true + }, + { + "style": { + "strokeDasharray": "0.8 8", + "strokeLinecap": "round", + "strokeWidth": 3.5, + "stroke": "#2b78e4" + }, + "source": "MnDgQq9Vcxsu3wDqv5uh2", + "sourceHandle": "z2", + "target": "RvDfKoa_HIW3QDBfkPv3m", + "targetHandle": "y1", + "data": { + "edgeStyle": "dashed" + }, + "id": "reactflow__edge-MnDgQq9Vcxsu3wDqv5uh2z2-RvDfKoa_HIW3QDBfkPv3my1", + "selected": false, + "selectable": true, + "focusable": true + }, + { + "style": { + "strokeDasharray": "0.8 8", + "strokeLinecap": "round", + "strokeWidth": 3.5, + "stroke": "#2b78e4" + }, + "source": "MnDgQq9Vcxsu3wDqv5uh2", + "sourceHandle": "z2", + "target": "kiCTo0U6VgNON8rv_Ktlj", + "targetHandle": "y2", + "data": { + "edgeStyle": "dashed" + }, + "id": "reactflow__edge-MnDgQq9Vcxsu3wDqv5uh2z2-kiCTo0U6VgNON8rv_Ktljy2", + "selected": false, + "selectable": true, + "focusable": true + }, + { + "style": { + "strokeDasharray": "0", + "strokeLinecap": "round", + "strokeWidth": 3.5, + "stroke": "#2b78e4" + }, + "source": "MnDgQq9Vcxsu3wDqv5uh2", + "sourceHandle": "x2", + "target": "b4AP2OggxFAwsQtUwiUJJ", + "targetHandle": "y2", + "data": { + "edgeStyle": "solid" + }, + "id": "reactflow__edge-MnDgQq9Vcxsu3wDqv5uh2x2-nK1DhEXBKVhvSR1P_vzgjy2", + "selected": false, + "type": "smoothstep", + "selectable": true, + "focusable": true + }, + { + "style": { + "strokeDasharray": "0.8 8", + "strokeLinecap": "round", + "strokeWidth": 3.5, + "stroke": "#2b78e4" + }, + "source": "b4AP2OggxFAwsQtUwiUJJ", + "sourceHandle": "x2", + "target": "-AKmITUmSGIflJG-eGkm5", + "targetHandle": "w1", + "data": { + "edgeStyle": "dashed" + }, + "id": "reactflow__edge-nK1DhEXBKVhvSR1P_vzgjx2--AKmITUmSGIflJG-eGkm5w1", + "selected": false, + "selectable": true, + "focusable": true + }, + { + "style": { + "strokeDasharray": "0", + "strokeLinecap": "round", + "strokeWidth": 3.5, + "stroke": "#2b78e4" + }, + "source": "b4AP2OggxFAwsQtUwiUJJ", + "sourceHandle": "z2", + "target": "e_lwZ-a72-tAan2KDX6k3", + "targetHandle": "y1", + "data": { + "edgeStyle": "solid" + }, + "id": "reactflow__edge-b4AP2OggxFAwsQtUwiUJJz2-nK1DhEXBKVhvSR1P_vzgjy1", + "selected": false, + "selectable": true, + "focusable": true + }, + { + "style": { + "strokeDasharray": "0.8 8", + "strokeLinecap": "round", + "strokeWidth": 3.5, + "stroke": "#2b78e4" + }, + "source": "e_lwZ-a72-tAan2KDX6k3", + "sourceHandle": "w2", + "target": "cQllxv7qGbRtM9O5llgN6", + "targetHandle": "x1", + "data": { + "edgeStyle": "dashed" + }, + "id": "reactflow__edge-nK1DhEXBKVhvSR1P_vzgjw2-cQllxv7qGbRtM9O5llgN6x1", + "selected": false, + "selectable": true, + "focusable": true + }, + { + "style": { + "strokeDasharray": "0.8 8", + "strokeLinecap": "round", + "strokeWidth": 3.5, + "stroke": "#2b78e4" + }, + "source": "e_lwZ-a72-tAan2KDX6k3", + "sourceHandle": "x2", + "target": "zN7Ps1puD-YpHbKi1pHH8", + "targetHandle": "w1", + "data": { + "edgeStyle": "dashed" + }, + "id": "reactflow__edge-nK1DhEXBKVhvSR1P_vzgjx2-zN7Ps1puD-YpHbKi1pHH8w1", + "selected": false, + "selectable": true, + "focusable": true + }, + { + "style": { + "strokeDasharray": "0.8 8", + "strokeLinecap": "round", + "strokeWidth": 3.5, + "stroke": "#2b78e4" + }, + "source": "W-atg_Msa9uPLr6RXAKSb", + "sourceHandle": "w2", + "target": "HdWq9ue0JdwmwqSIN2OD_", + "targetHandle": "x1", + "data": { + "edgeStyle": "dashed" + }, + "id": "reactflow__edge-nK1DhEXBKVhvSR1P_vzgjw2-HdWq9ue0JdwmwqSIN2OD_x1", + "selected": false, + "selectable": true, + "focusable": true + }, + { + "style": { + "strokeDasharray": "0", + "strokeLinecap": "round", + "strokeWidth": 3.5, + "stroke": "#2b78e4" + }, + "source": "e_lwZ-a72-tAan2KDX6k3", + "sourceHandle": "z2", + "target": "W-atg_Msa9uPLr6RXAKSb", + "targetHandle": "y2", + "data": { + "edgeStyle": "solid" + }, + "id": "reactflow__edge-e_lwZ-a72-tAan2KDX6k3z2-nK1DhEXBKVhvSR1P_vzgjy2", + "selected": false, + "selectable": true, + "focusable": true + }, + { + "style": { + "strokeDasharray": "0", + "strokeLinecap": "round", + "strokeWidth": 3.5, + "stroke": "#2b78e4" + }, + "source": "W-atg_Msa9uPLr6RXAKSb", + "sourceHandle": "x2", + "target": "KHcC5pFN3qLnsbPPKpYd2", + "targetHandle": "w2", + "data": { + "edgeStyle": "solid" + }, + "id": "reactflow__edge-W-atg_Msa9uPLr6RXAKSbx2-nK1DhEXBKVhvSR1P_vzgjw2", + "selected": false, + "selectable": true, + "focusable": true + }, + { + "style": { + "strokeDasharray": "0.8 8", + "strokeLinecap": "round", + "strokeWidth": 3.5, + "stroke": "#2b78e4" + }, + "source": "KHcC5pFN3qLnsbPPKpYd2", + "sourceHandle": "x2", + "target": "_5ht0PAdVOJWPzTRS1mVg", + "targetHandle": "w1", + "data": { + "edgeStyle": "dashed" + }, + "id": "reactflow__edge-nK1DhEXBKVhvSR1P_vzgjx2-_5ht0PAdVOJWPzTRS1mVgw1", + "selected": false, + "selectable": true, + "focusable": true + }, + { + "style": { + "strokeDasharray": "0", + "strokeLinecap": "round", + "strokeWidth": 3.5, + "stroke": "#2b78e4" + }, + "source": "KHcC5pFN3qLnsbPPKpYd2", + "sourceHandle": "y2", + "target": "UNlvRp6k3_RDoTAAIEfJ1", + "targetHandle": "z1", + "data": { + "edgeStyle": "solid" + }, + "id": "reactflow__edge-KHcC5pFN3qLnsbPPKpYd2y2-nK1DhEXBKVhvSR1P_vzgjz1", + "selected": false, + "selectable": true, + "focusable": true + }, + { + "style": { + "strokeDasharray": "0.8 8", + "strokeLinecap": "round", + "strokeWidth": 3.5, + "stroke": "#2b78e4" + }, + "source": "UNlvRp6k3_RDoTAAIEfJ1", + "sourceHandle": "w2", + "target": "K3RZ8ESxWCpLKHePF87Hy", + "targetHandle": "x1", + "data": { + "edgeStyle": "dashed" + }, + "id": "reactflow__edge-nK1DhEXBKVhvSR1P_vzgjw2-K3RZ8ESxWCpLKHePF87Hyx1", + "selected": false, + "selectable": true, + "focusable": true + }, + { + "style": { + "strokeDasharray": "0", + "strokeLinecap": "round", + "strokeWidth": 3.5, + "stroke": "#2b78e4" + }, + "source": "UNlvRp6k3_RDoTAAIEfJ1", + "sourceHandle": "y2", + "target": "ydxyne6RzIDPHij1Z3CsN", + "targetHandle": "z1", + "data": { + "edgeStyle": "solid" + }, + "id": "reactflow__edge-UNlvRp6k3_RDoTAAIEfJ1y2-ydxyne6RzIDPHij1Z3CsNz1", + "selected": false, + "selectable": true, + "focusable": true + }, + { + "style": { + "strokeDasharray": "0", + "strokeLinecap": "round", + "strokeWidth": 3.5, + "stroke": "#2b78e4" + }, + "source": "ydxyne6RzIDPHij1Z3CsN", + "sourceHandle": "y2", + "target": "bRpeoo9zXrnZ2IHSI7JX4", + "targetHandle": "w1", + "data": { + "edgeStyle": "solid" + }, + "id": "reactflow__edge-ydxyne6RzIDPHij1Z3CsNy2-bRpeoo9zXrnZ2IHSI7JX4w1", + "selected": false, + "type": "smoothstep", + "selectable": true, + "focusable": true + }, + { + "style": { + "strokeDasharray": "0.8 8", + "strokeLinecap": "round", + "strokeWidth": 3.5, + "stroke": "#2b78e4" + }, + "source": "bRpeoo9zXrnZ2IHSI7JX4", + "sourceHandle": "x2", + "target": "H6-XGDjs4f-qbv13v5av0", + "targetHandle": "w2", + "data": { + "edgeStyle": "dashed" + }, + "id": "reactflow__edge-bRpeoo9zXrnZ2IHSI7JX4x2-H6-XGDjs4f-qbv13v5av0w2", + "selected": false, + "selectable": true, + "focusable": true + }, + { + "style": { + "strokeDasharray": "0", + "strokeLinecap": "round", + "strokeWidth": 3.5, + "stroke": "#2b78e4" + }, + "source": "bRpeoo9zXrnZ2IHSI7JX4", + "sourceHandle": "z2", + "target": "gMHMjsh0i8paLZUH5mDX3", + "targetHandle": "y1", + "data": { + "edgeStyle": "solid" + }, + "selected": false, + "selectable": true, + "focusable": true, + "id": "reactflow__edge-bRpeoo9zXrnZ2IHSI7JX4z2-gMHMjsh0i8paLZUH5mDX3y1" + }, + { + "style": { + "strokeDasharray": "0", + "strokeLinecap": "round", + "strokeWidth": 3.5, + "stroke": "#2b78e4" + }, + "source": "DcDggX4OmmwvJGHwuV86t", + "sourceHandle": "z2", + "target": "txARr3lgTvy-vJCj5zAb1", + "targetHandle": "y1", + "data": { + "edgeStyle": "solid" + }, + "id": "reactflow__edge-DcDggX4OmmwvJGHwuV86tz2-txARr3lgTvy-vJCj5zAb1y1", + "selected": false, + "focusable": true + }, + { + "style": { + "strokeDasharray": "0.8 8", + "strokeLinecap": "round", + "strokeWidth": 3.5, + "stroke": "#2b78e4" + }, + "source": "txARr3lgTvy-vJCj5zAb1", + "sourceHandle": "w2", + "target": "NvXAq1vN2wpncdW-yTL4c", + "targetHandle": "x1", + "data": { + "edgeStyle": "dashed" + }, + "id": "reactflow__edge-txARr3lgTvy-vJCj5zAb1w2-NvXAq1vN2wpncdW-yTL4cx1", + "selected": false, + "focusable": true + }, + { + "style": { + "strokeDasharray": "0", + "strokeLinecap": "round", + "strokeWidth": 3.5, + "stroke": "#2b78e4" + }, + "source": "txARr3lgTvy-vJCj5zAb1", + "sourceHandle": "x2", + "target": "GV_zWF6rSWg5bqgiXhOEf", + "targetHandle": "w1", + "data": { + "edgeStyle": "solid" + }, + "id": "reactflow__edge-txARr3lgTvy-vJCj5zAb1x2-GV_zWF6rSWg5bqgiXhOEfw1", + "selected": false, + "focusable": true + } + ] } \ No newline at end of file diff --git a/src/data/roadmaps/react/react.md b/src/data/roadmaps/react/react.md index 53123fb01..e89c2251b 100644 --- a/src/data/roadmaps/react/react.md +++ b/src/data/roadmaps/react/react.md @@ -1,6 +1,7 @@ --- jsonUrl: '/jsons/roadmaps/react.json' pdfUrl: '/pdfs/roadmaps/react.pdf' +renderer: 'editor' order: 2 briefTitle: 'React' briefDescription: 'Step by step guide to become a React Developer in 2024' @@ -9,7 +10,7 @@ description: 'Everything that is there to learn about React and the ecosystem in hasTopics: true dimensions: width: 968 - height: 1570.26 + height: 2140 schema: headline: 'React Developer Roadmap' description: 'Learn to become a React developer with this interactive step by step guide in 2024. We also have resources and short descriptions attached to the roadmap items so you can get everything you want to learn in one place.' diff --git a/src/lib/resource-progress.ts b/src/lib/resource-progress.ts index ce09f4bdc..c5fcafd97 100644 --- a/src/lib/resource-progress.ts +++ b/src/lib/resource-progress.ts @@ -104,6 +104,7 @@ export function clearMigratedRoadmapProgress( 'technical-writer', 'mlops', 'computer-science', + 'react', ]; if (!migratedRoadmaps.includes(resourceId)) {