İçeriğe geç
Zeynep Baş — Ana sayfa
Zeynep BaşFrontend Developer · React.js, Next.js · Architecture & Performance Focused

Ölçeklenebilir arayüzler. Performans odaklı mimari.

React, Next.js ve TypeScript ekosisteminde temiz kod prensipleri, yeniden kullanılabilir bileşenler ve ölçeklenebilir yazılım yaklaşımlarıyla modern web uygulamaları geliştiriyorum.

  • React'te useMemo, useCallback, useRef ve useQuery: Hangisini Ne Zaman Kullanmalıyım?

    React'te useMemo, useCallback, useRef ve useQuery çoğu zaman performans başlığı altında birlikte anılıyor. Ancak bu hook'ların çözdüğü problemler birbirinden oldukça farklı. useMemo hesaplanan değeri, useCallback fonksiyon referansını, useRef render tetiklemeden değişken bir değeri saklamayı amaçlarken useQuery server state ve API verisinin yönetimini üstlenir. Bu yazıda bu araçların hangi durumda gerçekten gerekli olduğunu; gereksiz kullanımın neden bazen kodu daha karmaşık hale getirdiğini ve debounce gibi tekniklerin API maliyetiyle nasıl ilişkili olduğunu örneklerle ele alıyoruz.

    React
  • AI Kod Asistanları Frontend'de "Çalışıyor Ama Yanlış" Kod Üretebiliyor: 6 Örnek

    AI kod asistanları frontend'de belli bir hata sınıfı üretiyor: kod çalışıyor, ekranda doğru görünüyor, test yazılmamışsa hiçbir şey kırmızı yanmıyor. Ama re-render pattern'i bozuk olabiliyor, state yanlış yerde durabiliyor, erişilebilirlik atlanabiliyor. Bu yazıda 6 örnek üzerinden bu tür hataların neden gözden kaçtığına bakıyoruz.

    AI Agents
  • LLM, RAG, MCP ve Agent Nedir? Yapay Zekâ Uygulamalarının Arkasındaki Mimari

    Chatbotların yalnızca soru cevaplayan sistemlerden, bilgi arayabilen, dış araçları kullanabilen ve bir görevi adım adım gerçekleştirebilen yapılara dönüşmesinin arkasında LLM, RAG, Tool Calling, MCP ve Agent gibi farklı teknolojiler bulunur. Bu yazıda bu kavramların ne olduğunu, birbirlerinden nasıl ayrıldığını ve birlikte kullanıldıklarında nasıl bir yapay zekâ mimarisi oluşturduklarını inceleyeceğiz.

    AI Agents

Tech Stack

Günlük geliştirme araçlarım

Frontend

  • TypeScript
  • HTML5
  • CSS3
  • React.js
  • Next.js

State Management

  • Redux
  • Zustand
  • Context API
  • TanStack Query

UI Frameworks

  • TailwindCSS
  • Material UI
  • Bootstrap
  • Ant Design
  • Shadcn UI

Architecture & Patterns

  • RBAC
  • Protected Routes
  • Feature Based
  • Adapter
  • Repository
  • Custom Hooks

Araçlar

  • Git
  • GitHub
  • JIRA
  • Azure DevOps
  • Claude

Diğer

  • SSR / CSR
  • Lazy Loading
  • Atomic Design
  • Core Web Vitals
  • Açık Kaynak

Projelerim

Açık kaynak projeler

Tüm projeleri göster
  • PDOS

    Kişisel Veri ve Verimlilik Yönetim Sistemi

    Görevleri, notları, hedefleri, dokümanları ve günlük aktiviteleri tek bir çalışma alanında toplayan kişisel verimlilik uygulaması. Component-driven development, temiz kod prensipleri ve ölçeklenebilir bir frontend mimarisi üzerine kurgulandı.

  • Milk

    Yerel Üretici ve Tüketici Pazar Platformu

    Yerel üreticileri tüketicilerle doğrudan buluşturan pazar platformu. Gerçek zamanlı mesajlaşma ve sosyal etkileşim özellikleriyle alıcı ile satıcı arasındaki iletişimi aracısız ve anlık hale getirir.

  • Workist

    Freelance Hizmet ve İlan Platformu

    Kullanıcıların freelance hizmet ilanı oluşturup yönetebildiği, hizmet verenlerle doğrudan yazışabildiği ve aldıkları hizmeti değerlendirebildiği uçtan uca bir freelance platformu.

  • Hizmet Kap

    Kişiye Özel Hizmet İlan Platformu

    İhtiyaca göre hizmet ilanı oluşturma, ilanları yönetme ve hizmet sağlayıcıları değerlendirme süreçlerini tek bir akışta birleştiren web uygulaması.

  • Stack Diet

    Sağlıklı Yaşam Odaklı Sosyal Platform

    Sağlıklı yaşam içeriklerinin paylaşıldığı sosyal platform. Kullanıcılar gönderi paylaşabilir, içerikleri beğenip yorumlayabilir, birbirini takip edebilir ve profillerini yönetebilir.