Open in app

Sign In

Write

Sign In

Onur Dayıbaşı
Onur Dayıbaşı

7.3K Followers

Home

About

Published in Frontend Development With JS

·3 hours ago

React Örnek Proje Mimarisi — 6 (Sunucu İletişiminin Mimariye Etkisi)

Bu blog yazısında Web Uygulamasının Sunucu İletişiminin basitten karmaşığa nasıl evrildiği, nasıl geliştiğini ve bunun mimariye etkisini anlatmaya çalışacağım. ReactQuery , Apollo Client gibi Server State Management kütüphanelerini nasıl mimarimize ekleyeceğiz ? — Genelde piyasada ToDO app tarzında bir çok örnek ve uygulama bulunuyor. Peki gerçekten SaaS olarak kullandığımızı uygulamalar bu kadar basit mi ? Bileşen sayısı arttıkça sunucu ile iletişim kurup bir çok kişinin aynı uygulamada çalışmasını sağlattığınızda verilerinin üzerindeki güncelleme yapmayı ve bu güncellemerin doğru şekilde kullanıcılara aktarılmasını nasıl sağlayacağız.

React

4 min read

React Örnek Proje Mimarisi — 6 (Sunucu İletişiminin Mimariye Etkisi)
React Örnek Proje Mimarisi — 6 (Sunucu İletişiminin Mimariye Etkisi)
React

4 min read


Published in Frontend Development With JS

·Jan 28

2022'de JavaScript ve Ekosistem

Her sene bir takım anketler üzerinden senenin analizi yapılıyor. Benim de her sene beğenerek takip ettiğim State of JS 2022 anketi ve sonuçlarını analiz edeceğim. — Analiz yaptığım siteye bu linkten ➡️ https://2022.stateofjs.com/ erişebilirsiniz. 1. ANKETE KATILAN KİŞİLER İLE İLGİLİ ANALİZLER A. Deneyim ve Kazanç Analizi Ankete katılanların deneyimleri ve kazandıkları üzerinden bir analiz yaptıklarında aşağıdaki görseldeki gibi bir analiz çıkmış

Java Script

5 min read

2022'de JavaScript ve Ekosistem
2022'de JavaScript ve Ekosistem
Java Script

5 min read


Published in React Digital Garden

·Jan 27

What are the updates in My Digital Garden in Jan 2023

Every month I give updates on my digital garden. In January, I focused mainly on trying Client State Management methods and useEffect Timer usage. — I have wanted to improve the Menu Structure in my Digital Garden for a long time. I completed this work today. Below I describe how I handled this issue. I slightly changed this structure using the Prime React Mega Menu in this part. …

React

4 min read

What were the updates in My Digital Garden Last Month — (in Jan 2023)
What were the updates in My Digital Garden Last Month — (in Jan 2023)
React

4 min read


Published in Frontend Development With JS

·Jan 22

React Hooks — useTimeout and useInterval

Hooks konusunda temel kavramları anlatmıştık bu Hook yapılarının üzerine Custom Hooks Örnekleri ile devam ediyor olacağım. İlk konumuz Timer üzerine olan kodlar. — JavaScript timer üzerinden kullandığımız 2 mekanizma bulunuyor. Bunlardan bir tanesi bir işlemi o anda değil de belli bir süre sonra yapılmasını istiyorsak kullandığımız Timeout ait fonksiyonlar, setTimeout(callback, delay) -> id clearTimeout(id)

React

4 min read

React Hooks — setTimeout and setInterval
React Hooks — setTimeout and setInterval
React

4 min read


Published in Frontend Development With JS

·Jan 20

React Örnek Proje Mimarisi — 5 (Figma vb.. Tasarım Yapısı)

React Örnek Proje Mimarisi’nde orta ölçekli veya büyük bir projede yazılım mimarisi , süreçleri, konseptleri neler olmalı, nasıl olmalı şeklinde değerlendirmeler yapıyorum. — Bu kısma kadar olan yazılarda Routing, Store, Component, Container yapılarından Icon yapısından bahsettik ama UIX Designer oluşturduğu tasarımların Frontend Developer nasıl bir yapıda gelmesi mimari yapıya hem uygunluk hem de geliştirmeye hız kazandırır.

React

3 min read

React Örnek Proje Mimarisi — 5 (Figma vb.. Tasarım Yapısı)
React Örnek Proje Mimarisi — 5 (Figma vb.. Tasarım Yapısı)
React

3 min read


Published in Frontend Development With JS

·Jan 18

Hangi Client State Management Yöntemi’ni Kullanmalıyım ? (Signals)

