Up-to-date React frontend roadmap: curated sources, no unnecessary detail
- Clear Order: Shows which tools to learn, and in what order, from web fundamentals to AI-native frontend.
- Short and Focused: Each lesson covers the essentials and points to the best sources for going deeper.
- Trusted Sources: Only official documentation, recognized engineers, and independent institutions.
- Hands-On Projects: Tracks end with small projects that tie the lessons together.
- Free, No Ads: Every guide and every source is free to access.
| Stage | Tracks |
|---|---|
| Before You Start | Web Fundamentals |
| Building with React | TypeScript, React, Next.js |
| State & Data | TanStack Query, Zustand, Forms |
| Testing, Quality & Shipping | Vitest, Playwright, Performance & Accessibility, Production |
| Advanced | Architecture & Scalability, Software Principles, Auth & Security, AI for Frontend |
| Team & Industry | Industry Glossary |
| Path | Description |
|---|---|
content/<locale>/curriculum.json |
Track and lesson tree (tr for now) |
content/<locale>/<track>/<lesson>.md |
Lesson bodies, one folder per language |
examples/ |
Source code for project lessons |
assets/ |
Images used in lessons |
CONTENT.md |
Authoring syntax |
Lessons are currently written in Turkish (tr). The English (en) folder is reserved and has no lessons yet.
virastack.com clones this repository at build time. Every push to main redeploys the site.
To suggest a source, report an error, or request a new topic, open an issue or send a pull request. See CONTENT.md for the lesson format.
Part of the ViraStack ecosystem: Start · AI · Mask · Password · Address · Guide