Yazılar
Tüm blog yazıları.
-
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 koruyan modern bir query builder. Bu rehberde Kysely'i sıfırdan öğrenecek, gerçek dünya örnekleriyle ustalaşacaksınız.
-
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 mimarisini kökünden değiştiriyor. Bu yazıda, bu iki direktifin nasıl çalıştığını, ne zaman kullanılması gerektiğini ve yaygın hatalardan nasıl kaçınılacağını gerçek kod örnekleriyle inceliyoruz.
-
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 taşıyarak tam kontrol ve esneklik sunuyor. Bu yazıda composable chat bileşenlerini sıfırdan nasıl kuracağınızı öğrenin.
-
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 döndürmesini, bu mimariyi Next.js ve Vercel AI SDK ile nasıl uygulayacağınızı ve bu paradigmanın geleceğini derinlemesine keşfedin.
-
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 sıfırdan production-ready bir AI chat arayüzü oluşturacağız.
-
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 açık kaynak dünyası için ne anlama geldiğini kapsamlı şekilde inceliyoruz.
-
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 dönüştü. Bu yazıda birleşmenin arka planını, framework modunun sunduğu yenilikleri ve mevcut projelerinizi nasıl geçireceğinizi detaylıca inceliyoruz.
-
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() hook'unun çalışma mantığını, useEffect ve useContext'ten farklarını ve gerçek dünya örneklerini derinlemesine inceliyoruz.