ViraStack
  • Akademi
  • Hakkında
  • Destek
Genel BakışKaynaklarKatkı
ViraStack

Frontend geliştiricileri için DX odaklı araç seti: starter’lar, ajan kuralları, form hook’ları ve rehber.

Ürünler

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

Keşfet

  • Akademi
  • Hakkında
  • Marka
  • Destek

© 2026 ViraStack.

Açık kaynak · MIT

ViraStack Academy

React ile frontend geliştirici olmak için hangi sırayla, hangi araçları öğreneceğini gösteren güncel yol haritası. Gereksiz detay yok: resmi dokümanlar, konferans konuşmaları ve bağımsız yazarlardan seçilmiş kaynaklar.

Yol haritasına başlavirastack/academy
KDAODADDLM

Kaynaklar arasında Kent C. Dodds, Addy Osmani, Dan Abramov, Dominik Dorfmeister, Luca Mezzalira ve 63 kişi daha.

Tüm kaynakları gör →

15 rehber · 704 kaynak · 68 yazar ve konuşmacı · Son doğrulama: Ekim 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.