Roadmap to becoming a React developer
FreeA guide to becoming a React developer
FreeFree tier
About Roadmap to becoming a React developer
This is a community-driven visual roadmap and resource guide for aspiring React developers. Originally created in 2019 by Adam Golab, it provides a comprehensive chart and list of topics covering everything from foundational web development skills (HTML, CSS, JavaScript) to advanced React ecosystem tools such as state management (Redux, MobX), routing (React Router, Reach Router), API clients (REST, GraphQL), and testing frameworks (Jest, Cypress). The roadmap is intended to help learners decide what to study next by presenting a structured path, while cautioning against simply picking the trendiest libraries. It includes translations in multiple languages and is available on GitHub for contributions.
Key Features
Visual roadmap chart showing learning paths
Covers HTML, CSS, JavaScript fundamentals
Includes general development skills (Git, HTTP, terminal)
Details React ecosystem: state management, routing, styling, testing
Lists popular libraries and tools for each stage
Available in multiple languages (Chinese, Japanese, Korean, Portuguese, Russian, Spanish)
Pros & Cons
Pros
- Comprehensive coverage of modern React ecosystem
- Visual chart makes it easy to see the big picture
- Includes both foundational web skills and advanced topics
- Open source and community maintainable
- Translations available for non-English speakers
Cons
- Original publication is from 2019, some libraries may be outdated
- Does not provide in-depth tutorials or exercises
- Reflects a single author's opinion on what to learn
- Large list can be overwhelming for absolute beginners
Best For
Aspiring React developers looking for a structured learning pathFrontend developers transitioning to ReactSelf-learners seeking a curated list of React ecosystem tools
FAQ
Is this roadmap still relevant?
The core concepts (HTML, CSS, JavaScript, React, Redux, etc.) remain relevant, but some libraries listed have been superseded. Check the repository's last commit date and consider supplementing with newer resources.
Do I need to learn everything on the roadmap?
No. The disclaimer states the roadmap is meant to give you an idea of the landscape, not to encourage picking what is hip and trendy. Focus on what fits your goals.