Module Federation ile React Uygulamalarını Parçalamak (Webpack ile)⚡
Webpack ile Module FederationModule Federation’u bir süre önce Micro Frontend Mimarisi üzerine yazdığım yazıda teorik t...
Devamını oku
Blog Yazılarım
Frontend geliştirme, web teknolojileri ve müzik üzerine paylaştığım yazılar.
Component Driven Development Nedir? Nasıl Uygulanır?
Component Driven DesignSayfadan başlayıp component’lere inmek yerine, component’lerdan başlayıp sayfaya doğru çıkıyoruz...
Devamını oku
React’te Compound Component Pattern (Zustand ile)
Compound Componnet PatternReact projelerinde component’ler büyüdükçe prop listeleri de büyür. Bir süre sonra bir compon...
Devamını oku
Atomic Design Prensibi (React ve Storybook Örnekleriyle)
Atoms — Molecules — Orhanisms — Templates — PagesFrontend projeleri büyüdükçe component yapısı hızlıca dağılabiliyor. İ...
Devamını oku
Loading, Error ve Empty State Nasıl Daha İyi Yönetilir? ✨
Loading, Error, Empty State TasarımlarıBir component deisLoading, isError, isSuccess ve bir de isIdle state'i birlikte ...
Devamını oku
pnpm workspace ile Monorepo Mimarisi
pnpm ile MonorepoBirden fazla paketi olan bir proje geliştirdiğimizde, her paketi ayrı bir repo’da yönetmek zamanla kab...
Devamını oku
Git Hooks ile Commit Mesajlarına Otomatik Branch İsmi Eklemek
🪝 Git Hook ile Commit Mesajlarına Otomatik Branch İsmi Eklemek Git Hooks kullanımı: prepare-commit-message hookuCommit...
Devamını oku
Frontend Mülakatlarında En Sık Karşılaştığım Sorular ve Cevapları
Frontend Mülakat SorularıBu yazıda, frontend mülakat süreçlerinde en sık karşılaştığım soruları ve bunlara vereceğin en...
Devamını oku
GitHub Actions ile Lighthouse’u CI/CD Pipeline’ına Entegre Etmek
Lighthouse Pipeline’a entegre etmekLighthouse puanı almak normalde kolay, Chrome Developer Tool’u açıp sonucu alıyoruz....
Devamını oku
Tek Prompt İle Kendi AI Agent Ekosistemini Kur: Planlama, Agent ve Skill Düzeni Nasıl Olmalı?
Kullandığım yapay zeka agentları ve skillerSkill’ler yapay zekaya “bu projede nasıl davranılır” bilgisini veren yapılar...
Devamını oku
Atomic Design in Practice: React and Storybook from Scratch 🧩
A practical guide to Atomic Design with React and Storybook. Learn how to structure your UI components from atoms to pag...
Devamını oku
Monorepo Architecture with pnpm Workspace, Turborepo & Changesets 📦
Set up a monorepo from scratch with pnpm workspace, speed up builds with Turborepo, and automate NPM publishing with Cha...
Devamını oku
From Zero to Advanced: The Git Version Control System ☕️
A comprehensive guide to the Git version control system from A to Z...
Devamını oku
Keep Your GitHub Profile README Alive: Auto-Update with GitHub Actions ⚡
Build a system that automatically pulls your Medium and dev.to articles every day and keeps your GitHub profile README f...
Devamını oku
Micro Frontend Architecture (with React Examples) 🧩
A deep dive into micro frontend architecture from scratch — isolation, event bus, integration approaches, and design sys...
Devamını oku
yasinates.com is coming soon 😋
Hello everyone 😀, this is my first post. I will share the English of my articles on medium.com here......
Devamını oku