Kapsamlı Full Stack Uygulama (Asp.Net Core API-REACT)

ASP.NET Core Web API ve React ile Uygulama Geliştirme

AutoMapper, FluentValidation ve JWT (Json Web Token) Kullanımlarıyla Modern Bir Yaklaşım

Günümüzde web uygulamaları sadece veri sunmaktan öte, kullanıcıya yüksek performanslı, dinamik, güvenli ve kullanıcı dostu bir deneyim sağlamalıdır. Bu doğrultuda, ASP.NET Core Web API ve React, frontend ve backend tarafında en çok tercih edilen teknolojilerden olmuştur. Web API, sunucu tarafında verileri işlemek ve yönetmek için RESTful servisler sunarken; React, kullanıcı arayüzünü hızlı ve interaktif hale getirir.

Ancak modern web uygulamaları yalnızca bu iki teknoloji ile sınırlı kalmaz. Yazılım geliştirmede kod kalitesi, güvenlik ve sürdürülebilirlik gibi faktörler de göz önünde bulundurulmalıdır. Bu noktada devreye AutoMapper, FluentValidation ve JWT gibi araçlar girer. Bu yazıda, bu araçları kullanarak ASP.NET Core Web API ve React ile nasıl etkili bir uygulama geliştirilebileceğini detaylıca inceleyeceğiz.

ASP.NET Core, Microsoft tarafından geliştirilen, açık kaynaklı, platformdan bağımsız ve performansı yüksek bir web çatısıdır. Web API yapısı, frontend tarafıyla veri alışverişini JSON formatında sağlar.

React ise, Facebook tarafından geliştirilen, bileşen tabanlı bir JavaScript kütüphanesidir. Tek sayfa uygulamaları (SPA) geliştirmek için ideal olan React, API'den aldığı verilerle arayüzü dinamik olarak günceller.

Bu iki teknolojinin birlikte kullanımı, uygulamanın hem sunucu hem de istemci tarafının ayrı ayrı geliştirilmesini ve yönetilmesini sağlar. Bu da:

• Daha modüler bir yapı

• Daha iyi performans

• Daha kolay test edilebilirlik

• Daha iyi iş bölümü (frontend ve backend geliştiricileri ayrı çalışabilir)

gibi avantajlar sunar.

Kurs İçeriğinde Öğrenecekleriniz

• ASP.NET Core Web API temelleri

  • RESTful servis mantığı

  • Controller, Action, Routing yapıları

  • Entity Framework Core ile veritabanı işlemleri (CRUD)

  • Repository ve Service katmanı oluşturma

• React ile frontend geliştirme

  • React bileşen yapısı ve props/state yönetimi

  • useState, useEffect gibi temel React hook’larının kullanımı

  • API çağrılarında Axios kullanımı

  • React Router ile sayfa yönlendirme

  • Form yönetimi ve kullanıcı giriş/çıkış işlemleri

• AutoMapper kullanımı

  • DTO (Data Transfer Object) nedir, neden kullanılır?

  • Entity – DTO dönüşümlerinde AutoMapper ile kolay eşleme

  • Profil oluşturma ve Map işlemleri

  • Kod tekrarını azaltma ve sürdürülebilir mimari sağlama

• FluentValidation ile model doğrulama

  • Validation (doğrulama) nedir, neden önemlidir?

  • FluentValidation kütüphanesi ile doğrulama kuralları yazma

  • Kullanıcı girişleri için kurallar belirleme

  • Hatalı veri girişlerini yönetme ve kullanıcıya anlamlı mesajlar dönme

• JWT (Json Web Token) ile kimlik doğrulama ve güvenlik

  • JWT’nin mantığı ve nasıl çalıştığı

  • Kullanıcı girişinde token üretme

  • Token doğrulama ve güvenli endpoint’ler oluşturma

  • Refresh token yapısı ile uzun süreli oturum yönetimi

  • React tarafında JWT ile kullanıcı yetkilendirme

• Katmanlı ve sürdürülebilir bir mimari kurma

  • Backend ve frontend’in ayrıştırılması

  • Kod okunabilirliği ve bakımı kolaylaştırma

  • Gerçek dünyada uygulanabilir proje geliştirme

• Tamamlanmış bir proje geliştirme

  • Kullanıcı kayıt, giriş ve yetkilendirme işlemleri

  • Not ekleme, listeleme, güncelleme ve silme işlemleri

  • API üzerinden veri akışının React arayüzünde dinamik olarak gösterilmesi

  • Hataların yönetimi ve kullanıcı dostu geri bildirimler