Arşiv
Tüm yazıların arşivi.
2026
36Temmuz
3-
Rolldown Nedir? Vite'ın Yeni Rust Tabanlı Bundler'ı ile Tanışın
Vite ekosisteminin geleceğini şekillendirecek Rolldown, Rust ile yazılmış yeni nesil bir JavaScript bundler'dır. Rollup uyumluluğu, esbuild performansı ve tek…
-
ArkType ile Runtime Type Validation: TypeScript Syntax'ını Runtime'a Taşıyın
TypeScript'in tip güvenliğini compile-time ile sınırlı bırakmak zorunda değilsiniz. ArkType, TypeScript syntax'ına birebir yakın sözdizimi ile runtime'da type…
-
Expo Router v4 ile Web ve Mobile İçin Tek Codebase Geliştirme Rehberi
Expo Router v4, React Native ve web uygulamalarını tek bir codebase üzerinden geliştirmenizi sağlayan devrim niteliğinde bir araçtır. Bu rehberde, dosya…
Haziran
9-
tRPC v11: Schema ve Code Generation Olmadan Uçtan Uca Tip Güvenliği
tRPC v11 ile backend ve frontend arasında hiçbir schema tanımı veya kod üretimi yapmadan tam tip güvenliği elde edin. Bu yazıda tRPC v11'in yeniliklerini,…
-
Vite 6 ile React Projesi Kurma, Yapılandırma ve Production Optimizasyonu Rehberi
Vite 6'nın sunduğu yeniliklerle React projenizi sıfırdan kurun, gelişmiş yapılandırma seçeneklerini keşfedin ve production build'lerinizi maksimum performans…
-
Vitest v4: Jest'in Yerini Alan Modern React Test Standardı
Vitest v4, Vite ekosistemiyle tam uyumlu çalışarak React projelerinde test yazma deneyimini köklü şekilde değiştiriyor. Bu yazıda Jest'ten Vitest'e geçişin…
-
shadcn/ui Nasıl Endüstri Standardı Oldu? 110K Yıldızlı Bileşen Devriminin Anatomisi
Bir npm paketi olmadan 110.000'den fazla GitHub yıldızı toplayan shadcn/ui, React ekosisteminde bileşen kütüphanelerine bakış açımızı tamamen değiştirdi.…
-
React Hook Form ve Zod v4 ile Type-Safe Form Validation Rehberi
React Hook Form ve Zod v4 kombinasyonu, modern React uygulamalarında form doğrulamanın altın standardı haline geldi. Bu rehberde, type-safe form validation…
-
Biome ile ESLint ve Prettier'ı Tek Araçla Değiştirin: Hız, Sadelik ve Performans
ESLint ve Prettier konfigürasyon karmaşasından bıktınız mı? Biome, linting ve formatting işlemlerini tek bir araçta birleştirerek projelerinizi 10-100 kat…
-
TanStack Query v5: staleTime Infinity Pattern ve Suspense Entegrasyonu Rehberi
TanStack Query v5 ile staleTime: Infinity pattern'ini kullanarak gereksiz network isteklerinden kurtulun ve React Suspense entegrasyonuyla deklaratif veri…
-
React Concurrent Stores: Tearing Problemine React Core Çözümü
React'in concurrent rendering özelliğiyle ortaya çıkan tearing problemi, kullanıcı arayüzünde tutarsız veri gösterimine yol açıyor. Bu yazıda tearing'in ne…
-
Zustand Neden Redux'u Geçti? 57K Yıldızlı Minimal State Yönetimi Devrimi
Redux'un karmaşık boilerplate yapısından bunalan React geliştiricileri sessizce Zustand'a geçiş yapıyor. 57.000'den fazla GitHub yıldızıyla yükselen bu…
Mayıs
9-
TanStack Start ile Type-Safe Full-Stack React Uygulamaları Geliştirme
TanStack Start, React ekosisteminde type-safe full-stack geliştirmeyi yeni bir seviyeye taşıyor. Bu rehberde, TanStack Start'ın sunduğu server functions,…
-
useEffectEvent Hook: useEffect Dependency Array Sorununa Köklü Çözüm
React'in en tartışmalı konularından biri olan useEffect dependency array problemini kökten çözen useEffectEvent hook'unu detaylı kod örnekleriyle keşfedin.…
-
Clerk ile Authentication: 10 Dakikada Kullanıcı Yönetimi
React uygulamanıza profesyonel düzeyde authentication eklemek artık saatler sürmek zorunda değil. Clerk ile 10 dakikada kullanıcı kayıt, giriş, profil…
-
Hono + Cloudflare Workers + D1: Edge'de Tam Yığın Uygulama Geliştirme Rehberi
Hono framework'ü, Cloudflare Workers ve D1 veritabanını kullanarak edge computing'in gücünden yararlanan tam yığın bir uygulama nasıl geliştirilir? Bu…
-
Drizzle ORM Derinlemesine: TypeScript'in En İyi ORM'i mi?
Drizzle ORM, TypeScript dünyasında hızla yükselen, SQL-benzeri söz dizimi ve sıfır soyutlama felsefesiyle dikkat çeken bir ORM. Bu yazıda Drizzle'ı şema…
-
Prisma ORM vs Drizzle ORM: TypeScript Veritabanı Araçlarının Kapsamlı Karşılaştırması
TypeScript ekosisteminin en popüler iki ORM aracı olan Prisma ve Drizzle'ı performans, geliştirici deneyimi, tip güvenliği ve esneklik açısından detaylı…
-
Elysia.js ile End-to-End Tip Güvenliği: Full-Stack TypeScript'in Geleceği
Elysia.js, Bun runtime üzerinde çalışan ve end-to-end tip güvenliği sunan yeni nesil bir web framework'üdür. Bu yazıda, backend'den frontend'e kadar tam tip…
-
useOptimistic Hook ile Anlık UI Güncellemeleri: React'te Kullanıcı Deneyimini Zirveye Taşıyın
React 19 ile gelen useOptimistic hook, sunucu yanıtını beklemeden kullanıcı arayüzünü anında güncellemenizi sağlar. Bu yazıda useOptimistic hook'un çalışma…
-
ElysiaJS ile Bun Üzerinde Ultra-Hızlı TypeScript API Geliştirme
Node.js'in performans sınırlarını zorlamaktan yoruldunuz mu? ElysiaJS ve Bun ikilisiyle saniyede yüz binlerce isteği karşılayabilen, end-to-end type-safe…
Nisan
8-
Zod v4 Neler Getirdi? Bundle Boyutu, Performans ve Yeni API Devrimi
Zod v4, %2'lik bundle boyutu azalması, 2-7x performans artışı ve tamamen yeniden tasarlanmış API'siyle TypeScript doğrulama ekosistemini kökten değiştiriyor.…
-
Kysely ile Type-Safe SQL Query Builder: Tam Rehber
TypeScript projelerinizde SQL sorgularını tip güvenliğiyle yazmak mı istiyorsunuz? Kysely, ORM'lerin karmaşıklığından kaçınırken ham SQL'in risklerinden…
-
React Server Components Olgunlaşması: "use client" ve "use server" Paradigmasını Derinlemesine Anlamak
React Server Components artık deneysel olmaktan çıktı. "use client" ve "use server" direktifleri ile birlikte gelen yeni paradigma, React uygulamalarının…
-
assistant-ui: shadcn/ui Felsefesiyle Composable AI Chat Bileşenleri Geliştirin
AI chat arayüzleri oluşturmak artık kara kutu kütüphanelere mahkum değil. assistant-ui, shadcn/ui'nin "kodu sahiplen" felsefesini AI chat bileşenlerine…
-
Generative UI Pattern: AI'nın React Bileşeni Döndürmesi
Yapay zeka artık sadece metin üretmiyor, kullanıcı arayüzü bileşenleri de üretiyor. Generative UI pattern ile AI modellerinin dinamik React bileşenleri…
-
Vercel AI SDK useChat Hook ile React'te Streaming AI Yanıtları: Kapsamlı Rehber
Vercel AI SDK'nın güçlü useChat hook'unu kullanarak React uygulamalarınıza gerçek zamanlı, streaming AI chat deneyimi nasıl entegre edilir? Bu rehberde…
-
React Foundation: Linux Foundation Altında Yeni Bir Dönem Başlıyor
React, Meta'nın kontrolünden çıkarak Linux Foundation bünyesinde bağımsız bir yönetişim modeline geçiyor. Bu tarihi değişikliğin geliştiriciler, ekosistem ve…
-
React Router v7 Framework Modu: Remix ile Birleşme ve Full-Stack Geçiş Rehberi
React Router v7, Remix'in tüm yeteneklerini bünyesine katarak sadece bir yönlendirme kütüphanesi olmaktan çıkıp tam teşekküllü bir full-stack framework'e…
Mart
7-
React 19 use() Hook: Promise ve Context'i Render Sırasında Okuma Rehberi
React 19 ile gelen use() hook'u, Promise ve Context değerlerini doğrudan render sırasında okumanızı sağlayan devrim niteliğinde bir API. Bu yazıda use()…
-
React 19 Form Actions ve useActionState: Server-Side Form Yönetiminin Yeni Çağı
React 19 ile gelen Form Actions ve useActionState hook'u, form yönetimini kökten değiştiriyor. Bu rehberde, server-side form işlemlerini nasıl kolayca…
-
React Activity Bileşeni: State Kaybetmeden UI Parçalarını Gizle ve Göster
React 19 ile tanıtılan Activity (eski adıyla Offscreen) bileşeni, UI parçalarını DOM'dan kaldırmadan gizleyip göstermenizi sağlar. State kaybı sorununa elveda…
-
React ViewTransition Bileşeni ile Native Sayfa Geçiş Animasyonları
React 19 ile tanıtılan ViewTransition bileşeni, tarayıcının native View Transitions API'sini React ekosistemiyle buluşturarak sayfa geçişlerinde akıcı ve…
-
React Compiler v1.0: useMemo ve useCallback Yazmadan Otomatik Memoization
React Compiler v1.0 ile artık useMemo, useCallback ve React.memo yazmaya gerek kalmıyor. React'in yeni derleyicisi kodunuzu otomatik olarak optimize ederek…
-
React Server Components: Derinlemesine Teknik İnceleme ve Pratik Rehber
React Server Components (RSC), React ekosisteminde devrim niteliğinde bir paradigma değişikliği sunuyor. Bu yazıda RSC'nin nasıl çalıştığını, geleneksel…
-
React 19'un Yeni Özellikleri: Actions, use() Hook ve Daha Fazlası
React 19, web geliştirme dünyasında devrim niteliğinde yenilikler getiriyor. Actions API, use() hook, Server Components, yeni metadata yönetimi ve daha birçok…