learn react ui logoLearnReactUI
React Web Uygulamasının Mantıksal Modeli

React Web Uygulamasının Mantıksal Modeli

Frontend uygulamaları aslında hepsi aynı mekanizma ile çalışır.

  • Teknoloji ve Frontend Konseptleri
  • Domain (Uygulamanın Yetenekleri)

Bu 2 yapı birbirine çok iyi harmanlayarak Frontend Web Uygulamalarını ortaya çıkarıyoruz. Aynı oyunlarda ve çizgi filmlerde olduğu gibi..

https://miro.medium.com/v2/resize:fit:1400/1*Pzn6PkpM_d11kKm4lD8xCg.png

Senaryo Yazarlarının hikayeleri → Yönetmenler tarafından organize edilerek→ Animatörler , Görsel Efekt uzmanları aracılığı ile → Bileşenlere → Bileşenler arası etkileşime → daha sonra bir sahneye → sahneler birleşerek bir çizgi filme dönüştürülür.

Aslında Frontend Web uygulamasıda buna benzer bir yapıdır. Sadece bu yapıları iyi anlayıp kafanızda oturtursanız farklı farklı uygulamaların aslında benzer bir yapıda olduğunu algılayıp, teknik eleman olarak benzer örüntüler kurarsınız.

Şimdi size bu örüntüleri ve modelleri kendi kafamda oluşturduğum seviyeler üzerinden anlatacağım. Karşımdaki kişilere bu tarz konuları anlatırken, bu tip seviyeler üzerinden anlatmanın konunun rahat anlaşılmasını sağladığını farkettim.

Bu yazıda da seviyeler üzerinden her seferinde biraz daha derine inerek konuyu anlatmaya çalışacağım.

  • Seviye 1 (İç İçe Bileşenler)
  • Seviye 2 (Katmanlı Yapı)
  • Seviye 3 (Konseptler Dünyası)
  • Seviye 4 (Süreç, Konsept ve Araçlar)

Bu E-Kitabı indirirseniz. Yukarıdaki seviyelerin detayları ile birlikte buralarda kullanılabilecek açık kaynak kodlu kütüphanelerin listesine erişebilirsiniz