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

·1 day ago

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

·1 day ago

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. In its current state, I have grouped…

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. Bu onlarında ekstradan props…

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. Bu onlarında ekstradan props…

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


Published in Frontend Development With JS

·Jan 15

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

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 2nci 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. Bu onlarında ekstradan props…

React

3 min read

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

3 min read

Onur Dayıbaşı

Onur Dayıbaşı

7.3K Followers

Frontend Lead at Thundra

Following
  • Layka DAO

    Layka DAO

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

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

  • M.G. Siegler

    M.G. Siegler

  • Muzli

    Muzli

  • Bora Erbaşoğlu

    Bora Erbaşoğlu

Help

Status

Writers

Blog

Careers

Privacy

Terms

About

Text to speech