Bu yazıda Client State Management için hangi yöntemleri kullanabilirim üzerine araştırma yaptım. (useState, useContext, redux, zustand, jotai, signals …) avantajı, dezavantajı için küçük bir deneme ortamı oluşturup bunun üzerinde denemeler yaptım. — Önceki yazılarda https://onurdayibasi.com/react-redux/ altında ClientState Management ile ilgili useState, useContext, Zustand ve Jotai ve Redux Connect konularından bahsettim.

Signals

3 min read

Hangi Client State Management Yöntemi’ni Kullanmalıyım ? (Signals)
Hangi Client State Management Yöntemi’ni Kullanmalıyım ? (Signals)
Signals

3 min read


Published in Frontend Development With JS

·Jan 17

React Örnek Proje Mimarisi — 4

Bu yazıda Icon yapıların FontIcon oluşturmanın ve bunları proje içerisinde nasıl yönetmek gerektiği konusunda düşüncelerimi paylaşacağım. — Öncelikle 3 konu projenin başından itibaren iyi belirleyip iyi planlamamız gereken konular. Fontlar (Fontları React Projesine Nasıl Dahil Ederiz ?) İkonlar (Iconları React Projesine Nasıl Dahil Ederiz ?) Renkler (Renk Modelleri) İkonlar (icon) uygulama geliştirmenin en başından iyi bir şekilde planlamak çok önemli aksi taktirde projenin içerisinde standart olmayan bir…

React

3 min read

React Örnek Proje Mimarisi — 4
React Örnek Proje Mimarisi — 4
React

3 min read


Published in Frontend Development With JS

·Jan 16

Hangi Client State Management Yöntemi’ni Kullanmalıyım ? (Redux Connect)

Bu yazıda Client State Management için hangi yöntemleri kullanabilirim üzerine araştırma yaptım. (useState, useContext, redux, zustand, jotai, …) avantajı, dezavantajı için küçük bir deneme ortamı oluşturup bunun üzerinde denemeler yaptım. — Önceki yazılarda https://onurdayibasi.com/react-redux/ altında ClientState Management ile ilgili useState, useContext, Zustand ve Jotai konularından bahsettim.

React

5 min read

Hangi Client State Management Yöntemi’ni Kullanmalıyım ? (Redux Connect)
Hangi Client State Management Yöntemi’ni Kullanmalıyım ? (Redux Connect)
React

5 min read


Published in Frontend Development With JS

·Jan 15

Hangi Client State Management Yöntemi’ni Kullanmalıyım ? (Jotai)

Bu yazıda Client State Management için hangi yöntemleri kullanabilirim üzerine araştırma yaptım. (useState, useContext, redux, zustand, jotai, …) avantajı, dezavantajı için küçük bir deneme ortamı oluşturup bunun üzerinde denemeler yaptım. — Bu yazı serimizin 4ncü yazısı. Özet olması açısından ilk yazıda ortak paylaşımlı kullanılacak count1 ve count2 state Lifting State Up yöntemi ile sayfa seviyesine taşıyıp bunu useState ve Props Drilling yöntem ile alt bileşenlere ulaştırmıştık ama arada konu ile ilgili olmayan bileşenlere de dokunmak zorunda kaldık. …

React

3 min read

Hangi Client State Management Yöntemi’ni Kullanmalıyım ? (Jotai)
Hangi Client State Management Yöntemi’ni Kullanmalıyım ? (Jotai)
React

3 min read


Published in Frontend Development With JS

·Jan 15

Hangi Client State Management Yöntemi’ni Kullanmalıyım ? (Zustand)

Bu yazıda Client State Management için hangi yöntemleri kullanabilirim üzerine araştırma yaptım. (useState, useContext, redux, zustand, jotai, …) avantajı, dezavantajı için küçük bir deneme ortamı oluşturup bunun üzerinde denemeler yaptım. — Bu yazı serimizin 3ncü yazısı. Özet olması açısından ilk yazıda ortak paylaşımlı kullanılacak count1 ve count2 state Lifting State Up yöntemi ile sayfa seviyesine taşıyıp bunu useState ve Props Drilling yöntem ile alt bileşenlere ulaştırmıştık ama arada konu ile ilgili olmayan bileşenlere de dokunak zorunda kaldık. …

React

2 min read

Hangi Client State Management Yöntemi’ni Kullanmalıyım ? (Zustand)
Hangi Client State Management Yöntemi’ni Kullanmalıyım ? (Zustand)
React

2 min read

Onur Dayıbaşı

Onur Dayıbaşı

7.3K Followers

Frontend Lead at Thundra

Following
  • M.G. Siegler

    M.G. Siegler

  • Ghost Together

    Ghost Together

  • Ahmet Çığşar

    Ahmet Çığşar

  • John Battelle

    John Battelle

  • Mali Müşavir Evren Özmen-CPA Evren ÖZMEN

    Mali Müşavir Evren Özmen-CPA Evren ÖZMEN

Help

Status

Writers

Blog

Careers

Privacy

Terms

About

Text to speech