Last active
June 14, 2025 22:46
-
-
Save cemtopkaya/f0f86f79ca0e3036427313926586f4d8 to your computer and use it in GitHub Desktop.
Ön yüz geliştirmede kullanılan teknik, mimari, desenler vs.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Kategori | Örnekler / Akımlar | Kısa Açıklama | |
---|---|---|---|
Mimarî Yaklaşımlar | MVC, MVVM, MVP, Component-based, Micro Frontend | Arayüzü mantıksal katmanlara ayırma biçimleri | |
Sayfa Yükleme Modelleri | MPA (Multi Page App), SPA, SSR, SSG, ISR | Kullanıcıya içeriğin nasıl ulaştığıyla ilgili mimarîler | |
Modül Sistemleri | AMD, CommonJS, ES Modules, Module Federation | Kodun parçalanması ve tekrar kullanılabilirliği | |
Durum Yönetimi | Redux, MobX, Zustand, Signals, React Context | Uygulama verisinin bileşenler arası paylaşımı ve güncellenmesi | |
Şablonlama Sistemleri | Handlebars, EJS, JSX, Vue Templates | HTML üretimini kolaylaştıran yapı taşları | |
İstemci-Sunucu İletişimi | AJAX, Fetch, GraphQL, WebSockets | Tarayıcının veri alıp göndermesiyle ilgili yöntemler | |
Render Yöntemleri | CSR (Client Side), SSR (Server Side), Hybrid, Edge | İçeriğin kim tarafından, nerede üretildiği | |
Stil Sistemleri | CSS, SASS, CSS-in-JS, Tailwind, BEM | Arayüz görünümünün nasıl tanımlandığı | |
Paketleyiciler (Bundler) | Webpack, Rollup, Vite, Parcel | Kodun üretim ortamına hazırlanması (bundle, minify, vs.) | |
Test Yaklaşımları | Unit, Integration, E2E, Visual Regression | Arayüzün doğru çalışıp çalışmadığını sınama yöntemleri | |
Performans Optimizasyonu | Lazy-loading, Code Splitting, Tree-shaking | Yükleme süresini ve tepki hızını iyileştirme yolları | |
Tarayıcı Desteği / Uyum | Polyfill, Transpiler (Babel), Progressive Enhancement | Farklı tarayıcılarda tutarlı çalışmayı sağlama yolları | |
Komponent Kitaplıkları | React, Vue, Angular, Svelte, Lit | Modern bileşen temelli geliştirmede kullanılan çerçeveler | |
İçerik Sunum Katmanı | CMS, Headless CMS, Markdown/MDX | İçerik odaklı uygulamalar için veri kaynağı olarak içerik sistemleri |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment