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 and en) |
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 written in Turkish (tr) and English (en).
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