JavaScript tarihçesi ile ilgili blog yazımı güncellerken ES11, ES12, ES13 ait JavaScript gelişmeleri anlatmadığımı farkettim. Bu blog ES12 gelen yeni özellikleri analiz edeceğiz. — ES12 2021 yılında JavaScript diline getirilen yenilik ve özellikler; Numeric Separators String.prototype.replaceAll Promise.any() and AggregateError Logical Assignment Operators Private Class Methods and Accessors 1. Numeric Separators ( _ )

JavaScript tarihçesi ile ilgili blog yazımı güncellerken ES11, ES12, ES13 ait JavaScript gelişmeleri anlatmadığımı farkettim. Bu blog ES11 gelen yeni özellikleri analiz edeceğiz — ES11 2020 yılında JavaScript diline getirilen Optional Chaining (?) Nullish Coalescing (??) BigInt (n) Dynamic Import Private Fields (#) Static Fields MatchAll globalThis Promise.allSettled 1. Optional Chaining (?) JS geliştiricileri genelde bu tip türde “TypeError: Cannot read property” bir hata ile sıkça karşılaşır. Bir objenin içerisinde property erişimi sırasında objenin de olmayışı bu tip…

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.

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ış

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…