learn react ui logoLearnReactUI
Basitten Karmaşığa Frontend Uygulamaları

Basitten - Karmaşığa Frontend Uygulamaları

Son Güncellenme Tarihi: 01.04.2023 ©Copyright: Onur Dayibasi

Bu yazıda react projelerini veri erişimine göre basitten karmaşığa doğru analiz ediyor olacağız.

Veriye olan ihtiyaç, verinin alınma şekli, tutulma şekli, özellikleri ve buna benzer birçok konu aslında projenizdeki konsept ve kütüphanenin değişmesine neden olmaktadır.

Bundan dolayı projeye başlamadan önce projemizin zorluk seviyesini tahminleyebilirsek bu bize aşağıdaki konseptler konusunda daha doğru karar alabilmemizi sağlayacaktır;

  • Rendering
  • Networking
  • State Management
  • Routing
  • Bundling
  • Product Management, UIX Design → Mimari Etkileşimi
  • Git Repo Structure, Branching Types
  • DevOps
  • Security
  • Internalization, Localization
  • Accessibility

Basitten karmaşığa dediğim yapıları inceleyelim. Bu gruplandırmayı aşağıdaki gibi yapabiliriz;

  • Basit — No API Usage (Static Rendering)
  • Basit — No API Usage (Client Side Rendering)
  • Basitten Biraz Zor — Public API Usage But Has Not Authentication
  • Orta Seviye — Private API Usage Authentication
  • Zor — Private API Usage Authentication and Authorization (Resource Access according to Organization, Roles)
  • Karmaşık — Private API Usage Authentication, Authorization, and Service or Product Sell Flow (Offer, Order, Customer Success, Payment, Invoice)

Not: Burada bahsettiğim basitlik Veri ile erişim ve etkileşimden kaynaklı basitlik yoksa projeniz Animasyon, Görsel Efekt vb karmaşıklıkları konuya dahil etmiyoruz.

Yukarıda bahsettiğim tüm örnek uygulama türlerinin ne olduğunu öğrenmek için ebook pdf olarak indirip okuyabilirsiniz.