Skip to main content
ReactFind the detailed version of this roadmapalong with other similar roadmapsroadmap.shHave a look at the following related roadmapsTypeScript RoadmapFrontend RoadmapCLI ToolsJavaScript RoadmapViteMake sure to learn the "Beginner" topicsof the JavaScript roadmap before you startlearning React.ComponentsFunctional ComponentsThere used to be "Class Components"which React doesn't recommend anymore. You don't need to learn about thembut you might still notice them in somelegacy projectsComponent BasicsJSXProps vs StateConditional RenderingCompositionRenderingComponent LifecycleLists and KeysRender PropsRefsEventsHigh Order ComponentsHooksBasic HooksuseStateuseEffectCreating Custom HooksCommon HooksuseCallbackuseRefuseMemouseReduceruseContextuseStateHooks Best PracticesRoutersTanstack RouterReact RouterState ManagementContextZustandJotaiWriting CSSHeadless Component LibrariesTailwind CSSComponent / LibrariesPanda CSSChakra UIMaterial UIShadcn UICSS ModulesRadix UIReact AriaArk UIAPI CallsApolloRelayurqlGraphQLswrreact-queryAxiosrtk-queryRESTTestingJestVitestreact-testing-libraryCypressPlaywrightFrameworksNext.jsAstroreact-routerFormsReact Hook FormFormikTypes & ValidationTypeScriptZodAdvanced TopicsAnimationServer APIsFramer Motionreact springGSockSuspensePortalsError BoundariesMobile ApplicationsReact NativePersonal Recommendation (Opinion)Alternative Option (Pick this or purple)Order in Roadmap not strict (Learn anytime)MobX