Yazılım geliştirme, teknoloji ve yapay zeka üzerine düşünceler. Sedat Demir'in kişisel blogu.https://sedatdemir.com/https://sedatdemir.com/posts/assistant-ui-shadcn-ui-felsefesiyle-composable-ai-chat-bilesenleri-gelistirin/https://sedatdemir.com/posts/assistant-ui-shadcn-ui-felsefesiyle-composable-ai-chat-bilesenleri-gelistirin/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.Fri, 17 Apr 2026 05:01:26 GMThttps://sedatdemir.com/posts/generative-ui-pattern-ai-nin-react-bileseni-dondurmesi/https://sedatdemir.com/posts/generative-ui-pattern-ai-nin-react-bileseni-dondurmesi/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.Tue, 14 Apr 2026 05:01:41 GMThttps://sedatdemir.com/posts/vercel-ai-sdk-usechat-hook-ile-react-te-streaming-ai-yanitlari-kapsamli-rehber/https://sedatdemir.com/posts/vercel-ai-sdk-usechat-hook-ile-react-te-streaming-ai-yanitlari-kapsamli-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.Fri, 10 Apr 2026 05:01:24 GMThttps://sedatdemir.com/posts/react-foundation-linux-foundation-altinda-yeni-bir-donem-basliyor/https://sedatdemir.com/posts/react-foundation-linux-foundation-altinda-yeni-bir-donem-basliyor/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.Tue, 07 Apr 2026 09:38:56 GMThttps://sedatdemir.com/posts/react-router-v7-framework-modu-remix-ile-birlesme-ve-full-stack-gecis-rehberi/https://sedatdemir.com/posts/react-router-v7-framework-modu-remix-ile-birlesme-ve-full-stack-gecis-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.Fri, 03 Apr 2026 05:01:26 GMThttps://sedatdemir.com/posts/react-19-use-hook-promise-ve-context-i-render-sirasinda-okuma-rehberi/https://sedatdemir.com/posts/react-19-use-hook-promise-ve-context-i-render-sirasinda-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.Tue, 31 Mar 2026 05:01:23 GMThttps://sedatdemir.com/posts/react-19-form-actions-ve-useactionstate-server-side-form-yonetiminin-yeni-cagi/https://sedatdemir.com/posts/react-19-form-actions-ve-useactionstate-server-side-form-yonetiminin-yeni-cagi/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.Fri, 27 Mar 2026 05:01:32 GMThttps://sedatdemir.com/posts/react-activity-bileseni-state-kaybetmeden-ui-parcalarini-gizle-ve-goster/https://sedatdemir.com/posts/react-activity-bileseni-state-kaybetmeden-ui-parcalarini-gizle-ve-goster/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.Tue, 24 Mar 2026 05:01:34 GMThttps://sedatdemir.com/posts/react-viewtransition-bileseni-ile-native-sayfa-gecis-animasyonlari/https://sedatdemir.com/posts/react-viewtransition-bileseni-ile-native-sayfa-gecis-animasyonlari/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 performanslı animasyonlar oluşturmanızı sağlıyor. Üçüncü parti kütüphanelere veda etmeye hazır olun.Fri, 20 Mar 2026 05:01:18 GMThttps://sedatdemir.com/posts/react-compiler-v1-0-usememo-ve-usecallback-yazmadan-otomatik-memoization/https://sedatdemir.com/posts/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 gereksiz yeniden render'ları engelliyor. Bu yazıda React Compiler'ın nasıl çalıştığını, ne gibi avantajlar sunduğunu ve projelerinize nasıl entegre edebileceğinizi detaylıca inceliyoruz.Tue, 17 Mar 2026 05:01:35 GMThttps://sedatdemir.com/posts/react-server-components-derinlemesine-teknik-inceleme-ve-pratik-rehber/https://sedatdemir.com/posts/react-server-components-derinlemesine-teknik-inceleme-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 SSR'dan farklarını, performans avantajlarını ve gerçek dünya uygulamalarını kod örnekleriyle derinlemesine inceliyoruz.Mon, 16 Mar 2026 09:37:39 GMThttps://sedatdemir.com/posts/react-19-un-yeni-ozellikleri-actions-use-hook-ve-daha-fazlasi/https://sedatdemir.com/posts/react-19-un-yeni-ozellikleri-actions-use-hook-ve-daha-fazlasi/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 özellikle React deneyiminizi tamamen dönüştürmeye hazır olun.Mon, 16 Mar 2026 09:24:28 GMT