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…

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 Ö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.

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.

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…

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.

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…

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…

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…