Category

Frontend Development

Modern frontend development with JavaScript, CSS, and frameworks

75 posts

Ölçeklenebilir Bir Temel Oluşturma: Üretim Hazır Bir Tasarım Sistemi Uygulama

Modern frontend geliştirme dünyasında tutarlılık sadece bir tasarım estetiği değil, aynı zamanda bir mühendislik gerekliliğidir. Uygulamalar karmaşıklık kazandıkça, tasarımcılar ve geliştiriciler arasında ortak bir dil oluşturma ihtiyacı kritik hale gelir. İyi mimarılı bir tasarım sistemi bu boşluğu doldurur, teknik borcu azaltır, özellik geliştirmeyi hızlandırır ve tutarlı bir kullanıcı deneyimi sağlar. Ancak, statik bir tasarım dosyasından canlı bir kod tabanına geçiş, CSS sınıflarını kopyalamaktan daha fazlasını gerektirir. Temel token'larla başlayıp kapsamlı dokümantasyonla sonuçlanan stratejik bir yaklaşım gerektirir.

May 9, 2026

Vue 3'ü Kilidini Açmak: Composition API'ye Kapsamlı Bir Rehber

Yıllar boyunca Options API, Vue.js uygulamalarında mantığı düzenlemenin standart yoluydu. Küçük ve orta ölçekli bileşenler için etkili olsa da, karmaşık projelerde genellikle "option soup"a yol açtı; ilgili mantık data, methods ve watchers özellikleri arasında dağılmıştı. Composition API ise...

May 5, 2026

Web Bileşenlerini Ustalıkla Kullanma: Çerçeveden Bağımsız UI'nın Geleceği

Son on yılda frontend geliştirme manzarası dramatik bir şekilde değişti. React, Vue ve Angular gibi büyük çerçevelerin yükselişini ve olgunlaşmasını gördük; bunlar durum yönetimi ve bileşen yaşam döngüsüyle ilgili birçok sorunu çözdü. Ancak uygulamalar karmaşıklık kazandıkça ve ekipler çok dilli mimariler benimsedikçe yeni bir meydan okuma ortaya çıktı: yeniden kullanılabilirlik. Bir React projesi ile saf JavaScript uygulaması arasında kodu kopyalamadan veya büyük bağımlılık yükü getirmeden bir UI bileşenini nasıl paylaşabilirsiniz? Cevap web platformunun yerleşik yapı taşlarında yatıyor: Web Bileşenleri.

May 5, 2026

React Durum Yönetimi İçin Zustand vs Jotai

React'ta uygulama durumu yönetimi önemli ölçüde gelişti. Redux yıllarca hakim olsa da, yerini daha zarif ve hafif alternatiflere bıraktı. Zustand ve Jotai, Redux'un yerini alan öne çıkan iki kütüphanedir.

May 2, 2026

CSS Grid'i Ustalıkla Kullanma: Kapsamlı Teknik Kılavuz

CSS Grid, web düzenleri oluşturma biçimimizi kökten değiştirdi. İki boyutlu bir yerleşim sistemi olarak satır ve sütunlar üzerinde eşsiz kontrol sağlar ve karmaşık, duyarlı yapılar için tercih edilen seçenek haline gelir. Bu kılavuz, Grid'in temel mekaniklerine, temel sözdiziminin ötesine geçerek profesyonel geliştiricilerin günlük hayatta güvendiği gelişmiş teknikleri keşfetmeye odaklanıyor.

May 1, 2026

Gücü Açığa Çıkarmak: TypeScript Gelişmiş Türlerine Derin Bir Bakış

JavaScript geliştiricileri TypeScript'e geçtiğinde genellikle temel ilkel türlerle, arayüzlerle ve birleşik türlerle başlar. Bu türler birçok günlük senaryoyu kapsasa da, büyük ölçekli ve sürdürülebilir uygulamalar geliştirmek, tür sisteminin daha derin bir anlayışını gerektirir. TypeScript'teki gelişmiş türler, esnek, yeniden kullanılabilir ve sıkı denetime tabi kod yapıları oluşturmak için gerekli araçları sağlar. Bu yazıda en kritik gelişmiş tür özellikleri olan Jenerikler, Yardımcı Türler ve Eşlenen Türler ele alınmaktadır.

Apr 30, 2026