React Digital Garden içerisinde aynı Vercel/Netlify ortamındakine benzer kendi mini uygulamalarımı atmayı düşünüyorum. Bunlardan ilki Task Management / ToDo Uygulaması — React Digital Garden içerisinde bir çok bileşen demosu, altyapı demosu bulunuyor. Bunlar kendimi geliştirmek için yaptığım denemeler aslında Bazı demoları backend servislerini MSW ile simule edebildiğim için artık mini daha karmaşık demolar geliştirmeyi düşünüyorum

2023 ilk aylarında sektörel gelişmelerden bahsetmiştim. Bu blogda son 3 ayda sektörde ne türden gelişmeler oldu, bunlardan kendimce önemli olanlarını sizler ile paylaşacağım. — Bu blog yazılarını bana gelen bildirimler, epostalar üzerinden çıkardığım kendimce önemli notlar üzerinde duruyor olacağım. Observable Plot kütüphanesinde birçok gelişme bulunuyor. 180 üzerinde örnek uygulama ile Görselleştirme üzerine D3.JS üzerine kurulmuş güçlü bir kütüphane. …

I update my digital garden once a month. I concentrated on Mock Service Worker, Rest API, GraphQL API, and Their Applications in May. — This month, I concentrated on networking and server data synchronization. First, I needed to construct a mock service for a client request, and when researching the problem, I discovered MSW and MSW Data Library, which may assist to mock (simulate) backend APIs while simultaneously utilizing

Micro Frontend farklı farkı birleştirme yöntemleri bulunuyor, bunlardan bir taneside Module Federation yöntemi, bu yazıda Module Federation yönteminin nasıl çalıştığını anlatmaya çalışacağım. — Micro Frontend Nedir ? Ne işe yarar ? Bu konuda yaptığım araştırmaları Microfrontend Nedir ve Kullanılan Framework’ler blog yazısında anlatmıştım. Daha sonra her bu modüllerin bir Shell (Kabuk) yapısı içerisinde birleştirilmesi gerekmektedir. Bu composition için farklı yöntemler bulunmaktadır .

Web uygulamalarımız 100 lerce, 1000lerce bileşenden oluşuyor, bu bileşenler birbirlerini kullanarak çok karmaşık sayfaları oluşturuyorlar. Bu örnekte bu bileşenlerin birbirini kullanması sırasında props sayısını ve içeriğini azaltmanın öneminden bahsediyor olacağım. — React’ın başarılı olmasının en önemli nedeni Bileşen Mantığı’dır. Bileşenlerin birbirini kapsayarak daha büyük yapıları oluşturması, bu yapıların birleşerek sayfaları oluşturması, bu yapıların birleşerek uygulamayı oluşturması

Bundan önceki yazıda ReactQuery üzerinden Axios ile RestAPI tüketmeyi anlatmıştım, bu yazıda ise aynı yapı GraphQL API üzerinden kullanmayı göstereceğim. — Benim Sunucu İletişiminin Mimariye Etkisi blog yazısında en son geldiğim noktada ki mimari yapı aşağıdaki şekildeydi.

Digital Garden üzerinde RestAPI üzerinden CRUD işlemleri ile ilgili ufak ufak denemeler yapmaya başladık. Aşağıda ki yazı bu konunun detaylarını inceliyor olacağım. — Task Uygulaması üzerinden RestAPI servisleri ile basit Web uygulamaları geliştiriyor olacağız. Öncelikle aşağıda bazı linkler vereceğim. Konu hakkında eksikleri olanlar bu yazıları okuyabilirler. Rest API nedir ? Blog yazısı WebAPI üzerinden Fetch kullanımı ? Fetch API Pratikleri -1, Fetch API Pratikleri -2

onurdayibasi.dev sitesini daha esnek hale getirebilmek ve sunucu kısımlarını mocklamak için kullanılan MSW (Mock Service Worker) yapısı ile çalışır hale getirdim. — Belki bazılarınız biliyordur ama ben yinede kısaca değinmek istiyorum. React Digital Garden (onurdayibasi.dev) benim React, WebDev ile ilgili PoC (Proof Of Concept) denemek için kullandığım, deneylerimi yaptığım bir platform. Bu platformun altyapısını kendi geliştirdiğim bir altyapının üzerine, açık kaynak kodlu kütüphaneleride ekleyerek geliştiriyorum. …

Bu yazıda React projesinde yer alan resim, video, müzik dosyalarını yani görsel varlıkları( assetleri ) projede nerede tutmamız gerektiği üzerinde duracağım, ve alternatifler üzerinden avantaj dezavantajlarını karşılaştıracağım. — React projesinde herkesin bir takım resim, ikon, veya görseller için; svg png, jpg gif, mpg4 mp3 benzeri içerikleri web uygulaması içerisinde kullanması gerekmiştir. Resimler üzerinden giderek konuyu anlatmaya çalışacağım. Bu resim dosyalarını React projemize nasıl ekleriz ?