ViraStack
  • Academy
  • About
  • Support
HomeSourcesContribute
ViraStack

A DX-first toolkit for frontend developers: starters, agent rules, form hooks, and a guide.

Products

  • ViraStack Start
  • ViraStack AI
  • ViraStack Mask
  • ViraStack Password
  • ViraStack Guide

Explore

  • Academy
  • About
  • Brand
  • Support

© 2026 ViraStack.

Open source · MIT

ViraStack Academy

An up-to-date roadmap showing which tools to learn, and in what order, to become a frontend developer with React. No unnecessary detail: curated sources from official docs, conference talks, and independent authors.

Start the roadmapvirastack/academy
KDAODADDLM

Among the sources: Kent C. Dodds, Addy Osmani, Dan Abramov, Dominik Dorfmeister, Luca Mezzalira, and 46 more.

View all sources →

15 guides · 517 sources · 51 authors and speakers · Last verified: October 2026

Başlamadan Önce

Web Temelleri

Web nasıl çalışır, terminal, HTML, CSS, Tailwind, JavaScript ve Git için kısa özetler.

React ile Geliştirme

TypeScript

Tipler, generic'ler ve React ile tip güvenliği.

React

Component, state ve hook temelleri.

Next.js

App Router, render stratejileri ve veri akışı.

State ve Veri Yönetimi

TanStack Query

Sunucu state'i, cache ve mutation yönetimi.

Zustand

Küçük ve hızlı client state yönetimi.

Formlar

React Hook Form, Zod ve maskeleme ile form ve doğrulama.

Test, Kalite ve Yayın

Vitest

React Testing Library ve MSW ile component testi.

Playwright

Uçtan uca testler ve gerçek tarayıcıda doğrulama.

Performans ve Erişilebilirlik

Hızlı ve herkes için kullanılabilir arayüzler.

Production'a Hazırlık

Deploy, CI/CD ve canlı ortamda izleme.

İleri Seviye

Mimari ve Ölçeklenebilirlik

Feature sınırları, klasör yapısı ve büyüyen kod tabanı.

Auth ve Güvenlik

Kimlik doğrulama, yetkilendirme ve yaygın zafiyetler.

Yapay Zeka ile Frontend

Sohbet arayüzleri, agent'lar, MCP ve AI destekli geliştirme akışı.

Takım ve Sektör

Sektör Sözlüğü

Agile'dan tech debt'e takımda sık duyulan kavramlar.