6 lines
113 KiB
HTML
6 lines
113 KiB
HTML
<!DOCTYPE html><html><head><meta charSet="UTF-8"/><title>React Developer Roadmap: Learn to become a React developer</title><meta name="description" content="Community driven, articles, resources, guides, interview questions, quizzes for react development. Learn to become a modern React developer by following the steps, skills, resources and guides listed in this roadmap."/><meta name="author" content="Kamran Ahmed"/><meta name="keywords" content="guide to becoming a react developer,react developer roadmap,react roadmap,become react developer,react developer skills,react skills test,skills for react development,learn react development,what is react,react quiz,react interview questions"/><meta name="viewport" content="width=device-width, user-scalable=yes, initial-scale=1.0, maximum-scale=3.0, minimum-scale=1.0"/><meta http-equiv="Content-Language" content="en"/><meta property="og:title" content="React Developer Roadmap: Learn to become a React developer"/><meta property="og:description" content="Community driven, articles, resources, guides, interview questions, quizzes for react development. Learn to become a modern React developer by following the steps, skills, resources and guides listed in this roadmap."/><meta property="og:image" content="https://roadmap.sh/brand-square.png"/><meta property="og:url" content="https://roadmap.sh"/><meta property="og:type" content="website"/><meta property="article:publisher" content="https://facebook.com/kamranahmedse"/><meta property="og:site_name" content="roadmap.sh"/><meta property="article:author" content="Kamran Ahmed"/><meta name="twitter:card" content="summary"/><meta name="twitter:site" content="@kamranahmedse"/><meta name="twitter:title" content="React Developer Roadmap: Learn to become a React developer"/><meta name="twitter:description" content="Community driven, articles, resources, guides, interview questions, quizzes for react development. Learn to become a modern React developer by following the steps, skills, resources and guides listed in this roadmap."/><meta name="twitter:image" content="https://roadmap.sh/brand-square.png"/><meta name="twitter:image:alt" content="roadmap.sh"/><meta name="mobile-web-app-capable" content="yes"/><meta name="apple-mobile-web-app-capable" content="yes"/><meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"/><link rel="apple-touch-icon" sizes="180x180" href="/manifest/apple-touch-icon.png"/><meta name="msapplication-TileColor" content="#101010"/><meta name="theme-color" content="#848a9a"/><link rel="manifest" href="/manifest/manifest.json"/><link rel="icon" type="image/png" sizes="32x32" href="/manifest/icon32.png"/><link rel="icon" type="image/png" sizes="16x16" href="/manifest/icon16.png"/><link rel="shortcut icon" href="/manifest/favicon.ico" type="image/x-icon"/><link rel="icon" href="/manifest/favicon.ico" type="image/x-icon"/><script async="" src="https://www.googletagmanager.com/gtag/js?id=UA-139582634-1"></script><script>
|
||
window.dataLayer = window.dataLayer || [];
|
||
function gtag(){dataLayer.push(arguments);}
|
||
gtag('js', new Date());
|
||
gtag('config', 'UA-139582634-1');
|
||
</script><meta name="next-head-count" content="34"/><link rel="preload" href="/_next/static/css/e04f03d5f7fd936c.css" as="style"/><link rel="stylesheet" href="/_next/static/css/e04f03d5f7fd936c.css" data-n-g=""/><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/_next/static/chunks/polyfills-5cd94c89d3acac5f.js"></script><script src="/_next/static/chunks/webpack-378e68e29c265886.js" defer=""></script><script src="/_next/static/chunks/framework-91d7f78b5b4003c8.js" defer=""></script><script src="/_next/static/chunks/main-7a5ae73f0e3e91d3.js" defer=""></script><script src="/_next/static/chunks/pages/_app-a9b7869f2e3c14f1.js" defer=""></script><script src="/_next/static/chunks/709-4e9b8e1d6266b258.js" defer=""></script><script src="/_next/static/chunks/515-100e7e5de90f7342.js" defer=""></script><script src="/_next/static/chunks/pages/%5Broadmap%5D/interactive-0976535f2226cf8d.js" defer=""></script><script src="/_next/static/HWTxGnWSkyeSfFRPf_pug/_buildManifest.js" defer=""></script><script src="/_next/static/HWTxGnWSkyeSfFRPf_pug/_ssgManifest.js" defer=""></script><script src="/_next/static/HWTxGnWSkyeSfFRPf_pug/_middlewareManifest.js" defer=""></script><style data-styled="" data-styled-version="5.3.3"></style></head><body><div id="__next"><style data-emotion="css-global 1665pni">:host,:root{--chakra-ring-inset:var(--chakra-empty,/*!*/ /*!*/);--chakra-ring-offset-width:0px;--chakra-ring-offset-color:#fff;--chakra-ring-color:rgba(66, 153, 225, 0.6);--chakra-ring-offset-shadow:0 0 #0000;--chakra-ring-shadow:0 0 #0000;--chakra-space-x-reverse:0;--chakra-space-y-reverse:0;--chakra-colors-transparent:transparent;--chakra-colors-current:currentColor;--chakra-colors-black:#000000;--chakra-colors-white:#FFFFFF;--chakra-colors-whiteAlpha-50:rgba(255, 255, 255, 0.04);--chakra-colors-whiteAlpha-100:rgba(255, 255, 255, 0.06);--chakra-colors-whiteAlpha-200:rgba(255, 255, 255, 0.08);--chakra-colors-whiteAlpha-300:rgba(255, 255, 255, 0.16);--chakra-colors-whiteAlpha-400:rgba(255, 255, 255, 0.24);--chakra-colors-whiteAlpha-500:rgba(255, 255, 255, 0.36);--chakra-colors-whiteAlpha-600:rgba(255, 255, 255, 0.48);--chakra-colors-whiteAlpha-700:rgba(255, 255, 255, 0.64);--chakra-colors-whiteAlpha-800:rgba(255, 255, 255, 0.80);--chakra-colors-whiteAlpha-900:rgba(255, 255, 255, 0.92);--chakra-colors-blackAlpha-50:rgba(0, 0, 0, 0.04);--chakra-colors-blackAlpha-100:rgba(0, 0, 0, 0.06);--chakra-colors-blackAlpha-200:rgba(0, 0, 0, 0.08);--chakra-colors-blackAlpha-300:rgba(0, 0, 0, 0.16);--chakra-colors-blackAlpha-400:rgba(0, 0, 0, 0.24);--chakra-colors-blackAlpha-500:rgba(0, 0, 0, 0.36);--chakra-colors-blackAlpha-600:rgba(0, 0, 0, 0.48);--chakra-colors-blackAlpha-700:rgba(0, 0, 0, 0.64);--chakra-colors-blackAlpha-800:rgba(0, 0, 0, 0.80);--chakra-colors-blackAlpha-900:rgba(0, 0, 0, 0.92);--chakra-colors-gray-50:#F7FAFC;--chakra-colors-gray-100:#EDF2F7;--chakra-colors-gray-200:#E2E8F0;--chakra-colors-gray-300:#CBD5E0;--chakra-colors-gray-400:#A0AEC0;--chakra-colors-gray-500:#718096;--chakra-colors-gray-600:#4A5568;--chakra-colors-gray-700:#2D3748;--chakra-colors-gray-800:#1A202C;--chakra-colors-gray-900:#171923;--chakra-colors-red-50:#FFF5F5;--chakra-colors-red-100:#FED7D7;--chakra-colors-red-200:#FEB2B2;--chakra-colors-red-300:#FC8181;--chakra-colors-red-400:#F56565;--chakra-colors-red-500:#E53E3E;--chakra-colors-red-600:#C53030;--chakra-colors-red-700:#9B2C2C;--chakra-colors-red-800:#822727;--chakra-colors-red-900:#63171B;--chakra-colors-orange-50:#FFFAF0;--chakra-colors-orange-100:#FEEBC8;--chakra-colors-orange-200:#FBD38D;--chakra-colors-orange-300:#F6AD55;--chakra-colors-orange-400:#ED8936;--chakra-colors-orange-500:#DD6B20;--chakra-colors-orange-600:#C05621;--chakra-colors-orange-700:#9C4221;--chakra-colors-orange-800:#7B341E;--chakra-colors-orange-900:#652B19;--chakra-colors-yellow-50:#FFFFF0;--chakra-colors-yellow-100:#FEFCBF;--chakra-colors-yellow-200:#FAF089;--chakra-colors-yellow-300:#F6E05E;--chakra-colors-yellow-400:#ECC94B;--chakra-colors-yellow-500:#D69E2E;--chakra-colors-yellow-600:#B7791F;--chakra-colors-yellow-700:#975A16;--chakra-colors-yellow-800:#744210;--chakra-colors-yellow-900:#5F370E;--chakra-colors-green-50:#F0FFF4;--chakra-colors-green-100:#C6F6D5;--chakra-colors-green-200:#9AE6B4;--chakra-colors-green-300:#68D391;--chakra-colors-green-400:#48BB78;--chakra-colors-green-500:#38A169;--chakra-colors-green-600:#2F855A;--chakra-colors-green-700:#276749;--chakra-colors-green-800:#22543D;--chakra-colors-green-900:#1C4532;--chakra-colors-teal-50:#E6FFFA;--chakra-colors-teal-100:#B2F5EA;--chakra-colors-teal-200:#81E6D9;--chakra-colors-teal-300:#4FD1C5;--chakra-colors-teal-400:#38B2AC;--chakra-colors-teal-500:#319795;--chakra-colors-teal-600:#2C7A7B;--chakra-colors-teal-700:#285E61;--chakra-colors-teal-800:#234E52;--chakra-colors-teal-900:#1D4044;--chakra-colors-blue-50:#ebf8ff;--chakra-colors-blue-100:#bee3f8;--chakra-colors-blue-200:#90cdf4;--chakra-colors-blue-300:#63b3ed;--chakra-colors-blue-400:#4299e1;--chakra-colors-blue-500:#3182ce;--chakra-colors-blue-600:#2b6cb0;--chakra-colors-blue-700:#2c5282;--chakra-colors-blue-800:#2a4365;--chakra-colors-blue-900:#1A365D;--chakra-colors-cyan-50:#EDFDFD;--chakra-colors-cyan-100:#C4F1F9;--chakra-colors-cyan-200:#9DECF9;--chakra-colors-cyan-300:#76E4F7;--chakra-colors-cyan-400:#0BC5EA;--chakra-colors-cyan-500:#00B5D8;--chakra-colors-cyan-600:#00A3C4;--chakra-colors-cyan-700:#0987A0;--chakra-colors-cyan-800:#086F83;--chakra-colors-cyan-900:#065666;--chakra-colors-purple-50:#FAF5FF;--chakra-colors-purple-100:#E9D8FD;--chakra-colors-purple-200:#D6BCFA;--chakra-colors-purple-300:#B794F4;--chakra-colors-purple-400:#9F7AEA;--chakra-colors-purple-500:#805AD5;--chakra-colors-purple-600:#6B46C1;--chakra-colors-purple-700:#553C9A;--chakra-colors-purple-800:#44337A;--chakra-colors-purple-900:#322659;--chakra-colors-pink-50:#FFF5F7;--chakra-colors-pink-100:#FED7E2;--chakra-colors-pink-200:#FBB6CE;--chakra-colors-pink-300:#F687B3;--chakra-colors-pink-400:#ED64A6;--chakra-colors-pink-500:#D53F8C;--chakra-colors-pink-600:#B83280;--chakra-colors-pink-700:#97266D;--chakra-colors-pink-800:#702459;--chakra-colors-pink-900:#521B41;--chakra-colors-linkedin-50:#E8F4F9;--chakra-colors-linkedin-100:#CFEDFB;--chakra-colors-linkedin-200:#9BDAF3;--chakra-colors-linkedin-300:#68C7EC;--chakra-colors-linkedin-400:#34B3E4;--chakra-colors-linkedin-500:#00A0DC;--chakra-colors-linkedin-600:#008CC9;--chakra-colors-linkedin-700:#0077B5;--chakra-colors-linkedin-800:#005E93;--chakra-colors-linkedin-900:#004471;--chakra-colors-facebook-50:#E8F4F9;--chakra-colors-facebook-100:#D9DEE9;--chakra-colors-facebook-200:#B7C2DA;--chakra-colors-facebook-300:#6482C0;--chakra-colors-facebook-400:#4267B2;--chakra-colors-facebook-500:#385898;--chakra-colors-facebook-600:#314E89;--chakra-colors-facebook-700:#29487D;--chakra-colors-facebook-800:#223B67;--chakra-colors-facebook-900:#1E355B;--chakra-colors-messenger-50:#D0E6FF;--chakra-colors-messenger-100:#B9DAFF;--chakra-colors-messenger-200:#A2CDFF;--chakra-colors-messenger-300:#7AB8FF;--chakra-colors-messenger-400:#2E90FF;--chakra-colors-messenger-500:#0078FF;--chakra-colors-messenger-600:#0063D1;--chakra-colors-messenger-700:#0052AC;--chakra-colors-messenger-800:#003C7E;--chakra-colors-messenger-900:#002C5C;--chakra-colors-whatsapp-50:#dffeec;--chakra-colors-whatsapp-100:#b9f5d0;--chakra-colors-whatsapp-200:#90edb3;--chakra-colors-whatsapp-300:#65e495;--chakra-colors-whatsapp-400:#3cdd78;--chakra-colors-whatsapp-500:#22c35e;--chakra-colors-whatsapp-600:#179848;--chakra-colors-whatsapp-700:#0c6c33;--chakra-colors-whatsapp-800:#01421c;--chakra-colors-whatsapp-900:#001803;--chakra-colors-twitter-50:#E5F4FD;--chakra-colors-twitter-100:#C8E9FB;--chakra-colors-twitter-200:#A8DCFA;--chakra-colors-twitter-300:#83CDF7;--chakra-colors-twitter-400:#57BBF5;--chakra-colors-twitter-500:#1DA1F2;--chakra-colors-twitter-600:#1A94DA;--chakra-colors-twitter-700:#1681BF;--chakra-colors-twitter-800:#136B9E;--chakra-colors-twitter-900:#0D4D71;--chakra-colors-telegram-50:#E3F2F9;--chakra-colors-telegram-100:#C5E4F3;--chakra-colors-telegram-200:#A2D4EC;--chakra-colors-telegram-300:#7AC1E4;--chakra-colors-telegram-400:#47A9DA;--chakra-colors-telegram-500:#0088CC;--chakra-colors-telegram-600:#007AB8;--chakra-colors-telegram-700:#006BA1;--chakra-colors-telegram-800:#005885;--chakra-colors-telegram-900:#003F5E;--chakra-colors-brand-bg:#222222;--chakra-colors-brand-hero:#161616;--chakra-colors-brand-footer:#1c1c1c;--chakra-borders-none:0;--chakra-borders-1px:1px solid;--chakra-borders-2px:2px solid;--chakra-borders-4px:4px solid;--chakra-borders-8px:8px solid;--chakra-fonts-heading:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";--chakra-fonts-body:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";--chakra-fonts-mono:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--chakra-fontSizes-xs:0.75rem;--chakra-fontSizes-sm:0.875rem;--chakra-fontSizes-md:1rem;--chakra-fontSizes-lg:1.125rem;--chakra-fontSizes-xl:1.25rem;--chakra-fontSizes-2xl:1.5rem;--chakra-fontSizes-3xl:1.875rem;--chakra-fontSizes-4xl:2.25rem;--chakra-fontSizes-5xl:3rem;--chakra-fontSizes-6xl:3.75rem;--chakra-fontSizes-7xl:4.5rem;--chakra-fontSizes-8xl:6rem;--chakra-fontSizes-9xl:8rem;--chakra-fontWeights-hairline:100;--chakra-fontWeights-thin:200;--chakra-fontWeights-light:300;--chakra-fontWeights-normal:400;--chakra-fontWeights-medium:500;--chakra-fontWeights-semibold:600;--chakra-fontWeights-bold:700;--chakra-fontWeights-extrabold:800;--chakra-fontWeights-black:900;--chakra-letterSpacings-tighter:-0.05em;--chakra-letterSpacings-tight:-0.025em;--chakra-letterSpacings-normal:0;--chakra-letterSpacings-wide:0.025em;--chakra-letterSpacings-wider:0.05em;--chakra-letterSpacings-widest:0.1em;--chakra-lineHeights-3:.75rem;--chakra-lineHeights-4:1rem;--chakra-lineHeights-5:1.25rem;--chakra-lineHeights-6:1.5rem;--chakra-lineHeights-7:1.75rem;--chakra-lineHeights-8:2rem;--chakra-lineHeights-9:2.25rem;--chakra-lineHeights-10:2.5rem;--chakra-lineHeights-normal:normal;--chakra-lineHeights-none:1;--chakra-lineHeights-shorter:1.25;--chakra-lineHeights-short:1.375;--chakra-lineHeights-base:1.5;--chakra-lineHeights-tall:1.625;--chakra-lineHeights-taller:2;--chakra-radii-none:0;--chakra-radii-sm:0.125rem;--chakra-radii-base:0.25rem;--chakra-radii-md:0.375rem;--chakra-radii-lg:0.5rem;--chakra-radii-xl:0.75rem;--chakra-radii-2xl:1rem;--chakra-radii-3xl:1.5rem;--chakra-radii-full:9999px;--chakra-space-1:0.25rem;--chakra-space-2:0.5rem;--chakra-space-3:0.75rem;--chakra-space-4:1rem;--chakra-space-5:1.25rem;--chakra-space-6:1.5rem;--chakra-space-7:1.75rem;--chakra-space-8:2rem;--chakra-space-9:2.25rem;--chakra-space-10:2.5rem;--chakra-space-12:3rem;--chakra-space-14:3.5rem;--chakra-space-16:4rem;--chakra-space-20:5rem;--chakra-space-24:6rem;--chakra-space-28:7rem;--chakra-space-32:8rem;--chakra-space-36:9rem;--chakra-space-40:10rem;--chakra-space-44:11rem;--chakra-space-48:12rem;--chakra-space-52:13rem;--chakra-space-56:14rem;--chakra-space-60:15rem;--chakra-space-64:16rem;--chakra-space-72:18rem;--chakra-space-80:20rem;--chakra-space-96:24rem;--chakra-space-px:1px;--chakra-space-0\.5:0.125rem;--chakra-space-1\.5:0.375rem;--chakra-space-2\.5:0.625rem;--chakra-space-3\.5:0.875rem;--chakra-shadows-xs:0 0 0 1px rgba(0, 0, 0, 0.05);--chakra-shadows-sm:0 1px 2px 0 rgba(0, 0, 0, 0.05);--chakra-shadows-base:0 1px 3px 0 rgba(0, 0, 0, 0.1),0 1px 2px 0 rgba(0, 0, 0, 0.06);--chakra-shadows-md:0 4px 6px -1px rgba(0, 0, 0, 0.1),0 2px 4px -1px rgba(0, 0, 0, 0.06);--chakra-shadows-lg:0 10px 15px -3px rgba(0, 0, 0, 0.1),0 4px 6px -2px rgba(0, 0, 0, 0.05);--chakra-shadows-xl:0 20px 25px -5px rgba(0, 0, 0, 0.1),0 10px 10px -5px rgba(0, 0, 0, 0.04);--chakra-shadows-2xl:0 25px 50px -12px rgba(0, 0, 0, 0.25);--chakra-shadows-outline:0 0 0 3px rgba(66, 153, 225, 0.6);--chakra-shadows-inner:inset 0 2px 4px 0 rgba(0,0,0,0.06);--chakra-shadows-none:none;--chakra-shadows-dark-lg:rgba(0, 0, 0, 0.1) 0px 0px 0px 1px,rgba(0, 0, 0, 0.2) 0px 5px 10px,rgba(0, 0, 0, 0.4) 0px 15px 40px;--chakra-sizes-1:0.25rem;--chakra-sizes-2:0.5rem;--chakra-sizes-3:0.75rem;--chakra-sizes-4:1rem;--chakra-sizes-5:1.25rem;--chakra-sizes-6:1.5rem;--chakra-sizes-7:1.75rem;--chakra-sizes-8:2rem;--chakra-sizes-9:2.25rem;--chakra-sizes-10:2.5rem;--chakra-sizes-12:3rem;--chakra-sizes-14:3.5rem;--chakra-sizes-16:4rem;--chakra-sizes-20:5rem;--chakra-sizes-24:6rem;--chakra-sizes-28:7rem;--chakra-sizes-32:8rem;--chakra-sizes-36:9rem;--chakra-sizes-40:10rem;--chakra-sizes-44:11rem;--chakra-sizes-48:12rem;--chakra-sizes-52:13rem;--chakra-sizes-56:14rem;--chakra-sizes-60:15rem;--chakra-sizes-64:16rem;--chakra-sizes-72:18rem;--chakra-sizes-80:20rem;--chakra-sizes-96:24rem;--chakra-sizes-px:1px;--chakra-sizes-0\.5:0.125rem;--chakra-sizes-1\.5:0.375rem;--chakra-sizes-2\.5:0.625rem;--chakra-sizes-3\.5:0.875rem;--chakra-sizes-max:max-content;--chakra-sizes-min:min-content;--chakra-sizes-full:100%;--chakra-sizes-3xs:14rem;--chakra-sizes-2xs:16rem;--chakra-sizes-xs:20rem;--chakra-sizes-sm:24rem;--chakra-sizes-md:28rem;--chakra-sizes-lg:32rem;--chakra-sizes-xl:36rem;--chakra-sizes-2xl:42rem;--chakra-sizes-3xl:48rem;--chakra-sizes-4xl:56rem;--chakra-sizes-5xl:64rem;--chakra-sizes-6xl:72rem;--chakra-sizes-7xl:80rem;--chakra-sizes-8xl:90rem;--chakra-sizes-container-sm:640px;--chakra-sizes-container-md:768px;--chakra-sizes-container-lg:1024px;--chakra-sizes-container-xl:1280px;--chakra-zIndices-hide:-1;--chakra-zIndices-auto:auto;--chakra-zIndices-base:0;--chakra-zIndices-docked:10;--chakra-zIndices-dropdown:1000;--chakra-zIndices-sticky:1100;--chakra-zIndices-banner:1200;--chakra-zIndices-overlay:1300;--chakra-zIndices-modal:1400;--chakra-zIndices-popover:1500;--chakra-zIndices-skipLink:1600;--chakra-zIndices-toast:1700;--chakra-zIndices-tooltip:1800;--chakra-transition-property-common:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform;--chakra-transition-property-colors:background-color,border-color,color,fill,stroke;--chakra-transition-property-dimensions:width,height;--chakra-transition-property-position:left,right,top,bottom;--chakra-transition-property-background:background-color,background-image,background-position;--chakra-transition-easing-ease-in:cubic-bezier(0.4, 0, 1, 1);--chakra-transition-easing-ease-out:cubic-bezier(0, 0, 0.2, 1);--chakra-transition-easing-ease-in-out:cubic-bezier(0.4, 0, 0.2, 1);--chakra-transition-duration-ultra-fast:50ms;--chakra-transition-duration-faster:100ms;--chakra-transition-duration-fast:150ms;--chakra-transition-duration-normal:200ms;--chakra-transition-duration-slow:300ms;--chakra-transition-duration-slower:400ms;--chakra-transition-duration-ultra-slow:500ms;--chakra-blur-none:0;--chakra-blur-sm:4px;--chakra-blur-base:8px;--chakra-blur-md:12px;--chakra-blur-lg:16px;--chakra-blur-xl:24px;--chakra-blur-2xl:40px;--chakra-blur-3xl:64px;}</style><style data-emotion="css-global 1jqlf9g">html{line-height:1.5;-webkit-text-size-adjust:100%;font-family:system-ui,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;touch-action:manipulation;}body{position:relative;min-height:100%;font-feature-settings:'kern';}*,*::before,*::after{border-width:0;border-style:solid;box-sizing:border-box;}main{display:block;}hr{border-top-width:1px;box-sizing:content-box;height:0;overflow:visible;}pre,code,kbd,samp{font-family:SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:1em;}a{background-color:transparent;color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit;}abbr[title]{border-bottom:none;-webkit-text-decoration:underline;text-decoration:underline;-webkit-text-decoration:underline dotted;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bold;}small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sub{bottom:-0.25em;}sup{top:-0.5em;}img{border-style:none;}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible;}button,select{text-transform:none;}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0;}fieldset{padding:0.35em 0.75em 0.625em;}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline;}textarea{overflow:auto;}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{-webkit-appearance:none!important;}input[type="number"]{-moz-appearance:textfield;}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none!important;}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block;}summary{display:-webkit-box;display:-webkit-list-item;display:-ms-list-itembox;display:list-item;}template{display:none;}[hidden]{display:none!important;}body,blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0;}button{background:transparent;padding:0;}fieldset{margin:0;padding:0;}ol,ul{margin:0;padding:0;}textarea{resize:vertical;}button,[role="button"]{cursor:pointer;}button::-moz-focus-inner{border:0!important;}table{border-collapse:collapse;}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit;}button,input,optgroup,select,textarea{padding:0;line-height:inherit;color:inherit;}img,svg,video,canvas,audio,iframe,embed,object{display:block;}img,video{max-width:100%;height:auto;}[data-js-focus-visible] :focus:not([data-focus-visible-added]){outline:none;box-shadow:none;}select::-ms-expand{display:none;}</style><style data-emotion="css-global 1baqkrf">body{font-family:var(--chakra-fonts-body);color:var(--chakra-colors-gray-800);background:var(--chakra-colors-white);transition-property:background-color;transition-duration:var(--chakra-transition-duration-normal);line-height:var(--chakra-lineHeights-base);}*::-webkit-input-placeholder{color:var(--chakra-colors-gray-400);}*::-moz-placeholder{color:var(--chakra-colors-gray-400);}*:-ms-input-placeholder{color:var(--chakra-colors-gray-400);}*::placeholder{color:var(--chakra-colors-gray-400);}*,*::before,::after{border-color:var(--chakra-colors-gray-200);word-wrap:break-word;}</style><style data-emotion="css-global 1mrfcpj">.js-focus-visible :focus:not([data-focus-visible-added]){outline:none;box-shadow:none;}svg text tspan{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeSpeed;}svg .clickable-group{cursor:pointer;}svg .clickable-group:hover>[fill="rgb(65,53,214)"]{fill:#232381;stroke:#232381;}svg .clickable-group:hover>[fill="rgb(255,255,0)"]{fill:#d6d700;}svg .clickable-group:hover>[fill="rgb(255,229,153)"]{fill:#f3c950;}svg .clickable-group:hover>[fill="rgb(153,153,153)"]{fill:#646464;}svg .clickable-group:hover>[fill="rgb(255,255,255)"]{fill:#d7d7d7;}</style><style data-emotion="css gk6shj">.css-gk6shj{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;background:var(--chakra-colors-yellow-200);color:var(--chakra-colors-gray-900);position:-webkit-sticky;position:sticky;top:0px;z-index:999;padding-top:8px;padding-bottom:8px;}.css-gk6shj:hover,.css-gk6shj[data-hover]{-webkit-text-decoration:none;text-decoration:none;background:var(--chakra-colors-yellow-400);}</style><style data-emotion="css n1ed3e">.css-n1ed3e{transition-property:var(--chakra-transition-property-common);transition-duration:var(--chakra-transition-duration-fast);transition-timing-function:var(--chakra-transition-easing-ease-out);cursor:pointer;-webkit-text-decoration:none;text-decoration:none;outline:2px solid transparent;outline-offset:2px;color:inherit;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;background:var(--chakra-colors-yellow-200);color:var(--chakra-colors-gray-900);position:-webkit-sticky;position:sticky;top:0px;z-index:999;padding-top:8px;padding-bottom:8px;}.css-n1ed3e:hover,.css-n1ed3e[data-hover]{-webkit-text-decoration:underline;text-decoration:underline;}.css-n1ed3e:focus,.css-n1ed3e[data-focus]{box-shadow:var(--chakra-shadows-outline);}.css-n1ed3e:hover,.css-n1ed3e[data-hover]{-webkit-text-decoration:none;text-decoration:none;background:var(--chakra-colors-yellow-400);}</style><a target="_blank" class="chakra-link css-n1ed3e" href="https://youtube.com/theroadmap?sub_confirmation=1"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="currentColor" style="height:20px;display:inline-block;margin-right:7px"><path d="M19.615 3.184c-3.604-.246-11.631-.245-15.23 0C.488 3.45.029 5.804 0 12c.029 6.185.484 8.549 4.385 8.816 3.6.245 11.626.246 15.23 0C23.512 20.55 23.971 18.196 24 12c-.029-6.185-.484-8.549-4.385-8.816zM9 16V8l8 3.993L9 16z"></path></svg><style data-emotion="css 17vuvug">.css-17vuvug{font-weight:500;font-size:14px;}</style><span class="chakra-text css-17vuvug"><span class="chakra-text css-0">We now have a YouTube Channel. <style data-emotion="css 13wfqy8">.css-13wfqy8{display:none;}@media screen and (min-width: 30em){.css-13wfqy8{display:inline;}}</style><span class="chakra-text css-13wfqy8">Subscribe for the video content.</span></span></span></a><style data-emotion="css 123acky">.css-123acky{background:var(--chakra-colors-white);min-height:100vh;}</style><div class="css-123acky"><style data-emotion="css sttgv9">.css-sttgv9{background:var(--chakra-colors-gray-900);padding:20px 0;}</style><div class="css-sttgv9"><style data-emotion="css nm5t63">.css-nm5t63{width:100%;-webkit-margin-start:auto;margin-inline-start:auto;-webkit-margin-end:auto;margin-inline-end:auto;max-width:var(--chakra-sizes-container-md);-webkit-padding-start:1rem;padding-inline-start:1rem;-webkit-padding-end:1rem;padding-inline-end:1rem;}</style><div class="chakra-container css-nm5t63"><style data-emotion="css 1lekzkb">.css-1lekzkb{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;}</style><div class="css-1lekzkb"><div class="css-0"><style data-emotion="css 140fodl">.css-140fodl{transition-property:var(--chakra-transition-property-common);transition-duration:var(--chakra-transition-duration-fast);transition-timing-function:var(--chakra-transition-easing-ease-out);cursor:pointer;-webkit-text-decoration:none;text-decoration:none;outline:2px solid transparent;outline-offset:2px;color:var(--chakra-colors-white);width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-weight:600;font-size:18px;}.css-140fodl:hover,.css-140fodl[data-hover]{-webkit-text-decoration:none;text-decoration:none;}.css-140fodl:focus,.css-140fodl[data-focus]{box-shadow:var(--chakra-shadows-outline);}</style><a class="chakra-link css-140fodl" href="/"><svg width="30" height="30" viewBox="0 0 283 283" fill="none" xmlns="http://www.w3.org/2000/svg" style="height:30px;width:30px;margin-right:10px"><path d="M0 39C0 17.46 17.46 0 39 0h205c21.539 0 39 17.46 39 39v205c0 21.539-17.461 39-39 39H39c-21.54 0-39-17.461-39-39V39Z" fill="#000"></path><path d="M121.215 210.72c-1.867.56-4.854 1.12-8.96 1.68-3.92.56-8.027.84-12.32.84-4.107 0-7.84-.28-11.2-.84-3.174-.56-5.88-1.68-8.12-3.36-2.24-1.68-4.014-3.92-5.32-6.72-1.12-2.987-1.68-6.813-1.68-11.48v-84c0-4.293.746-7.933 2.24-10.92 1.68-3.173 4.013-5.973 7-8.4 2.986-2.427 6.626-4.573 10.92-6.44 4.48-2.053 9.24-3.827 14.28-5.32a106.176 106.176 0 0 1 15.68-3.36 95.412 95.412 0 0 1 16.24-1.4c8.96 0 16.053 1.773 21.28 5.32 5.226 3.36 7.84 8.96 7.84 16.8 0 2.613-.374 5.227-1.12 7.84-.747 2.427-1.68 4.667-2.8 6.72-3.92 0-7.934.187-12.04.56-4.107.373-8.12.933-12.04 1.68-3.92.747-7.654 1.587-11.2 2.52-3.36.747-6.254 1.68-8.68 2.8v95.48Zm45.172-22.4c0-7.84 2.426-14.373 7.28-19.6 4.853-5.227 11.48-7.84 19.88-7.84 8.4 0 15.026 2.613 19.88 7.84 4.853 5.227 7.28 11.76 7.28 19.6 0 7.84-2.427 14.373-7.28 19.6-4.854 5.227-11.48 7.84-19.88 7.84-8.4 0-15.027-2.613-19.88-7.84-4.854-5.227-7.28-11.76-7.28-19.6Z" fill="#fff"></path></svg><style data-emotion="css 1youuz0">.css-1youuz0{display:block;}@media screen and (min-width: 30em){.css-1youuz0{display:none;}}@media screen and (min-width: 48em){.css-1youuz0{display:block;}}</style><span class="chakra-text css-1youuz0">roadmap.sh</span></a></div><style data-emotion="css 1w38872">.css-1w38872{display:none;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;color:var(--chakra-colors-gray-50);font-size:15px;}.css-1w38872>*:not(style)~*:not(style){margin-top:0px;-webkit-margin-end:0px;margin-inline-end:0px;margin-bottom:0px;-webkit-margin-start:15px;margin-inline-start:15px;}@media screen and (min-width: 30em){.css-1w38872{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}}@media screen and (min-width: 48em){.css-1w38872{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}}</style><div class="chakra-stack css-1w38872"><style data-emotion="css 1qy82gu">.css-1qy82gu{display:inline-block;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;min-width:0px;}</style><div class="chakra-stack__item css-1qy82gu"><style data-emotion="css lstwx6">.css-lstwx6{transition-property:var(--chakra-transition-property-common);transition-duration:var(--chakra-transition-duration-fast);transition-timing-function:var(--chakra-transition-easing-ease-out);cursor:pointer;-webkit-text-decoration:none;text-decoration:none;outline:2px solid transparent;outline-offset:2px;color:inherit;border-bottom-width:0;border-bottom-color:var(--chakra-colors-gray-500);font-weight:500;}.css-lstwx6:hover,.css-lstwx6[data-hover]{-webkit-text-decoration:none;text-decoration:none;border-bottom-color:var(--chakra-colors-white);}.css-lstwx6:focus,.css-lstwx6[data-focus]{box-shadow:var(--chakra-shadows-outline);}</style><a class="chakra-link css-lstwx6" href="/roadmaps">Roadmaps</a></div><div class="chakra-stack__item css-1qy82gu"><a class="chakra-link css-lstwx6" href="/guides">Guides</a></div><div class="chakra-stack__item css-1qy82gu"><a class="chakra-link css-lstwx6" href="/watch">Videos</a></div><div class="chakra-stack__item css-1qy82gu"><a class="chakra-link css-lstwx6" href="/thanks">Thanks</a></div><div class="chakra-stack__item css-1qy82gu"><style data-emotion="css t88ydv">.css-t88ydv{transition-property:var(--chakra-transition-property-common);transition-duration:var(--chakra-transition-duration-fast);transition-timing-function:var(--chakra-transition-easing-ease-out);cursor:pointer;-webkit-text-decoration:none;text-decoration:none;outline:2px solid transparent;outline-offset:2px;color:inherit;margin-left:10px;background-image:linear-gradient(to left, var(--chakra-colors-yellow-700), var(--chakra-colors-red-600));padding:7px 10px;border-radius:4px;font-weight:500;}.css-t88ydv:hover,.css-t88ydv[data-hover]{-webkit-text-decoration:none;text-decoration:none;background-image:linear-gradient(to left, var(--chakra-colors-red-800), var(--chakra-colors-yellow-700));}.css-t88ydv:focus,.css-t88ydv[data-focus]{box-shadow:var(--chakra-shadows-outline);}</style><a class="chakra-link css-t88ydv" href="/signup">Subscribe</a></div></div><style data-emotion="css lpr56g">.css-lpr56g{display:block;-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;appearance:none;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;white-space:nowrap;vertical-align:middle;outline:2px solid transparent;outline-offset:2px;width:auto;line-height:1.2;border-radius:5px;font-weight:var(--chakra-fontWeights-semibold);transition-property:var(--chakra-transition-property-common);transition-duration:var(--chakra-transition-duration-normal);height:auto;min-width:var(--chakra-sizes-10);font-size:var(--chakra-fontSizes-md);-webkit-padding-start:var(--chakra-space-4);padding-inline-start:var(--chakra-space-4);-webkit-padding-end:var(--chakra-space-4);padding-inline-end:var(--chakra-space-4);background:var(--chakra-colors-transparent);padding:0px;color:var(--chakra-colors-white);cursor:pointer;}.css-lpr56g:focus,.css-lpr56g[data-focus]{background:var(--chakra-colors-transparent);}.css-lpr56g[disabled],.css-lpr56g[aria-disabled=true],.css-lpr56g[data-disabled]{opacity:0.4;cursor:not-allowed;box-shadow:var(--chakra-shadows-none);}.css-lpr56g:hover,.css-lpr56g[data-hover]{background:var(--chakra-colors-transparent);}.css-lpr56g:active,.css-lpr56g[data-active]{background:var(--chakra-colors-transparent);}@media screen and (min-width: 30em){.css-lpr56g{display:none;}}@media screen and (min-width: 48em){.css-lpr56g{display:none;}}</style><button type="button" class="chakra-button css-lpr56g" aria-label="Menu"><style data-emotion="css 17elikm">.css-17elikm{width:25px;height:25px;display:inline-block;line-height:1em;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;color:var(--chakra-colors-white);vertical-align:middle;}</style><svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-17elikm" aria-hidden="true"><path fill="currentColor" d="M 3 5 A 1.0001 1.0001 0 1 0 3 7 L 21 7 A 1.0001 1.0001 0 1 0 21 5 L 3 5 z M 3 11 A 1.0001 1.0001 0 1 0 3 13 L 21 13 A 1.0001 1.0001 0 1 0 21 11 L 3 11 z M 3 17 A 1.0001 1.0001 0 1 0 3 19 L 21 19 A 1.0001 1.0001 0 1 0 21 17 L 3 17 z"></path></svg></button></div></div></div><style data-emotion="css flpniz">.css-flpniz{margin-bottom:60px;}</style><div class="css-flpniz"><style data-emotion="css gs1c7k">.css-gs1c7k{padding-top:25px;padding-bottom:20px;border-bottom-width:1px;margin-bottom:30px;}@media screen and (min-width: 30em){.css-gs1c7k{padding-top:20px;padding-bottom:15px;}}@media screen and (min-width: 48em){.css-gs1c7k{padding-top:45px;padding-bottom:30px;}}</style><div class="css-gs1c7k"><style data-emotion="css ms16h5">.css-ms16h5{width:100%;-webkit-margin-start:auto;margin-inline-start:auto;-webkit-margin-end:auto;margin-inline-end:auto;max-width:var(--chakra-sizes-container-md);-webkit-padding-start:1rem;padding-inline-start:1rem;-webkit-padding-end:1rem;padding-inline-end:1rem;position:relative;}</style><div class="chakra-container css-ms16h5"><style data-emotion="css icqtwo">.css-icqtwo{font-family:var(--chakra-fonts-heading);font-weight:700;font-size:28px;line-height:1.33;color:var(--chakra-colors-black);margin-bottom:2px;}@media screen and (min-width: 30em){.css-icqtwo{font-size:33px;margin-bottom:2px;}}@media screen and (min-width: 48em){.css-icqtwo{font-size:40px;line-height:1.2;margin-bottom:5px;}}</style><h1 class="chakra-heading css-icqtwo">React Developer</h1><style data-emotion="css 7zsnf3">.css-7zsnf3{font-size:13px;}@media screen and (min-width: 30em){.css-7zsnf3{font-size:14px;}}@media screen and (min-width: 48em){.css-7zsnf3{font-size:15px;}}</style><p class="chakra-text css-7zsnf3">Everything that is there to learn about React and the ecosystem in 2021.</p></div><div class="chakra-container css-nm5t63"><style data-emotion="css 9jtzp6">.css-9jtzp6{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;margin-top:20px;}.css-9jtzp6>*:not(style)~*:not(style){margin-top:0px;-webkit-margin-end:0px;margin-inline-end:0px;margin-bottom:0px;-webkit-margin-start:0.5rem;margin-inline-start:0.5rem;}</style><div class="chakra-stack css-9jtzp6"><style data-emotion="css uas8ez">.css-uas8ez{display:none;-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;appearance:none;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;white-space:nowrap;vertical-align:middle;outline:2px solid transparent;outline-offset:2px;width:auto;line-height:1.2;border-radius:var(--chakra-radii-md);font-weight:var(--chakra-fontWeights-semibold);transition-property:var(--chakra-transition-property-common);transition-duration:var(--chakra-transition-duration-normal);height:var(--chakra-sizes-6);min-width:var(--chakra-sizes-6);font-size:var(--chakra-fontSizes-xs);-webkit-padding-start:10px;padding-inline-start:10px;-webkit-padding-end:10px;padding-inline-end:10px;background:var(--chakra-colors-teal-500);color:var(--chakra-colors-white);padding-top:14px;padding-bottom:14px;}.css-uas8ez:focus,.css-uas8ez[data-focus]{box-shadow:var(--chakra-shadows-outline);}.css-uas8ez[disabled],.css-uas8ez[aria-disabled=true],.css-uas8ez[data-disabled]{opacity:0.4;cursor:not-allowed;box-shadow:var(--chakra-shadows-none);}.css-uas8ez:hover,.css-uas8ez[data-hover]{-webkit-text-decoration:none;text-decoration:none;}.css-uas8ez:active,.css-uas8ez[data-active]{background:var(--chakra-colors-teal-700);}@media screen and (min-width: 30em){.css-uas8ez{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}}</style><style data-emotion="css 160zm2o">.css-160zm2o{transition-property:var(--chakra-transition-property-common);transition-duration:var(--chakra-transition-duration-fast);transition-timing-function:var(--chakra-transition-easing-ease-out);cursor:pointer;-webkit-text-decoration:none;text-decoration:none;outline:2px solid transparent;outline-offset:2px;color:inherit;display:none;-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;appearance:none;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;white-space:nowrap;vertical-align:middle;outline:2px solid transparent;outline-offset:2px;width:auto;line-height:1.2;border-radius:var(--chakra-radii-md);font-weight:var(--chakra-fontWeights-semibold);transition-property:var(--chakra-transition-property-common);transition-duration:var(--chakra-transition-duration-normal);height:var(--chakra-sizes-6);min-width:var(--chakra-sizes-6);font-size:var(--chakra-fontSizes-xs);-webkit-padding-start:10px;padding-inline-start:10px;-webkit-padding-end:10px;padding-inline-end:10px;background:var(--chakra-colors-teal-500);color:var(--chakra-colors-white);padding-top:14px;padding-bottom:14px;}.css-160zm2o:hover,.css-160zm2o[data-hover]{-webkit-text-decoration:underline;text-decoration:underline;}.css-160zm2o:focus,.css-160zm2o[data-focus]{box-shadow:var(--chakra-shadows-outline);}.css-160zm2o:focus,.css-160zm2o[data-focus]{box-shadow:var(--chakra-shadows-outline);}.css-160zm2o[disabled],.css-160zm2o[aria-disabled=true],.css-160zm2o[data-disabled]{opacity:0.4;cursor:not-allowed;box-shadow:var(--chakra-shadows-none);}.css-160zm2o:hover,.css-160zm2o[data-hover]{-webkit-text-decoration:none;text-decoration:none;}.css-160zm2o:active,.css-160zm2o[data-active]{background:var(--chakra-colors-teal-700);}@media screen and (min-width: 30em){.css-160zm2o{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}}</style><a class="chakra-link chakra-button css-160zm2o" href="/roadmaps"><style data-emotion="css 1wh2kri">.css-1wh2kri{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-self:center;-ms-flex-item-align:center;align-self:center;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;-webkit-margin-end:0.5rem;margin-inline-end:0.5rem;}</style><span class="chakra-button__icon css-1wh2kri"><style data-emotion="css onkibi">.css-onkibi{width:1em;height:1em;display:inline-block;line-height:1em;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;color:currentColor;vertical-align:middle;}</style><svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-onkibi" aria-hidden="true"><path fill="currentColor" d="M20 11H7.83l5.59-5.59L12 4l-8 8 8 8 1.41-1.41L7.83 13H20v-2z"></path></svg></span>All Roadmaps</a><style data-emotion="css 1chpn3">.css-1chpn3{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;appearance:none;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;white-space:nowrap;vertical-align:middle;outline:2px solid transparent;outline-offset:2px;width:auto;line-height:1.2;border-radius:var(--chakra-radii-md);font-weight:var(--chakra-fontWeights-semibold);transition-property:var(--chakra-transition-property-common);transition-duration:var(--chakra-transition-duration-normal);height:var(--chakra-sizes-6);min-width:var(--chakra-sizes-6);font-size:var(--chakra-fontSizes-xs);-webkit-padding-start:10px;padding-inline-start:10px;-webkit-padding-end:10px;padding-inline-end:10px;background:var(--chakra-colors-yellow-400);color:var(--chakra-colors-black);padding-top:14px;padding-bottom:14px;}.css-1chpn3:focus,.css-1chpn3[data-focus]{box-shadow:var(--chakra-shadows-outline);}.css-1chpn3[disabled],.css-1chpn3[aria-disabled=true],.css-1chpn3[data-disabled]{opacity:0.4;cursor:not-allowed;box-shadow:var(--chakra-shadows-none);}.css-1chpn3:hover,.css-1chpn3[data-hover]{-webkit-text-decoration:none;text-decoration:none;}.css-1chpn3:active,.css-1chpn3[data-active]{background:var(--chakra-colors-yellow-600);}</style><style data-emotion="css f8pa1y">.css-f8pa1y{transition-property:var(--chakra-transition-property-common);transition-duration:var(--chakra-transition-duration-fast);transition-timing-function:var(--chakra-transition-easing-ease-out);cursor:pointer;-webkit-text-decoration:none;text-decoration:none;outline:2px solid transparent;outline-offset:2px;color:inherit;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;appearance:none;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;white-space:nowrap;vertical-align:middle;outline:2px solid transparent;outline-offset:2px;width:auto;line-height:1.2;border-radius:var(--chakra-radii-md);font-weight:var(--chakra-fontWeights-semibold);transition-property:var(--chakra-transition-property-common);transition-duration:var(--chakra-transition-duration-normal);height:var(--chakra-sizes-6);min-width:var(--chakra-sizes-6);font-size:var(--chakra-fontSizes-xs);-webkit-padding-start:10px;padding-inline-start:10px;-webkit-padding-end:10px;padding-inline-end:10px;background:var(--chakra-colors-yellow-400);color:var(--chakra-colors-black);padding-top:14px;padding-bottom:14px;}.css-f8pa1y:hover,.css-f8pa1y[data-hover]{-webkit-text-decoration:underline;text-decoration:underline;}.css-f8pa1y:focus,.css-f8pa1y[data-focus]{box-shadow:var(--chakra-shadows-outline);}.css-f8pa1y:focus,.css-f8pa1y[data-focus]{box-shadow:var(--chakra-shadows-outline);}.css-f8pa1y[disabled],.css-f8pa1y[aria-disabled=true],.css-f8pa1y[data-disabled]{opacity:0.4;cursor:not-allowed;box-shadow:var(--chakra-shadows-none);}.css-f8pa1y:hover,.css-f8pa1y[data-hover]{-webkit-text-decoration:none;text-decoration:none;}.css-f8pa1y:active,.css-f8pa1y[data-active]{background:var(--chakra-colors-yellow-600);}</style><a target="_blank" class="chakra-link chakra-button css-f8pa1y" href="https://kamranahmedse.gumroad.com/l/react-roadmap"><span class="chakra-button__icon css-1wh2kri"><svg viewBox="0 0 14 14" focusable="false" class="chakra-icon css-onkibi" aria-hidden="true"><path fill="currentColor" d="M11.2857,6.05714 L10.08571,4.85714 L7.85714,7.14786 L7.85714,1 L6.14286,1 L6.14286,7.14786 L3.91429,4.85714 L2.71429,6.05714 L7,10.42857 L11.2857,6.05714 Z M1,11.2857 L1,13 L13,13 L13,11.2857 L1,11.2857 Z"></path></svg></span>Download PDF</a><a class="chakra-link chakra-button css-f8pa1y" href="/signup"><span class="chakra-button__icon css-1wh2kri"><svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-onkibi" aria-hidden="true"><path fill="currentColor" d="M12,.5A11.634,11.634,0,0,0,.262,12,11.634,11.634,0,0,0,12,23.5a11.836,11.836,0,0,0,6.624-2,1.25,1.25,0,1,0-1.393-2.076A9.34,9.34,0,0,1,12,21a9.132,9.132,0,0,1-9.238-9A9.132,9.132,0,0,1,12,3a9.132,9.132,0,0,1,9.238,9v.891a1.943,1.943,0,0,1-3.884,0V12A5.355,5.355,0,1,0,12,17.261a5.376,5.376,0,0,0,3.861-1.634,4.438,4.438,0,0,0,7.877-2.736V12A11.634,11.634,0,0,0,12,.5Zm0,14.261A2.763,2.763,0,1,1,14.854,12,2.812,2.812,0,0,1,12,14.761Z"></path></svg></span>Subscribe</a></div></div></div><style data-emotion="css 4xgnqx">.css-4xgnqx{width:100%;-webkit-margin-start:auto;margin-inline-start:auto;-webkit-margin-end:auto;margin-inline-end:auto;max-width:var(--chakra-sizes-container-lg);-webkit-padding-start:1rem;padding-inline-start:1rem;-webkit-padding-end:1rem;padding-inline-end:1rem;position:relative;}</style><div class="chakra-container css-4xgnqx"><div></div></div></div><style data-emotion="css zeuzl6">.css-zeuzl6{background:var(--chakra-colors-white);border-top-width:1px;padding-top:45px;padding-bottom:60px;text-align:center;}@media screen and (min-width: 30em){.css-zeuzl6{padding-top:45px;padding-bottom:60px;}}@media screen and (min-width: 48em){.css-zeuzl6{padding-top:70px;padding-bottom:90px;}}</style><div class="css-zeuzl6"><div class="chakra-container css-nm5t63"><style data-emotion="css 482acf">.css-482acf{font-family:var(--chakra-fonts-heading);font-weight:var(--chakra-fontWeights-bold);font-size:25px;line-height:1.33;margin-bottom:10px;}@media screen and (min-width: 30em){.css-482acf{font-size:25px;margin-bottom:10px;}}@media screen and (min-width: 48em){.css-482acf{font-size:35px;line-height:1.2;margin-bottom:20px;}}</style><h2 class="chakra-heading css-482acf">Open Source</h2><style data-emotion="css tmji1h">.css-tmji1h{line-height:26px;font-size:15px;margin-bottom:20px;}@media screen and (min-width: 30em){.css-tmji1h{font-size:15px;}}@media screen and (min-width: 48em){.css-tmji1h{font-size:16px;}}</style><p class="chakra-text css-tmji1h">The project is OpenSource, <style data-emotion="css 1om4i6h">.css-1om4i6h{transition-property:var(--chakra-transition-property-common);transition-duration:var(--chakra-transition-duration-fast);transition-timing-function:var(--chakra-transition-easing-ease-out);cursor:pointer;-webkit-text-decoration:none;text-decoration:none;outline:2px solid transparent;outline-offset:2px;color:inherit;border-bottom-width:1px;font-weight:600;}.css-1om4i6h:hover,.css-1om4i6h[data-hover]{-webkit-text-decoration:none;text-decoration:none;}.css-1om4i6h:focus,.css-1om4i6h[data-focus]{box-shadow:var(--chakra-shadows-outline);}</style><a target="_blank" class="chakra-link css-1om4i6h" href="https://github.com/search?o=desc&q=stars%3A%3E100000&s=stars&type=Repositories">7th most starred project on GitHub</a> and is visited by hundreds of thousands of developers every month.</p><iframe src="https://ghbtns.com/github-btn.html?user=kamranahmedse&repo=developer-roadmap&type=star&count=true&size=large" frameBorder="0" scrolling="0" width="170" height="30" style="margin:auto;margin-bottom:30px" title="GitHub"></iframe><style data-emotion="css mz2q9v">.css-mz2q9v{line-height:25px;font-size:15px;margin-bottom:15px;}@media screen and (min-width: 30em){.css-mz2q9v{line-height:25px;font-size:15px;}}@media screen and (min-width: 48em){.css-mz2q9v{line-height:26px;font-size:16px;}}</style><p class="chakra-text css-mz2q9v">A considerable amount of my time is spent doing unpaid community work on things that I hope will help humanity in some way. Your sponsorship helps me continue to produce more open-source and free educational material consumed by hundreds of thousands of developers every month.</p><div class="css-0"><iframe src="https://ghbtns.com/github-btn.html?user=kamranahmedse&type=sponsor&size=large" frameBorder="0" scrolling="0" width="260" height="30" title="GitHub" style="margin:auto"></iframe></div></div></div><style data-emotion="css llwly4">.css-llwly4{border-top-width:1px;padding-top:40px;padding-bottom:40px;text-align:left;background:var(--chakra-colors-brand-footer);}@media screen and (min-width: 30em){.css-llwly4{padding-top:40px;padding-bottom:45px;}}@media screen and (min-width: 48em){.css-llwly4{padding-top:70px;padding-bottom:80px;}}</style><div class="css-llwly4"><div class="chakra-container css-nm5t63"><style data-emotion="css 1bjthgu">.css-1bjthgu{font-family:var(--chakra-fonts-heading);font-weight:var(--chakra-fontWeights-bold);font-size:25px;line-height:1.33;color:var(--chakra-colors-gray-100);margin-bottom:5px;}@media screen and (min-width: 30em){.css-1bjthgu{font-size:25px;margin-bottom:5px;}}@media screen and (min-width: 48em){.css-1bjthgu{font-size:35px;line-height:1.2;margin-bottom:15px;}}</style><h2 class="chakra-heading css-1bjthgu">Stay Informed</h2><style data-emotion="css 1ne3i1y">.css-1ne3i1y{color:var(--chakra-colors-gray-400);line-height:26px;font-size:15px;margin-bottom:20px;}@media screen and (min-width: 30em){.css-1ne3i1y{font-size:15px;}}@media screen and (min-width: 48em){.css-1ne3i1y{font-size:16px;}}</style><p class="chakra-text css-1ne3i1y">Subscribe yourself to get updates, new guides, videos and roadmaps in your inbox.</p><style data-emotion="css u91i2o">.css-u91i2o{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}@media screen and (min-width: 30em){.css-u91i2o{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}}@media screen and (min-width: 48em){.css-u91i2o{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;}}</style><div class="css-u91i2o"><style data-emotion="css bjg6se">.css-bjg6se{margin-right:0px;margin-bottom:15px;}@media screen and (min-width: 30em){.css-bjg6se{margin-right:0px;margin-bottom:15px;}}@media screen and (min-width: 48em){.css-bjg6se{margin-right:20px;margin-bottom:0px;}}</style><div class="css-bjg6se"><style data-emotion="css 6cpjh7">.css-6cpjh7{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;appearance:none;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;white-space:nowrap;vertical-align:middle;outline:2px solid transparent;outline-offset:2px;width:var(--chakra-sizes-full);line-height:1.2;border-radius:var(--chakra-radii-md);font-weight:var(--chakra-fontWeights-semibold);transition-property:var(--chakra-transition-property-common);transition-duration:var(--chakra-transition-duration-normal);height:var(--chakra-sizes-10);min-width:var(--chakra-sizes-10);font-size:14px;-webkit-padding-start:var(--chakra-space-4);padding-inline-start:var(--chakra-space-4);-webkit-padding-end:var(--chakra-space-4);padding-inline-end:var(--chakra-space-4);border:1px solid;border-color:currentColor;color:var(--chakra-colors-green-600);background:var(--chakra-colors-transparent);border-width:2px;}@media screen and (min-width: 30em){.css-6cpjh7{width:auto;font-size:14px;}}.css-6cpjh7:focus,.css-6cpjh7[data-focus]{box-shadow:var(--chakra-shadows-outline);}.css-6cpjh7[disabled],.css-6cpjh7[aria-disabled=true],.css-6cpjh7[data-disabled]{opacity:0.4;cursor:not-allowed;box-shadow:var(--chakra-shadows-none);}.css-6cpjh7:hover,.css-6cpjh7[data-hover]{color:var(--chakra-colors-green-200);-webkit-text-decoration:none;text-decoration:none;}@media screen and (min-width: 48em){.css-6cpjh7{font-size:16px;}}.css-6cpjh7:active,.css-6cpjh7[data-active]{background:var(--chakra-colors-green-100);}</style><style data-emotion="css 198h90r">.css-198h90r{transition-property:var(--chakra-transition-property-common);transition-duration:var(--chakra-transition-duration-fast);transition-timing-function:var(--chakra-transition-easing-ease-out);cursor:pointer;-webkit-text-decoration:none;text-decoration:none;outline:2px solid transparent;outline-offset:2px;color:inherit;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;appearance:none;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;white-space:nowrap;vertical-align:middle;outline:2px solid transparent;outline-offset:2px;width:var(--chakra-sizes-full);line-height:1.2;border-radius:var(--chakra-radii-md);font-weight:var(--chakra-fontWeights-semibold);transition-property:var(--chakra-transition-property-common);transition-duration:var(--chakra-transition-duration-normal);height:var(--chakra-sizes-10);min-width:var(--chakra-sizes-10);font-size:14px;-webkit-padding-start:var(--chakra-space-4);padding-inline-start:var(--chakra-space-4);-webkit-padding-end:var(--chakra-space-4);padding-inline-end:var(--chakra-space-4);border:1px solid;border-color:currentColor;color:var(--chakra-colors-green-600);background:var(--chakra-colors-transparent);border-width:2px;}.css-198h90r:hover,.css-198h90r[data-hover]{-webkit-text-decoration:underline;text-decoration:underline;}.css-198h90r:focus,.css-198h90r[data-focus]{box-shadow:var(--chakra-shadows-outline);}@media screen and (min-width: 30em){.css-198h90r{width:auto;font-size:14px;}}.css-198h90r:focus,.css-198h90r[data-focus]{box-shadow:var(--chakra-shadows-outline);}.css-198h90r[disabled],.css-198h90r[aria-disabled=true],.css-198h90r[data-disabled]{opacity:0.4;cursor:not-allowed;box-shadow:var(--chakra-shadows-none);}.css-198h90r:hover,.css-198h90r[data-hover]{color:var(--chakra-colors-green-200);-webkit-text-decoration:none;text-decoration:none;}@media screen and (min-width: 48em){.css-198h90r{font-size:16px;}}.css-198h90r:active,.css-198h90r[data-active]{background:var(--chakra-colors-green-100);}</style><a class="chakra-link chakra-button css-198h90r" href="/signup">Subscribe to Updates</a><style data-emotion="css ilygfh">.css-ilygfh{color:var(--chakra-colors-gray-500);font-size:13px;margin-top:5px;}</style><p class="chakra-text css-ilygfh">Free subscription for updates</p></div><div class="css-0"><style data-emotion="css 1o5lodd">.css-1o5lodd{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;appearance:none;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;white-space:nowrap;vertical-align:middle;outline:2px solid transparent;outline-offset:2px;width:var(--chakra-sizes-full);line-height:1.2;border-radius:var(--chakra-radii-md);font-weight:var(--chakra-fontWeights-semibold);transition-property:var(--chakra-transition-property-common);transition-duration:var(--chakra-transition-duration-normal);height:var(--chakra-sizes-10);min-width:var(--chakra-sizes-10);font-size:14px;-webkit-padding-start:var(--chakra-space-4);padding-inline-start:var(--chakra-space-4);-webkit-padding-end:var(--chakra-space-4);padding-inline-end:var(--chakra-space-4);background:var(--chakra-colors-yellow-400);color:var(--chakra-colors-black);}@media screen and (min-width: 30em){.css-1o5lodd{width:auto;font-size:14px;}}.css-1o5lodd:focus,.css-1o5lodd[data-focus]{box-shadow:var(--chakra-shadows-outline);}.css-1o5lodd[disabled],.css-1o5lodd[aria-disabled=true],.css-1o5lodd[data-disabled]{opacity:0.4;cursor:not-allowed;box-shadow:var(--chakra-shadows-none);}.css-1o5lodd:hover,.css-1o5lodd[data-hover]{-webkit-text-decoration:none;text-decoration:none;background:var(--chakra-colors-yellow-500);}@media screen and (min-width: 48em){.css-1o5lodd{font-size:16px;}}.css-1o5lodd:active,.css-1o5lodd[data-active]{background:var(--chakra-colors-yellow-600);}</style><style data-emotion="css 1matfw4">.css-1matfw4{transition-property:var(--chakra-transition-property-common);transition-duration:var(--chakra-transition-duration-fast);transition-timing-function:var(--chakra-transition-easing-ease-out);cursor:pointer;-webkit-text-decoration:none;text-decoration:none;outline:2px solid transparent;outline-offset:2px;color:inherit;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;appearance:none;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;white-space:nowrap;vertical-align:middle;outline:2px solid transparent;outline-offset:2px;width:var(--chakra-sizes-full);line-height:1.2;border-radius:var(--chakra-radii-md);font-weight:var(--chakra-fontWeights-semibold);transition-property:var(--chakra-transition-property-common);transition-duration:var(--chakra-transition-duration-normal);height:var(--chakra-sizes-10);min-width:var(--chakra-sizes-10);font-size:14px;-webkit-padding-start:var(--chakra-space-4);padding-inline-start:var(--chakra-space-4);-webkit-padding-end:var(--chakra-space-4);padding-inline-end:var(--chakra-space-4);background:var(--chakra-colors-yellow-400);color:var(--chakra-colors-black);}.css-1matfw4:hover,.css-1matfw4[data-hover]{-webkit-text-decoration:underline;text-decoration:underline;}.css-1matfw4:focus,.css-1matfw4[data-focus]{box-shadow:var(--chakra-shadows-outline);}@media screen and (min-width: 30em){.css-1matfw4{width:auto;font-size:14px;}}.css-1matfw4:focus,.css-1matfw4[data-focus]{box-shadow:var(--chakra-shadows-outline);}.css-1matfw4[disabled],.css-1matfw4[aria-disabled=true],.css-1matfw4[data-disabled]{opacity:0.4;cursor:not-allowed;box-shadow:var(--chakra-shadows-none);}.css-1matfw4:hover,.css-1matfw4[data-hover]{-webkit-text-decoration:none;text-decoration:none;background:var(--chakra-colors-yellow-500);}@media screen and (min-width: 48em){.css-1matfw4{font-size:16px;}}.css-1matfw4:active,.css-1matfw4[data-active]{background:var(--chakra-colors-yellow-600);}</style><a target="_blank" class="chakra-link chakra-button css-1matfw4" href="https://github.com/sponsors/kamranahmedse">Updates & Paid Content</a><p class="chakra-text css-ilygfh">Support the project by paying as little as <style data-emotion="css 35ezg3">.css-35ezg3{font-weight:600;}</style><span class="chakra-text css-35ezg3">5$ per month</span></p></div></div></div></div><style data-emotion="css t1u31f">.css-t1u31f{background:var(--chakra-colors-brand-hero);padding:25px 0;}@media screen and (min-width: 30em){.css-t1u31f{padding:25px 0;}}@media screen and (min-width: 48em){.css-t1u31f{padding:40px 0;}}</style><div class="css-t1u31f"><div class="chakra-container css-nm5t63"><style data-emotion="css 1cvpnh4">.css-1cvpnh4{display:none;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;color:var(--chakra-colors-gray-400);font-weight:600;}.css-1cvpnh4>*:not(style)~*:not(style){margin-top:0px;-webkit-margin-end:0px;margin-inline-end:0px;margin-bottom:0px;-webkit-margin-start:30px;margin-inline-start:30px;}@media screen and (min-width: 30em){.css-1cvpnh4{display:none;}}@media screen and (min-width: 48em){.css-1cvpnh4{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}}</style><div class="chakra-stack css-1cvpnh4"><style data-emotion="css 1807wg8">.css-1807wg8{transition-property:var(--chakra-transition-property-common);transition-duration:var(--chakra-transition-duration-fast);transition-timing-function:var(--chakra-transition-easing-ease-out);cursor:pointer;-webkit-text-decoration:none;text-decoration:none;outline:2px solid transparent;outline-offset:2px;color:inherit;}.css-1807wg8:hover,.css-1807wg8[data-hover]{color:var(--chakra-colors-white);}.css-1807wg8:focus,.css-1807wg8[data-focus]{box-shadow:var(--chakra-shadows-outline);}</style><a class="chakra-link css-1807wg8" href="/roadmaps">Roadmaps</a><a class="chakra-link css-1807wg8" href="/guides">Guides</a><a class="chakra-link css-1807wg8" href="/watch">Videos</a><a class="chakra-link css-1807wg8" href="/about">About</a><a target="_blank" class="chakra-link css-1807wg8" href="https://youtube.com/theroadmap?sub_confirmation=1">YouTube</a></div><style data-emotion="css 1ehdw1x">.css-1ehdw1x{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;color:var(--chakra-colors-gray-400);font-weight:600;}.css-1ehdw1x>*:not(style)~*:not(style){margin-top:0px;-webkit-margin-end:0px;margin-inline-end:0px;margin-bottom:0px;-webkit-margin-start:0px;margin-inline-start:0px;}@media screen and (min-width: 30em){.css-1ehdw1x{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}}@media screen and (min-width: 48em){.css-1ehdw1x{display:none;}}</style><div class="chakra-stack css-1ehdw1x"><style data-emotion="css vsan9l">.css-vsan9l{transition-property:var(--chakra-transition-property-common);transition-duration:var(--chakra-transition-duration-fast);transition-timing-function:var(--chakra-transition-easing-ease-out);cursor:pointer;-webkit-text-decoration:none;text-decoration:none;outline:2px solid transparent;outline-offset:2px;color:inherit;padding-top:7px;padding-bottom:7px;border-bottom-width:1px;border-bottom-color:var(--chakra-colors-gray-800);}.css-vsan9l:hover,.css-vsan9l[data-hover]{color:var(--chakra-colors-white);}.css-vsan9l:focus,.css-vsan9l[data-focus]{box-shadow:var(--chakra-shadows-outline);}</style><a class="chakra-link css-vsan9l" href="/roadmaps">Roadmaps</a><a class="chakra-link css-vsan9l" href="/guides">Guides</a><a class="chakra-link css-vsan9l" href="/watch">Videos</a><a class="chakra-link css-vsan9l" href="/thanks">Thanks</a><a class="chakra-link css-vsan9l" href="/about">About</a><style data-emotion="css ex4by1">.css-ex4by1{transition-property:var(--chakra-transition-property-common);transition-duration:var(--chakra-transition-duration-fast);transition-timing-function:var(--chakra-transition-easing-ease-out);cursor:pointer;-webkit-text-decoration:none;text-decoration:none;outline:2px solid transparent;outline-offset:2px;color:inherit;padding-top:7px;padding-bottom:7px;}.css-ex4by1:hover,.css-ex4by1[data-hover]{color:var(--chakra-colors-white);}.css-ex4by1:focus,.css-ex4by1[data-focus]{box-shadow:var(--chakra-shadows-outline);}</style><a target="_blank" class="chakra-link css-ex4by1" href="https://youtube.com/theroadmap?sub_confirmation=1">YouTube</a></div><style data-emotion="css opw3zq">.css-opw3zq{margin-top:40px;margin-bottom:40px;max-width:500px;}@media screen and (min-width: 30em){.css-opw3zq{margin-top:40px;}}@media screen and (min-width: 48em){.css-opw3zq{margin-top:50px;}}</style><div class="css-opw3zq"><style data-emotion="css 1r78w6">.css-1r78w6{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--chakra-colors-gray-400);}</style><div spacing="0" class="css-1r78w6"><style data-emotion="css 1cdtrts">.css-1cdtrts{transition-property:var(--chakra-transition-property-common);transition-duration:var(--chakra-transition-duration-fast);transition-timing-function:var(--chakra-transition-easing-ease-out);cursor:pointer;-webkit-text-decoration:none;text-decoration:none;outline:2px solid transparent;outline-offset:2px;color:inherit;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-weight:600;}.css-1cdtrts:hover,.css-1cdtrts[data-hover]{-webkit-text-decoration:none;text-decoration:none;color:var(--chakra-colors-white);}.css-1cdtrts:focus,.css-1cdtrts[data-focus]{box-shadow:var(--chakra-shadows-outline);}</style><a class="chakra-link css-1cdtrts" href="/"><style data-emotion="css 1l24g6b">.css-1l24g6b{height:25px;width:25px;margin-right:6px;}</style><img alt="" src="/logo.svg" class="chakra-image css-1l24g6b"/>roadmap.sh</a><style data-emotion="css qh3ecy">.css-qh3ecy{-webkit-margin-start:7px;margin-inline-start:7px;-webkit-margin-end:7px;margin-inline-end:7px;}</style><span class="chakra-text css-qh3ecy">by</span><style data-emotion="css 1svda2y">.css-1svda2y{transition-property:var(--chakra-transition-property-common);transition-duration:var(--chakra-transition-duration-fast);transition-timing-function:var(--chakra-transition-easing-ease-out);cursor:pointer;-webkit-text-decoration:none;text-decoration:none;outline:2px solid transparent;outline-offset:2px;color:var(--chakra-colors-white);background:var(--chakra-colors-blue-500);-webkit-padding-start:6px;padding-inline-start:6px;-webkit-padding-end:6px;padding-inline-end:6px;padding-top:2px;padding-bottom:2px;border-radius:4px;font-weight:600;font-size:13px;}.css-1svda2y:hover,.css-1svda2y[data-hover]{-webkit-text-decoration:none;text-decoration:none;background:var(--chakra-colors-blue-600);}.css-1svda2y:focus,.css-1svda2y[data-focus]{box-shadow:var(--chakra-shadows-outline);}</style><a target="_blank" class="chakra-link css-1svda2y" href="https://twitter.com/kamranahmedse">@kamranahmedse</a></div><style data-emotion="css gp4krv">.css-gp4krv{margin-top:15px;margin-bottom:15px;font-size:14px;color:var(--chakra-colors-gray-500);}</style><p class="chakra-text css-gp4krv">Community created roadmaps, articles, resources and journeys to help you choose your path and grow in your career.</p><style data-emotion="css 1vf9ext">.css-1vf9ext{font-size:14px;color:var(--chakra-colors-gray-500);}</style><p class="chakra-text css-1vf9ext"><style data-emotion="css lvyu5j">.css-lvyu5j{margin-right:10px;}</style><span class="chakra-text css-lvyu5j">© roadmap.sh</span>·<style data-emotion="css q9uhdd">.css-q9uhdd{transition-property:var(--chakra-transition-property-common);transition-duration:var(--chakra-transition-duration-fast);transition-timing-function:var(--chakra-transition-easing-ease-out);cursor:pointer;-webkit-text-decoration:none;text-decoration:none;outline:2px solid transparent;outline-offset:2px;color:var(--chakra-colors-gray-400);-webkit-margin-start:10px;margin-inline-start:10px;-webkit-margin-end:10px;margin-inline-end:10px;}.css-q9uhdd:hover,.css-q9uhdd[data-hover]{-webkit-text-decoration:none;text-decoration:none;color:var(--chakra-colors-white);}.css-q9uhdd:focus,.css-q9uhdd[data-focus]{box-shadow:var(--chakra-shadows-outline);}</style><a class="chakra-link css-q9uhdd" href="/about">FAQs</a>·<a class="chakra-link css-q9uhdd" href="/terms">Terms</a>·<a class="chakra-link css-q9uhdd" href="/privacy">Privacy</a></p></div></div><script async="" type="text/javascript" src="//cdn.carbonads.com/carbon.js?serve=CE7DLK3Y&placement=roadmapsh" id="_carbonads_js"></script></div></div><span></span></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{"roadmap":{"seo":{"title":"React Developer Roadmap: Learn to become a React developer","description":"Community driven, articles, resources, guides, interview questions, quizzes for react development. Learn to become a modern React developer by following the steps, skills, resources and guides listed in this roadmap.","keywords":["guide to becoming a react developer","react developer roadmap","react roadmap","become react developer","react developer skills","react skills test","skills for react development","learn react development","what is react","react quiz","react interview questions"]},"title":"React Developer","description":"Everything that is there to learn about React and the ecosystem in 2021.","featuredTitle":"React","featuredDescription":"Step by step guide to become a React Developer in 2021","isTextHeavy":false,"isCommunity":false,"featured":true,"contentPath":"/roadmaps/103-react/landscape.md","resourcesPath":"/roadmaps/103-react/resources.md","versions":["latest","2018","2017"],"author":{"name":"Kamran Ahmed","url":"https://twitter.com/kamranahmedse"},"pdfUrl":"https://kamranahmedse.gumroad.com/l/react-roadmap","id":"react","metaPath":"/roadmaps/103-react/meta.json","isUpcoming":false},"json":{"mockup":{"controls":{"control":[{"ID":"0","typeID":"Arrow","zOrder":"4","w":"105","h":"15","measuredW":"150","measuredH":"100","x":"248","y":"1040","properties":{"color":"2848996","curvature":"-1","direction":"bottom","leftArrow":"false","p0":{"x":104,"y":0},"p1":{"x":0.5740721807586137,"y":0.016256006543298233},"p2":{"x":0,"y":14},"rightArrow":"false","stroke":"dotted"}},{"ID":"1","typeID":"Arrow","zOrder":"5","w":"92","h":"22","measuredW":"150","measuredH":"100","x":"259","y":"1012","properties":{"color":"2848996","curvature":"0","direction":"top","leftArrow":"false","p0":{"x":91,"y":21},"p1":{"x":0.5676406229888018,"y":0.009525035397091009},"p2":{"x":0,"y":0},"rightArrow":"false","stroke":"dotted"}},{"ID":"2","typeID":"Arrow","zOrder":"6","w":"89","h":"19","measuredW":"150","measuredH":"100","x":"255","y":"983","properties":{"color":"2848996","curvature":"-1","direction":"bottom","leftArrow":"false","p0":{"x":88,"y":0},"p1":{"x":0.5740721807586137,"y":0.016256006543298233},"p2":{"x":0,"y":18},"rightArrow":"false","stroke":"dotted"}},{"ID":"3","typeID":"Arrow","zOrder":"7","w":"6","h":"75","measuredW":"150","measuredH":"100","x":"908","y":"1063","properties":{"color":"2848996","curvature":"1","direction":"top","leftArrow":"false","p0":{"length":74.16872656315464,"x":5,"y":74},"p1":{"length":0.5062618190857066,"x":0.5058572949946751,"y":0.020234291799786995},"p2":{"length":1,"x":1,"y":0},"rightArrow":"false","stroke":"dotted"}},{"ID":"4","typeID":"Arrow","zOrder":"8","w":"140","h":"446","measuredW":"150","measuredH":"100","x":"489","y":"953","properties":{"color":"2848996","curvature":"-1","direction":"bottom","leftArrow":"false","p0":{"x":133,"y":0},"p1":{"x":0.6169504337496851,"y":0.15190237932399842},"p2":{"x":0,"y":445},"rightArrow":"false","stroke":"dotted"}},{"ID":"5","typeID":"Arrow","zOrder":"9","w":"95","h":"1","measuredW":"150","measuredH":"100","x":"251","y":"1396","properties":{"color":"2848996","curvature":"0","direction":"top","leftArrow":"false","p0":{"length":0,"x":0,"y":0},"p1":{"length":0.638011617080294,"x":0.6380090497737556,"y":-0.0018099547511312248},"p2":{"length":94,"x":94,"y":0},"rightArrow":"false","stroke":"dotted"}},{"ID":"6","typeID":"Arrow","zOrder":"10","w":"101","h":"33","measuredW":"150","measuredH":"100","x":"984","y":"1311","properties":{"color":"2848996","curvature":"-1","direction":"top","leftArrow":"false","p0":{"length":0,"x":0,"y":0},"p1":{"length":0.49484881151760673,"x":0.49473684210526325,"y":-0.01052631578947367},"p2":{"length":104.9952379872535,"x":100,"y":32},"rightArrow":"false","stroke":"dotted"}},{"ID":"7","typeID":"Arrow","zOrder":"11","w":"88","h":"7","measuredW":"150","measuredH":"100","x":"987","y":"1293","properties":{"color":"2848996","curvature":"1","direction":"bottom","leftArrow":"false","p0":{"length":6,"x":0,"y":6},"p1":{"length":0.4948488115176065,"x":0.49473684210526303,"y":-0.010526315789473628},"p2":{"length":87,"x":87,"y":0},"rightArrow":"false","stroke":"dotted"}},{"ID":"8","typeID":"Arrow","zOrder":"12","w":"86","h":"55","measuredW":"150","measuredH":"100","x":"987","y":"1242","properties":{"color":"2848996","curvature":"1","direction":"bottom","leftArrow":"false","p0":{"length":54,"x":0,"y":54},"p1":{"length":0.4948488115176066,"x":0.49473684210526314,"y":-0.010526315789473687},"p2":{"length":85,"x":85,"y":0},"rightArrow":"false","stroke":"dotted"}},{"ID":"9","typeID":"Arrow","zOrder":"13","w":"6","h":"564","measuredW":"150","measuredH":"100","x":"673","y":"955","properties":{"color":"2848996","curvature":"0","direction":"top","leftArrow":"false","rightArrow":"false","p0":{"x":3,"y":0},"p1":{"x":0.5326751848090502,"y":0.008478779433645877},"p2":{"x":0.33333333333337123,"y":563.6666666666667}}},{"ID":"10","typeID":"Arrow","zOrder":"14","w":"1","h":"82","measuredW":"150","measuredH":"100","x":"925","y":"1297","properties":{"color":"2848996","curvature":"-1","direction":"top","leftArrow":"false","p0":{"length":81,"x":0,"y":81},"p1":{"length":0.4948488115176067,"x":0.4947368421052632,"y":-0.010526315789473686},"p2":{"length":0,"x":0,"y":0},"rightArrow":"false","stroke":"dotted"}},{"ID":"11","typeID":"Arrow","zOrder":"15","w":"170","h":"343","measuredW":"150","measuredH":"100","x":"702","y":"957","properties":{"color":"2848996","curvature":"-1","direction":"top","leftArrow":"false","p0":{"x":0,"y":0},"p1":{"x":0.6386805175102196,"y":-0.15317754646213494},"p2":{"x":169,"y":342},"rightArrow":"false","stroke":"dotted"}},{"ID":"12","typeID":"Arrow","zOrder":"16","w":"65","h":"99","measuredW":"150","measuredH":"100","x":"480","y":"939","properties":{"color":"2848996","curvature":"-1","direction":"bottom","leftArrow":"false","p0":{"x":64,"y":0},"p1":{"x":0.6971153846153847,"y":0.14182692307692307},"p2":{"x":0,"y":98},"rightArrow":"false","stroke":"dotted"}},{"ID":"13","typeID":"Arrow","zOrder":"17","w":"64","h":"109","measuredW":"150","measuredH":"100","x":"728","y":"948","properties":{"color":"2848996","curvature":"-1","direction":"top","leftArrow":"false","p0":{"x":0,"y":0},"p1":{"x":0.7038144329896907,"y":-0.09391752577319588},"p2":{"x":63,"y":108},"rightArrow":"false","stroke":"dotted"}},{"ID":"14","typeID":"Arrow","zOrder":"18","w":"58","h":"42","measuredW":"150","measuredH":"100","x":"976","y":"841","properties":{"color":"2848996","curvature":"1","direction":"bottom","leftArrow":"false","p0":{"x":57,"y":0},"p1":{"x":0.35054421156786897,"y":-0.018800035980930063},"p2":{"x":0,"y":41},"rightArrow":"false","stroke":"dotted"}},{"ID":"15","typeID":"Arrow","zOrder":"19","w":"67","h":"3","measuredW":"150","measuredH":"100","x":"972","y":"885","properties":{"color":"2848996","curvature":"1","direction":"top","leftArrow":"false","p0":{"x":66,"y":0},"p1":{"x":0.5343850513095418,"y":0.03614642364833821},"p2":{"x":0,"y":0},"rightArrow":"false","stroke":"dotted"}},{"ID":"16","typeID":"Arrow","zOrder":"20","w":"60","h":"103","measuredW":"150","measuredH":"100","x":"976","y":"980","properties":{"color":"2848996","curvature":"1","direction":"top","leftArrow":"false","p0":{"x":59,"y":102},"p1":{"x":0.5058572949946751,"y":0.020234291799787023},"p2":{"x":0,"y":0},"rightArrow":"false","stroke":"dotted"}},{"ID":"17","typeID":"Arrow","zOrder":"21","w":"66","h":"75","measuredW":"150","measuredH":"100","x":"975","y":"971","properties":{"color":"2848996","curvature":"-1","direction":"top","leftArrow":"false","p0":{"x":65,"y":74},"p1":{"x":0.5567467271415318,"y":-0.043088341408102256},"p2":{"x":0,"y":0},"rightArrow":"false","stroke":"dotted"}},{"ID":"18","typeID":"Arrow","zOrder":"22","w":"74","h":"27","measuredW":"150","measuredH":"100","x":"974","y":"965","properties":{"color":"2848996","curvature":"-1","direction":"top","leftArrow":"false","p0":{"x":73,"y":26},"p1":{"x":0.5398834304746045,"y":-0.05428809325562032},"p2":{"x":0,"y":0},"rightArrow":"false","stroke":"dotted"}},{"ID":"19","typeID":"Arrow","zOrder":"23","w":"63","h":"24","measuredW":"150","measuredH":"100","x":"730","y":"945","properties":{"color":"2848996","curvature":"-1","direction":"top","leftArrow":"false","p0":{"x":0,"y":0},"p1":{"x":0.4043899289864429,"y":-0.01368624919302776},"p2":{"x":62,"y":23},"rightArrow":"false","stroke":"dotted"}},{"ID":"20","typeID":"Arrow","zOrder":"24","w":"74","h":"44","measuredW":"150","measuredH":"100","x":"974","y":"896","properties":{"color":"2848996","curvature":"-1","direction":"top","leftArrow":"false","p0":{"x":73,"y":43},"p1":{"x":0.4578313253012048,"y":-0.012048192771084336},"p2":{"x":0,"y":0},"rightArrow":"false","stroke":"dotted"}},{"ID":"21","typeID":"Arrow","zOrder":"25","w":"95","h":"18","measuredW":"150","measuredH":"100","x":"251","y":"1162","properties":{"color":"2848996","curvature":"1","direction":"top","leftArrow":"false","p0":{"length":1,"x":0,"y":1},"p1":{"length":0.48824871437239115,"x":0.48542738182708794,"y":0.05241244183198628},"p2":{"length":95.524865872714,"x":94,"y":17},"rightArrow":"false","stroke":"dotted"}},{"ID":"22","typeID":"Arrow","zOrder":"26","w":"94","h":"59","measuredW":"150","measuredH":"100","x":"251","y":"1116","properties":{"color":"2848996","curvature":"1","direction":"top","leftArrow":"false","p0":{"length":1,"x":0,"y":1},"p1":{"length":0.3714921097791618,"x":0.35753908219868885,"y":0.10085728693898134},"p2":{"length":109.60383204979652,"x":93,"y":58},"rightArrow":"false","stroke":"dotted"}},{"ID":"23","typeID":"Arrow","zOrder":"27","w":"2","h":"96","measuredW":"150","measuredH":"100","x":"411","y":"1181","properties":{"color":"2848996","curvature":"0","direction":"bottom","leftArrow":"false","p0":{"length":95,"x":0,"y":95},"p1":{"length":0.4737749079645269,"x":0.4737425216042544,"y":-0.005539552404165743},"p2":{"length":1,"x":1,"y":0},"rightArrow":"false","stroke":"dotted"}},{"ID":"24","typeID":"Arrow","zOrder":"28","w":"83","h":"101","measuredW":"150","measuredH":"100","x":"261","y":"1195","properties":{"color":"2848996","curvature":"-1","direction":"bottom","leftArrow":"false","p0":{"length":100,"x":0,"y":100},"p1":{"length":0.48824871437239115,"x":0.48542738182708794,"y":0.05241244183198633},"p2":{"length":82,"x":82,"y":0},"rightArrow":"false","stroke":"dotted"}},{"ID":"25","typeID":"Arrow","zOrder":"29","w":"93","h":"153","measuredW":"150","measuredH":"100","x":"259","y":"1185","properties":{"color":"2848996","curvature":"1","direction":"bottom","leftArrow":"false","p0":{"length":152,"x":0,"y":152},"p1":{"length":0.2803995773177261,"x":0.2781297516472377,"y":-0.035605676634566624},"p2":{"length":92,"x":92,"y":0},"rightArrow":"false","stroke":"dotted"}},{"ID":"26","typeID":"Arrow","zOrder":"30","w":"94","h":"61","measuredW":"150","measuredH":"100","x":"256","y":"1182","properties":{"color":"2848996","curvature":"-1","direction":"bottom","leftArrow":"false","p0":{"length":60,"x":0,"y":60},"p1":{"length":0.48824871437239115,"x":0.48542738182708794,"y":0.05241244183198629},"p2":{"length":93,"x":93,"y":0},"rightArrow":"false","stroke":"dotted"}},{"ID":"27","typeID":"Arrow","zOrder":"31","w":"68","h":"51","measuredW":"150","measuredH":"100","x":"728","y":"886","properties":{"color":"2848996","curvature":"1","direction":"bottom","leftArrow":"false","p0":{"x":67,"y":0},"p1":{"x":0.44040635284017743,"y":-0.08985548719416225},"p2":{"x":0,"y":50},"rightArrow":"false","stroke":"dotted"}},{"ID":"28","typeID":"Arrow","zOrder":"32","w":"106","h":"16","measuredW":"150","measuredH":"100","x":"248","y":"937","properties":{"color":"2848996","curvature":"1","direction":"bottom","leftArrow":"false","p0":{"x":0,"y":11},"p1":{"x":0.418664047151277,"y":-0.08212180746561885},"p2":{"x":105,"y":0},"rightArrow":"false","stroke":"dotted"}},{"ID":"29","typeID":"Arrow","zOrder":"33","w":"94","h":"31","measuredW":"150","measuredH":"100","x":"251","y":"899","properties":{"color":"2848996","curvature":"1","direction":"top","leftArrow":"false","p0":{"x":0,"y":0},"p1":{"x":0.5210888020482415,"y":0.050532273278533865},"p2":{"x":93,"y":30},"rightArrow":"false","stroke":"dotted"}},{"ID":"30","typeID":"Arrow","zOrder":"34","w":"109","h":"5","measuredW":"150","measuredH":"100","x":"450","y":"932","properties":{"color":"2848996","curvature":"0","direction":"bottom","leftArrow":"false","p0":{"length":108,"x":108,"y":0},"p1":{"length":0.638011617080294,"x":0.6380090497737556,"y":-0.001809954751131225},"p2":{"length":4,"x":0,"y":4},"rightArrow":"false","stroke":"dotted"}},{"ID":"31","typeID":"Arrow","zOrder":"35","w":"104","h":"234","measuredW":"150","measuredH":"100","x":"474","y":"947","properties":{"color":"2848996","curvature":"-1","direction":"bottom","leftArrow":"false","p0":{"x":102,"y":0},"p1":{"x":0.6562581123678843,"y":0.2116447246430558},"p2":{"x":0,"y":233},"rightArrow":"false","stroke":"dotted"}},{"ID":"32","typeID":"Arrow","zOrder":"36","w":"103","h":"132","measuredW":"150","measuredH":"100","x":"848","y":"653","properties":{"color":"2848996","curvature":"1","direction":"top","leftArrow":"false","p0":{"x":102,"y":131},"p1":{"x":0.5003083620533285,"y":0.08372936695084346},"p2":{"x":0,"y":0},"rightArrow":"false","stroke":"dotted"}},{"ID":"33","typeID":"Arrow","zOrder":"37","w":"49","h":"292","measuredW":"150","measuredH":"100","x":"689","y":"641","properties":{"color":"2848996","curvature":"1","direction":"top","leftArrow":"false","p0":{"x":0,"y":0},"p1":{"x":0.5185682873198143,"y":0.16381627168336182},"p2":{"x":1,"y":291},"rightArrow":"false"}},{"ID":"34","typeID":"Arrow","zOrder":"38","w":"117","h":"92","measuredW":"150","measuredH":"100","x":"838","y":"643","properties":{"color":"2848996","curvature":"1","direction":"top","leftArrow":"false","p0":{"x":116,"y":91},"p1":{"x":0.4263237797304136,"y":0.049960896167824446},"p2":{"x":0,"y":0},"rightArrow":"false","stroke":"dotted"}},{"ID":"35","typeID":"Arrow","zOrder":"39","w":"111","h":"53","measuredW":"150","measuredH":"100","x":"840","y":"635","properties":{"color":"2848996","curvature":"1","direction":"top","leftArrow":"false","p0":{"x":110,"y":52},"p1":{"x":0.4531207781680627,"y":0.04147527695217509},"p2":{"x":0,"y":0},"rightArrow":"false","stroke":"dotted"}},{"ID":"36","typeID":"Arrow","zOrder":"40","w":"119","h":"7","measuredW":"150","measuredH":"100","x":"839","y":"627","properties":{"color":"2848996","curvature":"0","direction":"top","leftArrow":"false","p0":{"x":118,"y":6},"p1":{"x":0.4652789342214827,"y":-0.0013322231473772738},"p2":{"x":0,"y":0},"rightArrow":"false","stroke":"dotted"}},{"ID":"37","typeID":"Arrow","zOrder":"41","w":"89","h":"106","measuredW":"150","measuredH":"100","x":"498","y":"654","properties":{"color":"2848996","curvature":"-1","direction":"bottom","leftArrow":"false","p0":{"x":88,"y":0},"p1":{"x":0.694396551724138,"y":0.14525862068965517},"p2":{"x":0,"y":104},"rightArrow":"false","stroke":"dotted"}},{"ID":"38","typeID":"Arrow","zOrder":"42","w":"93","h":"65","measuredW":"150","measuredH":"100","x":"490","y":"650","properties":{"color":"2848996","curvature":"-1","direction":"bottom","leftArrow":"false","p0":{"x":92,"y":0},"p1":{"x":0.5165605095541401,"y":0.08630573248407643},"p2":{"x":0,"y":64},"rightArrow":"false","stroke":"dotted"}},{"ID":"39","typeID":"Arrow","zOrder":"43","w":"69","h":"35","measuredW":"150","measuredH":"100","x":"295","y":"616","properties":{"color":"2848996","curvature":"0","direction":"bottom","leftArrow":"false","p0":{"length":34,"x":0,"y":34},"p1":{"length":0.4078400012423434,"x":0.4078368652538985,"y":0.001599360255897608},"p2":{"length":68,"x":68,"y":0},"rightArrow":"false","stroke":"dotted"}},{"ID":"40","typeID":"Arrow","zOrder":"44","w":"81","h":"20","measuredW":"150","measuredH":"100","x":"307","y":"593","properties":{"color":"2848996","curvature":"0","direction":"top","leftArrow":"false","p0":{"x":80,"y":19},"p1":{"x":0.46527893422148264,"y":-0.0013322231473772645},"p2":{"x":0,"y":0},"rightArrow":"false","stroke":"dotted"}},{"ID":"41","typeID":"Arrow","zOrder":"45","w":"114","h":"76","measuredW":"150","measuredH":"100","x":"828","y":"426","properties":{"color":"2848996","curvature":"1","direction":"top","leftArrow":"false","p0":{"length":135.6244815658294,"x":113,"y":75},"p1":{"length":0.49034679797322295,"x":0.4873025247305478,"y":0.05455485014026291},"p2":{"length":0,"x":0,"y":0},"rightArrow":"false","stroke":"dotted"}},{"ID":"42","typeID":"Arrow","zOrder":"46","w":"88","h":"21","measuredW":"150","measuredH":"100","x":"497","y":"610","properties":{"color":"2848996","curvature":"-1","direction":"top","leftArrow":"false","p0":{"x":87,"y":20},"p1":{"x":0.46091103024218855,"y":-0.0549629815535199},"p2":{"x":0,"y":0},"rightArrow":"false","stroke":"dotted"}},{"ID":"43","typeID":"Arrow","zOrder":"47","w":"105","h":"29","measuredW":"150","measuredH":"100","x":"487","y":"633","properties":{"color":"2848996","curvature":"-1","direction":"bottom","leftArrow":"false","p0":{"x":104,"y":0},"p1":{"x":0.47141024775535,"y":0.024843043272800916},"p2":{"x":0,"y":28},"rightArrow":"false","stroke":"dotted"}},{"ID":"44","typeID":"Arrow","zOrder":"48","w":"108","h":"118","measuredW":"150","measuredH":"100","x":"472","y":"425","properties":{"color":"2848996","curvature":"-1","direction":"bottom","leftArrow":"false","p0":{"x":107,"y":0},"p1":{"x":0.5565339359463882,"y":0.11104184524273356},"p2":{"x":0,"y":117},"rightArrow":"false","stroke":"dotted"}},{"ID":"45","typeID":"Arrow","zOrder":"49","w":"102","h":"66","measuredW":"150","measuredH":"100","x":"471","y":"426","properties":{"color":"2848996","curvature":"-1","direction":"bottom","leftArrow":"false","p0":{"x":101,"y":0},"p1":{"x":0.49432499118787465,"y":0.03919633415579831},"p2":{"x":0,"y":65},"rightArrow":"false","stroke":"dotted"}},{"ID":"46","typeID":"Arrow","zOrder":"50","w":"66","h":"65","measuredW":"150","measuredH":"100","x":"1061","y":"507","properties":{"color":"2848996","curvature":"-1","direction":"top","leftArrow":"false","p0":{"length":91.21951545584967,"x":65,"y":64},"p1":{"length":0.4412347883439139,"x":0.41749789688739336,"y":-0.14277130152625886},"p2":{"length":0,"x":0,"y":0},"rightArrow":"false","stroke":"dotted"}},{"ID":"47","typeID":"Arrow","zOrder":"51","w":"114","h":"32","measuredW":"150","measuredH":"100","x":"837","y":"421","properties":{"color":"2848996","curvature":"1","direction":"top","leftArrow":"false","p0":{"length":117.17508267545622,"x":113,"y":31},"p1":{"length":0.49034679797322256,"x":0.4873025247305474,"y":0.0545548501402628},"p2":{"length":0,"x":0,"y":0},"rightArrow":"false","stroke":"dotted"}},{"ID":"48","typeID":"Arrow","zOrder":"52","w":"50","h":"77","measuredW":"150","measuredH":"100","x":"998","y":"504","properties":{"color":"2848996","curvature":"-1","direction":"bottom","leftArrow":"false","p0":{"length":76,"x":0,"y":76},"p1":{"length":0.4763317432510617,"x":0.4659313041049986,"y":0.09899469421949178},"p2":{"length":49,"x":49,"y":0},"rightArrow":"false","stroke":"dotted"}},{"ID":"49","typeID":"Arrow","zOrder":"53","w":"129","h":"11","measuredW":"150","measuredH":"100","x":"826","y":"404","properties":{"color":"2848996","curvature":"0","direction":"bottom","leftArrow":"false","p0":{"length":128,"x":128,"y":0},"p1":{"length":0.4652808414804905,"x":0.4652789342214827,"y":-0.0013322231473772849},"p2":{"length":10,"x":0,"y":10},"rightArrow":"false","stroke":"dotted"}},{"ID":"50","typeID":"Arrow","zOrder":"54","w":"110","h":"19","measuredW":"150","measuredH":"100","x":"462","y":"423","properties":{"color":"2848996","curvature":"-1","direction":"bottom","leftArrow":"false","p0":{"x":109,"y":0},"p1":{"x":0.49432499118787454,"y":0.03919633415579837},"p2":{"x":0,"y":18},"rightArrow":"false","stroke":"dotted"}},{"ID":"51","typeID":"Arrow","zOrder":"55","w":"67","h":"29","measuredW":"150","measuredH":"100","x":"267","y":"438","properties":{"color":"2848996","curvature":"1","direction":"bottom","leftArrow":"false","p0":{"length":28,"x":0,"y":28},"p1":{"length":0.45024852627028145,"x":0.4470817120622568,"y":-0.053307392996108954},"p2":{"length":66,"x":66,"y":0},"rightArrow":"false","stroke":"dotted"}},{"ID":"52","typeID":"Arrow","zOrder":"56","w":"70","h":"27","measuredW":"150","measuredH":"100","x":"268","y":"413","properties":{"color":"2848996","curvature":"1","direction":"top","leftArrow":"false","p0":{"length":0,"x":0,"y":0},"p1":{"length":0.4463661980631013,"x":0.44581164221486,"y":0.022243256034074732},"p2":{"length":73.7360156233031,"x":69,"y":26},"rightArrow":"false","stroke":"dotted"}},{"ID":"53","typeID":"Arrow","zOrder":"57","w":"38","h":"210","measuredW":"150","measuredH":"100","x":"648","y":"424","properties":{"color":"2848996","curvature":"-1","direction":"top","leftArrow":"false","p0":{"x":23,"y":0},"p1":{"x":0.4841230221604845,"y":-0.13778134699281577},"p2":{"x":37,"y":209},"rightArrow":"false"}},{"ID":"54","typeID":"Arrow","zOrder":"58","w":"30","h":"92","measuredW":"150","measuredH":"100","x":"676","y":"309","properties":{"color":"2848996","curvature":"-1","direction":"bottom","leftArrow":"false","rightArrow":"false","p0":{"x":24.028182754193494,"y":0.15641534085972353},"p1":{"x":0.4488347077805664,"y":0.15539619935460736},"p2":{"x":0,"y":92}}},{"ID":"57","typeID":"Canvas","zOrder":"59","w":"350","h":"141","measuredW":"100","measuredH":"70","x":"884","y":"74"},{"ID":"58","typeID":"Label","zOrder":"60","measuredW":"314","measuredH":"25","x":"898","y":"91","properties":{"size":"17","text":"Find the detailed version of this roadmap"}},{"ID":"59","typeID":"Label","zOrder":"61","measuredW":"319","measuredH":"25","x":"898","y":"119","properties":{"size":"17","text":"along with resources and other roadmaps"}},{"ID":"60","typeID":"Canvas","zOrder":"62","w":"320","h":"45","measuredW":"100","measuredH":"70","x":"899","y":"155","properties":{"borderColor":"4273622","color":"4273622"}},{"ID":"61","typeID":"Label","zOrder":"63","measuredW":"105","measuredH":"28","x":"1040","y":"163","properties":{"color":"16777215","size":"20","text":"roadmap.sh"}},{"ID":"62","typeID":"Label","zOrder":"64","measuredW":"35","measuredH":"28","x":"975","y":"163","properties":{"color":"16777215","size":"20","text":"http"}},{"ID":"63","typeID":"Label","zOrder":"65","measuredW":"5","measuredH":"28","x":"1012","y":"163","properties":{"color":"16777215","size":"20","text":":"}},{"ID":"64","typeID":"Label","zOrder":"66","measuredW":"10","measuredH":"28","x":"1019","y":"164","properties":{"color":"16777215","size":"20","text":"/"}},{"ID":"65","typeID":"Label","zOrder":"67","measuredW":"10","measuredH":"28","x":"1027","y":"164","properties":{"color":"16777215","size":"20","text":"/"}},{"ID":"79","typeID":"Arrow","zOrder":"68","w":"118","h":"51","measuredW":"150","measuredH":"100","x":"824","y":"356","properties":{"color":"2848996","curvature":"1","direction":"bottom","leftArrow":"false","p0":{"x":117,"y":0},"p1":{"x":0.45522128005575546,"y":-0.05494250203275646},"p2":{"x":0,"y":50},"rightArrow":"false","stroke":"dotted"}},{"ID":"80","typeID":"Arrow","zOrder":"69","w":"128","h":"35","measuredW":"150","measuredH":"100","x":"443","y":"385","properties":{"color":"2848996","curvature":"0","direction":"top","leftArrow":"false","p0":{"x":127,"y":34},"p1":{"x":0.4652789342214826,"y":-0.0013322231473772712},"p2":{"x":0,"y":0},"rightArrow":"false","stroke":"dotted"}},{"ID":"81","typeID":"Arrow","zOrder":"70","w":"109","h":"80","measuredW":"150","measuredH":"100","x":"462","y":"332","properties":{"color":"2848996","curvature":"-1","direction":"top","leftArrow":"false","p0":{"x":108,"y":79},"p1":{"x":0.45522128005575585,"y":-0.054942502032756343},"p2":{"x":0,"y":0},"rightArrow":"false","stroke":"dotted"}},{"ID":"82","typeID":"TextArea","zOrder":"71","w":"272","h":"50","measuredW":"200","measuredH":"140","x":"562","y":"394","properties":{"color":"16776960"}},{"ID":"83","typeID":"Label","zOrder":"72","measuredW":"155","measuredH":"25","x":"617","y":"407","properties":{"size":"17","text":"Fundamental Topics"}},{"ID":"84","typeID":"TextArea","zOrder":"73","w":"159","h":"44","measuredW":"200","measuredH":"140","x":"322","y":"415","properties":{"color":"16770457"}},{"ID":"85","typeID":"Label","zOrder":"74","measuredW":"99","measuredH":"25","x":"351","y":"425","properties":{"size":"17","text":"Components"}},{"ID":"86","typeID":"TextArea","zOrder":"75","w":"255","h":"44","measuredW":"200","measuredH":"140","x":"932","y":"433","properties":{"color":"16770457"}},{"ID":"87","typeID":"Label","zOrder":"76","measuredW":"210","measuredH":"25","x":"954","y":"443","properties":{"size":"17","text":"Composition vs Inheritance"}},{"ID":"88","typeID":"TextArea","zOrder":"77","w":"213","h":"44","measuredW":"200","measuredH":"140","x":"73","y":"392","properties":{"color":"16770457"}},{"ID":"89","typeID":"Label","zOrder":"78","measuredW":"183","measuredH":"25","x":"89","y":"402","properties":{"size":"17","text":"Functional Components"}},{"ID":"90","typeID":"TextArea","zOrder":"79","w":"213","h":"44","measuredW":"200","measuredH":"140","x":"73","y":"442","properties":{"color":"16770457"}},{"ID":"91","typeID":"Label","zOrder":"80","measuredW":"146","measuredH":"25","x":"106","y":"452","properties":{"size":"17","text":"Class Components"}},{"ID":"92","typeID":"TextArea","zOrder":"81","w":"159","h":"44","measuredW":"200","measuredH":"140","x":"322","y":"365","properties":{"color":"16770457"}},{"ID":"93","typeID":"Label","zOrder":"82","measuredW":"30","measuredH":"25","x":"385","y":"375","properties":{"size":"17","text":"JSX"}},{"ID":"94","typeID":"TextArea","zOrder":"83","w":"159","h":"44","measuredW":"200","measuredH":"140","x":"322","y":"467","properties":{"color":"16770457"}},{"ID":"95","typeID":"Label","zOrder":"84","measuredW":"110","measuredH":"25","x":"344","y":"477","properties":{"size":"17","text":"Props vs State"}},{"ID":"96","typeID":"TextArea","zOrder":"85","w":"254","h":"42","measuredW":"200","measuredH":"140","x":"933","y":"483","properties":{"color":"16770457"}},{"ID":"97","typeID":"Label","zOrder":"86","measuredW":"96","measuredH":"25","x":"1013","y":"492","properties":{"size":"17","text":"Basic Hooks"}},{"ID":"98","typeID":"TextArea","zOrder":"87","w":"153","h":"44","measuredW":"200","measuredH":"140","x":"906","y":"551","properties":{"color":"16770457"}},{"ID":"99","typeID":"Label","zOrder":"88","measuredW":"69","measuredH":"25","x":"947","y":"561","properties":{"size":"17","text":"useState"}},{"ID":"100","typeID":"TextArea","zOrder":"89","w":"153","h":"44","measuredW":"200","measuredH":"140","x":"1066","y":"551","properties":{"color":"16770457"}},{"ID":"101","typeID":"Label","zOrder":"90","measuredW":"73","measuredH":"25","x":"1105","y":"561","properties":{"size":"17","text":"useEffect"}},{"ID":"102","typeID":"TextArea","zOrder":"91","w":"255","h":"44","measuredW":"200","measuredH":"140","x":"932","y":"384","properties":{"color":"16770457"}},{"ID":"103","typeID":"Label","zOrder":"92","measuredW":"111","measuredH":"25","x":"1002","y":"394","properties":{"size":"17","text":"Lists and Keys"}},{"ID":"104","typeID":"TextArea","zOrder":"93","w":"215","h":"44","measuredW":"200","measuredH":"140","x":"268","y":"517","properties":{"color":"16770457"}},{"ID":"105","typeID":"Label","zOrder":"94","measuredW":"173","measuredH":"25","x":"291","y":"527","properties":{"size":"17","text":"Conditional Rendering"}},{"ID":"106","typeID":"TextArea","zOrder":"95","w":"214","h":"44","measuredW":"200","measuredH":"140","x":"268","y":"315","properties":{"color":"16770457"}},{"ID":"107","typeID":"Label","zOrder":"96","measuredW":"139","measuredH":"25","x":"305","y":"325","properties":{"size":"17","text":"Create React App"}},{"ID":"108","typeID":"TextArea","zOrder":"97","w":"255","h":"44","measuredW":"200","measuredH":"140","x":"932","y":"333","properties":{"color":"16770457"}},{"ID":"109","typeID":"Label","zOrder":"98","measuredW":"170","measuredH":"25","x":"974","y":"343","properties":{"size":"17","text":"Component Life Cycle"}},{"ID":"110","typeID":"TextArea","zOrder":"99","w":"272","h":"50","measuredW":"200","measuredH":"140","x":"578","y":"609","properties":{"color":"16776960"}},{"ID":"111","typeID":"Label","zOrder":"100","measuredW":"130","measuredH":"25","x":"646","y":"622","properties":{"size":"17","text":"Advanced Topics"}},{"ID":"112","typeID":"TextArea","zOrder":"101","w":"157","h":"44","measuredW":"200","measuredH":"140","x":"351","y":"590","properties":{"color":"16770457"}},{"ID":"113","typeID":"Label","zOrder":"102","measuredW":"49","measuredH":"25","x":"406","y":"600","properties":{"size":"17","text":"Hooks"}},{"ID":"114","typeID":"TextArea","zOrder":"103","w":"243","h":"44","measuredW":"200","measuredH":"140","x":"75","y":"569","properties":{"color":"16770457"}},{"ID":"115","typeID":"Label","zOrder":"104","measuredW":"183","measuredH":"25","x":"103","y":"579","properties":{"size":"17","text":"Writing your Own Hooks"}},{"ID":"116","typeID":"__group__","zOrder":"105","measuredW":"243","measuredH":"248","w":"243","h":"248","x":"75","y":"620","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":"124","measuredH":"25","x":"59","y":"15","properties":{"bold":"true","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":"217","h":"43","measuredW":"200","measuredH":"140","x":"13","y":"193","properties":{"color":"16770457"}},{"ID":"11","typeID":"Label","zOrder":"11","measuredW":"88","measuredH":"25","x":"77","y":"202","properties":{"size":"17","text":"useContext"}}]}}},{"ID":"117","typeID":"TextArea","zOrder":"106","w":"157","h":"44","measuredW":"200","measuredH":"140","x":"351","y":"639","properties":{"color":"16770457"}},{"ID":"118","typeID":"Label","zOrder":"107","measuredW":"60","measuredH":"25","x":"399","y":"649","properties":{"size":"17","text":"Context"}},{"ID":"119","typeID":"TextArea","zOrder":"108","w":"157","h":"44","measuredW":"200","measuredH":"140","x":"351","y":"689","properties":{"color":"16770457"}},{"ID":"120","typeID":"Label","zOrder":"109","measuredW":"36","measuredH":"25","x":"411","y":"699","properties":{"size":"17","text":"Refs"}},{"ID":"121","typeID":"TextArea","zOrder":"110","w":"157","h":"44","measuredW":"200","measuredH":"140","x":"351","y":"739","properties":{"color":"16770457"}},{"ID":"122","typeID":"Label","zOrder":"111","measuredW":"107","measuredH":"25","x":"376","y":"749","properties":{"size":"17","text":"Render Props"}},{"ID":"123","typeID":"TextArea","zOrder":"112","w":"224","h":"44","measuredW":"200","measuredH":"140","x":"942","y":"612","properties":{"color":"16770457"}},{"ID":"124","typeID":"Label","zOrder":"113","measuredW":"188","measuredH":"25","x":"960","y":"622","properties":{"size":"17","text":"High Order Components"}},{"ID":"125","typeID":"TextArea","zOrder":"114","w":"224","h":"44","measuredW":"200","measuredH":"140","x":"942","y":"662","properties":{"color":"16770457"}},{"ID":"126","typeID":"Label","zOrder":"115","measuredW":"53","measuredH":"25","x":"1027","y":"672","properties":{"size":"17","text":"Portals"}},{"ID":"127","typeID":"TextArea","zOrder":"116","w":"224","h":"44","measuredW":"200","measuredH":"140","x":"942","y":"711","properties":{"color":"16770457"}},{"ID":"128","typeID":"Label","zOrder":"117","measuredW":"132","measuredH":"25","x":"989","y":"721","properties":{"size":"17","text":"Error Boundaries"}},{"ID":"129","typeID":"TextArea","zOrder":"118","w":"224","h":"44","measuredW":"200","measuredH":"140","x":"942","y":"760","properties":{"color":"16770457"}},{"ID":"130","typeID":"Label","zOrder":"119","measuredW":"138","measuredH":"25","x":"985","y":"770","properties":{"size":"17","text":"Fiber Architecture"}},{"ID":"131","typeID":"TextArea","zOrder":"120","w":"201","h":"50","measuredW":"200","measuredH":"140","x":"534","y":"912","properties":{"color":"16776960"}},{"ID":"132","typeID":"Label","zOrder":"121","measuredW":"84","measuredH":"25","x":"590","y":"924","properties":{"size":"17","text":"Ecosystem"}},{"ID":"135","typeID":"TextArea","zOrder":"122","w":"202","h":"44","measuredW":"200","measuredH":"140","x":"780","y":"867","properties":{"color":"16767334"}},{"ID":"136","typeID":"Label","zOrder":"123","measuredW":"48","measuredH":"25","x":"857","y":"877","properties":{"size":"17","text":"Forms"}},{"ID":"137","typeID":"TextArea","zOrder":"124","w":"171","h":"44","measuredW":"200","measuredH":"140","x":"1029","y":"819","properties":{"color":"16770457"}},{"ID":"138","typeID":"Label","zOrder":"125","measuredW":"135","measuredH":"25","x":"1048","y":"829","properties":{"size":"17","text":"React Hook Form"}},{"ID":"139","typeID":"TextArea","zOrder":"126","w":"171","h":"44","measuredW":"200","measuredH":"140","x":"1029","y":"867","properties":{"color":"16770457"}},{"ID":"140","typeID":"Label","zOrder":"127","measuredW":"52","measuredH":"25","x":"1089","y":"877","properties":{"size":"17","text":"Formik"}},{"ID":"141","typeID":"TextArea","zOrder":"128","w":"171","h":"44","measuredW":"200","measuredH":"140","x":"1029","y":"915","properties":{"color":"16770457"}},{"ID":"142","typeID":"Label","zOrder":"129","measuredW":"82","measuredH":"25","x":"1075","y":"925","properties":{"size":"17","text":"Final Form"}},{"ID":"151","typeID":"TextArea","zOrder":"130","w":"157","h":"44","measuredW":"200","measuredH":"140","x":"335","y":"911","properties":{"color":"16767334"}},{"ID":"152","typeID":"Label","zOrder":"131","measuredW":"61","measuredH":"25","x":"383","y":"921","properties":{"size":"17","text":"Routers"}},{"ID":"153","typeID":"TextArea","zOrder":"132","w":"157","h":"44","measuredW":"200","measuredH":"140","x":"110","y":"877","properties":{"color":"16770457"}},{"ID":"154","typeID":"Label","zOrder":"133","measuredW":"104","measuredH":"25","x":"136","y":"887","properties":{"size":"17","text":"React Router"}},{"ID":"157","typeID":"TextArea","zOrder":"134","w":"157","h":"44","measuredW":"200","measuredH":"140","x":"109","y":"927","properties":{"color":"16770457"}},{"ID":"158","typeID":"Label","zOrder":"135","measuredW":"108","measuredH":"25","x":"135","y":"937","properties":{"size":"17","text":"Reach Router"}},{"ID":"162","typeID":"TextArea","zOrder":"136","w":"157","h":"44","measuredW":"200","measuredH":"140","x":"335","y":"1157","properties":{"color":"16767334"}},{"ID":"163","typeID":"Label","zOrder":"137","measuredW":"69","measuredH":"25","x":"378","y":"1167","properties":{"size":"17","text":"API Calls"}},{"ID":"164","typeID":"TextArea","zOrder":"138","w":"157","h":"44","measuredW":"200","measuredH":"140","x":"110","y":"1219","properties":{"color":"16770457"}},{"ID":"165","typeID":"Label","zOrder":"139","measuredW":"41","measuredH":"25","x":"167","y":"1229","properties":{"size":"17","text":"Axios"}},{"ID":"168","typeID":"TextArea","zOrder":"140","w":"157","h":"44","measuredW":"200","measuredH":"140","x":"109","y":"1269","properties":{"color":"16770457"}},{"ID":"169","typeID":"Label","zOrder":"141","measuredW":"61","measuredH":"25","x":"158","y":"1279","properties":{"size":"17","text":"Unfetch"}},{"ID":"173","typeID":"TextArea","zOrder":"142","w":"157","h":"44","measuredW":"200","measuredH":"140","x":"109","y":"1318","properties":{"color":"16770457"}},{"ID":"174","typeID":"Label","zOrder":"143","measuredW":"88","measuredH":"25","x":"144","y":"1328","properties":{"size":"17","text":"superagent"}},{"ID":"178","typeID":"Label","zOrder":"144","measuredW":"25","measuredH":"117","x":"75","y":"1230","properties":{"size":"17","text":"REST API Calls","textOrientation":"up"}},{"ID":"180","typeID":"TextArea","zOrder":"145","w":"157","h":"44","measuredW":"200","measuredH":"140","x":"335","y":"1240","properties":{"color":"16770457"}},{"ID":"181","typeID":"Label","zOrder":"146","measuredW":"64","measuredH":"25","x":"380","y":"1250","properties":{"size":"17","text":"use-http"}},{"ID":"184","typeID":"TextArea","zOrder":"147","w":"156","h":"44","measuredW":"200","measuredH":"140","x":"109","y":"1093","properties":{"color":"16770457"}},{"ID":"185","typeID":"Label","zOrder":"148","measuredW":"48","measuredH":"25","x":"164","y":"1103","properties":{"size":"17","text":"Apollo"}},{"ID":"186","typeID":"TextArea","zOrder":"149","w":"156","h":"44","measuredW":"200","measuredH":"140","x":"109","y":"1141","properties":{"color":"16770457"}},{"ID":"187","typeID":"Label","zOrder":"150","measuredW":"107","measuredH":"25","x":"134","y":"1151","properties":{"size":"17","text":"Relay Modern"}},{"ID":"193","typeID":"Label","zOrder":"151","measuredW":"25","measuredH":"71","x":"75","y":"1108","properties":{"size":"17","text":"GraphQL","textOrientation":"up"}},{"ID":"194","typeID":"TextArea","zOrder":"152","w":"202","h":"44","measuredW":"200","measuredH":"140","x":"780","y":"945","properties":{"color":"16767334"}},{"ID":"195","typeID":"Label","zOrder":"153","measuredW":"56","measuredH":"25","x":"852","y":"955","properties":{"size":"17","text":"Testing"}},{"ID":"196","typeID":"TextArea","zOrder":"154","w":"218","h":"44","measuredW":"200","measuredH":"140","x":"1029","y":"974","properties":{"color":"16770457"}},{"ID":"197","typeID":"Label","zOrder":"155","measuredW":"33","measuredH":"25","x":"1121","y":"984","properties":{"size":"17","text":"Jest"}},{"ID":"198","typeID":"TextArea","zOrder":"156","w":"218","h":"44","measuredW":"200","measuredH":"140","x":"1029","y":"1023","properties":{"color":"16770457"}},{"ID":"199","typeID":"Label","zOrder":"157","measuredW":"164","measuredH":"25","x":"1054","y":"1033","properties":{"size":"17","text":"React Testing Library"}},{"ID":"204","typeID":"TextArea","zOrder":"158","w":"218","h":"44","measuredW":"200","measuredH":"140","x":"1029","y":"1072","properties":{"color":"16770457"}},{"ID":"205","typeID":"Label","zOrder":"159","measuredW":"63","measuredH":"25","x":"1105","y":"1082","properties":{"size":"17","text":"Cypress"}},{"ID":"208","typeID":"TextArea","zOrder":"160","w":"202","h":"44","measuredW":"200","measuredH":"140","x":"787","y":"1034","properties":{"color":"16767334"}},{"ID":"209","typeID":"Label","zOrder":"161","measuredW":"148","measuredH":"25","x":"814","y":"1044","properties":{"size":"17","text":"State Management"}},{"ID":"210","typeID":"TextArea","zOrder":"162","w":"155","h":"44","measuredW":"200","measuredH":"140","x":"837","y":"1117","properties":{"color":"16770457"}},{"ID":"211","typeID":"Label","zOrder":"163","measuredW":"117","measuredH":"25","x":"854","y":"1127","properties":{"size":"17","text":"Context / State"}},{"ID":"212","typeID":"TextArea","zOrder":"164","w":"155","h":"44","measuredW":"200","measuredH":"140","x":"837","y":"1166","properties":{"color":"16770457"}},{"ID":"213","typeID":"Label","zOrder":"165","measuredW":"50","measuredH":"25","x":"890","y":"1176","properties":{"size":"17","text":"Redux"}},{"ID":"214","typeID":"TextArea","zOrder":"166","w":"155","h":"44","measuredW":"200","measuredH":"140","x":"837","y":"1214","properties":{"color":"16770457"}},{"ID":"215","typeID":"Label","zOrder":"167","measuredW":"44","measuredH":"25","x":"893","y":"1224","properties":{"size":"17","text":"MobX"}},{"ID":"223","typeID":"TextArea","zOrder":"168","w":"157","h":"44","measuredW":"200","measuredH":"140","x":"334","y":"963","properties":{"color":"16767334"}},{"ID":"224","typeID":"Label","zOrder":"169","measuredW":"33","measuredH":"25","x":"395","y":"973","properties":{"size":"17","text":"SSR"}},{"ID":"225","typeID":"TextArea","zOrder":"170","w":"158","h":"44","measuredW":"200","measuredH":"140","x":"107","y":"984","properties":{"color":"16770457"}},{"ID":"226","typeID":"Label","zOrder":"171","measuredW":"52","measuredH":"25","x":"159","y":"994","properties":{"size":"17","text":"Next.js"}},{"ID":"229","typeID":"TextArea","zOrder":"172","w":"157","h":"44","measuredW":"200","measuredH":"140","x":"843","y":"1277","properties":{"color":"16767334"}},{"ID":"230","typeID":"Label","zOrder":"173","measuredW":"51","measuredH":"25","x":"894","y":"1287","properties":{"size":"17","text":"Styling"}},{"ID":"231","typeID":"TextArea","zOrder":"174","w":"157","h":"44","measuredW":"200","measuredH":"140","x":"1060","y":"1223","properties":{"color":"16770457"}},{"ID":"232","typeID":"Label","zOrder":"175","measuredW":"78","measuredH":"25","x":"1100","y":"1233","properties":{"size":"17","text":"Chakra UI"}},{"ID":"233","typeID":"TextArea","zOrder":"176","w":"157","h":"44","measuredW":"200","measuredH":"140","x":"1060","y":"1272","properties":{"color":"16770457"}},{"ID":"234","typeID":"Label","zOrder":"177","measuredW":"86","measuredH":"25","x":"1096","y":"1282","properties":{"size":"17","text":"Material UI"}},{"ID":"241","typeID":"TextArea","zOrder":"178","w":"157","h":"44","measuredW":"200","measuredH":"140","x":"1060","y":"1320","properties":{"color":"16770457"}},{"ID":"242","typeID":"Label","zOrder":"179","measuredW":"84","measuredH":"25","x":"1095","y":"1330","properties":{"size":"17","text":"Ant Design"}},{"ID":"246","typeID":"TextArea","zOrder":"180","w":"191","h":"44","measuredW":"200","measuredH":"140","x":"829","y":"1351","properties":{"color":"16770457"}},{"ID":"247","typeID":"Label","zOrder":"181","measuredW":"150","measuredH":"25","x":"848","y":"1361","properties":{"size":"17","text":"Styled Components"}},{"ID":"248","typeID":"TextArea","zOrder":"182","w":"191","h":"44","measuredW":"200","measuredH":"140","x":"829","y":"1400","properties":{"color":"16770457"}},{"ID":"249","typeID":"Label","zOrder":"183","measuredW":"64","measuredH":"25","x":"894","y":"1410","properties":{"size":"17","text":"Emotion"}},{"ID":"250","typeID":"TextArea","zOrder":"184","w":"157","h":"44","measuredW":"200","measuredH":"140","x":"107","y":"1033","properties":{"color":"16770457"}},{"ID":"251","typeID":"Label","zOrder":"185","measuredW":"54","measuredH":"25","x":"158","y":"1043","properties":{"size":"17","text":"Gatsby"}},{"ID":"255","typeID":"TextArea","zOrder":"186","w":"159","h":"44","measuredW":"200","measuredH":"140","x":"334","y":"1374","properties":{"color":"16767334"}},{"ID":"256","typeID":"Label","zOrder":"187","measuredW":"52","measuredH":"25","x":"389","y":"1384","properties":{"size":"17","text":"Mobile"}},{"ID":"257","typeID":"TextArea","zOrder":"188","w":"159","h":"44","measuredW":"200","measuredH":"140","x":"126","y":"1374","properties":{"color":"16770457"}},{"ID":"258","typeID":"Label","zOrder":"189","measuredW":"100","measuredH":"25","x":"156","y":"1384","properties":{"size":"17","text":"React Native"}},{"ID":"262","typeID":"Arrow","zOrder":"190","w":"4","h":"89","measuredW":"150","measuredH":"100","x":"670","y":"1557","properties":{"color":"2848996","curvature":"0","direction":"bottom","leftArrow":"false","p0":{"length":3,"x":3,"y":0},"p1":{"length":0.5327426604018495,"x":0.5326751848090503,"y":0.008478779433645868},"p2":{"length":88,"x":0,"y":88},"rightArrow":"false"}},{"ID":"269","typeID":"TextArea","zOrder":"191","w":"157","h":"44","measuredW":"200","measuredH":"140","x":"334","y":"1014","properties":{"color":"16767334"}},{"ID":"270","typeID":"Label","zOrder":"192","measuredW":"34","measuredH":"25","x":"395","y":"1024","properties":{"size":"17","text":"SSG"}},{"ID":"271","typeID":"TextArea","zOrder":"193","w":"157","h":"44","measuredW":"200","measuredH":"140","x":"334","y":"1082","properties":{"color":"16770457"}},{"ID":"272","typeID":"Label","zOrder":"194","measuredW":"90","measuredH":"25","x":"368","y":"1091","properties":{"size":"17","text":"react-query"}},{"ID":"277","typeID":"Arrow","zOrder":"3","w":"2","h":"96","measuredW":"150","measuredH":"100","x":"411","y":"1091","properties":{"color":"2848996","curvature":"0","direction":"bottom","leftArrow":"false","p0":{"length":95,"x":0,"y":95},"p1":{"length":0.4737749079645269,"x":0.4737425216042544,"y":-0.005539552404165743},"p2":{"length":1,"x":1,"y":0},"rightArrow":"false","stroke":"dotted"}},{"ID":"281","typeID":"Canvas","zOrder":"195","w":"542","h":"96","measuredW":"100","measuredH":"70","x":"295","y":"108"},{"ID":"284","typeID":"Arrow","zOrder":"2","w":"27","measuredW":"150","measuredH":"100","x":"638","y":"27","properties":{"curvature":"0","leftArrow":"false","rightArrow":"false","color":"10027263","stroke":"dotted","p0":{"x":20.66666666666663,"y":-0.33333333333333215},"p1":{"x":0.4525527916281198,"y":0.13367847141227748},"p2":{"x":-0.019880609337405986,"y":99.62109147224172}}},{"ID":"286","typeID":"Arrow","zOrder":"0","w":"24","h":"77","measuredW":"150","measuredH":"100","x":"618","y":"183","properties":{"curvature":"0","leftArrow":"false","rightArrow":"false","color":"10027263","p0":{"x":10,"y":-0.3333333333333428},"p1":{"x":0.5175865027166142,"y":-0.21132399199313673},"p2":{"x":24.66666666666663,"y":77}}},{"ID":"287","typeID":"Label","zOrder":"1","measuredW":"76","measuredH":"36","x":"647","y":"267","properties":{"size":"28","text":"React"}},{"ID":"288","typeID":"Canvas","zOrder":"198","w":"576","h":"105","measuredW":"100","measuredH":"70","x":"351","y":"1487"},{"ID":"290","typeID":"Label","zOrder":"196","measuredW":"475","measuredH":"32","x":"329","y":"126","properties":{"size":"24","text":"Frontend Roadmap till Framework Selection"}},{"ID":"291","typeID":"Label","zOrder":"197","measuredW":"171","measuredH":"26","x":"496","y":"162","properties":{"size":"18","text":"roadmap.sh/frontend","color":"10027263"}},{"ID":"292","typeID":"Label","zOrder":"199","measuredW":"502","measuredH":"32","x":"391","y":"1509","properties":{"size":"24","text":"Frontend Roadmap after Framework Selection"}},{"ID":"293","typeID":"Label","zOrder":"200","measuredW":"171","measuredH":"26","x":"556","y":"1545","properties":{"text":"roadmap.sh/frontend","size":"18","color":"10027263"}}]},"attributes":{"name":"New Wireframe 2","order":1000010.3738670473,"parentID":null,"notes":null},"branchID":"Master","resourceID":"D99BBD4B-2F60-48E7-8996-D075F997D617","mockupH":"1619","mockupW":"1174","measuredW":"1247","measuredH":"1646","version":"1.0"}}},"__N_SSG":true},"page":"/[roadmap]/interactive","query":{"roadmap":"react"},"buildId":"HWTxGnWSkyeSfFRPf_pug","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html> |