Yazılar
Tüm blog yazıları.
-
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.
-
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 yöneteceğinizi, hata kontrolünden loading state'lerine kadar tüm detayları gerçek kod örnekleriyle öğreneceksiniz.
-
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 deyin ve kullanıcı deneyimini bir üst seviyeye taşıyın.