I will no longer update the news because React Digital Garden will be the sample/demo environment of the LearnReactUI.dev training platform in the future. — Maggie’s work at https://maggieappleton.com/garden-history prompted me to construct the Digital Garden on August 29, 2021. It was a platform that I experimented with for many of my professional works for over two years. I was sharing the monthly samples I posted here with you via the URL below.

React Ekibi ClientSide için React.useMemo, React.memo ve React useCallback kullanımını otomatik gerçekleştirecek bir Compiler üzerinde çalışıyor. — Öncelikle React bileşenlerinde performans problemlerini aşmak için React.memo, React.useMemo ve React.useCallback kullanıyoruz. Fakat bunları ne zaman kullanacağımız veya kullanmayacağımız konusunda çok sık kafa karışıkları ve kodun okunabilirliğini karmaşıklaştıran bir durum var.

Son dönemde bana gelen bildirimlerden önemli bulduklarımı toparladığım gelişmeleri bu blog altında paylaşıyor olacağım. — Kasım ayında Frontend ve React ekosistemindeki yeniliklerden önemli gördüklerimi aşağıda listeliyor olacağım. JS 2023 Anketi Astro 4-Beta FullStack Composability (Son dönem RSC, Next, Remix gelişmeleri) Collobrative (https://typist.doist.dev/ → Tiptap) , YJS Vite5 Released TLDraw drawing Lib

⌘ K ile Digital Garden üzerinde Sample Listesini açmak üzerine bir örnek geliştirmiştim. Bu blog önceki yazının devamı niteliğindedir. — Bir önceki yazıda ⌘ K ile Sample Listesi açmayı nasıl gerçekleştirdiğimizi anlatmıştık. Geçmiş yazıda eksik kalan ve ileride iyileştireceğim 2 özellikten bahsetmiştim. Key Up, Key Down düğmeleri ile listede gezme CMD+ K kısayolunun tüm sayfalardan kullanılabilir hale getirebiliriz.

Çoğu Web sitesinde görmüşsünüzdür. Ekranın üst kısmında bir SearchBar ve ekranın herhangi bir yerinde CMD + K düğmesine bastığınızda bu SearchBar otomatik açılır ve odaklanmak istediğiniz şeye kolayca ulaşabilirsiniz. — CMD + K veya ⌘K ile hızlı arama yapabilmek için bir SearchBar açmak ve tüm sayfalara bunun üzerinden ulaşmak bir standart haline geldi. Yapay- Zeka çözümleri vb yapılar bize artık UI üzerinden menu, düğme vs ile tıklamak yerine bir takım konsollar üzerinden arama yaparak, veya karşılıklı konuşma (Prompt UI) üzerinden…

Bazı dosyalarınız Sunucu, AWS S3, Cloudfront üzerinde bulunur. Ve bu dosyalarınızı bir URL üzerinden kullanıcının bilgisayarına indirtebilecek bir link, bir düğme geliştirmeniz gerekir. Aşağıdaki yazıda bu konu üzerine değineceğim — Bu örnekte AWS S3 → CDN (Cloudfront) gönderdiğim bir dosyanın nasıl local makineye indirildiğini anlatacağım. Örnek: https://onurdayibasi.dev/json-url-download

Uzun süredir Web Uygulama geliştirme konusunda No Code SaaS hizmetleri çok popülerdi, bu yaklaşıma framework’ ler üzerine geliştirilen FullStack çözümler giderek yaklaşmaya başladı. (refine, react admin, redwood, blitz, epicstack, adminjs) — Web uygulamalarında NoCode çözümleri 1,2 yıl önce inanılmaz popülerdi WebFlow, Retool, JetAdmin, Softr.io, AirTable, Notion vb… bir çok araçla bulunan ortamda kendi ihtiyaçlarınızı geliştirebiliyorsunuz.

In React class components, you have several options for controlling renders and optimizing the performance of your application. By utilizing the lifecycle methods provided by React, you can have more control over when and how your components re-render. One of the key lifecycle methods to control renders is shouldComponentUpdate. By…

This article is the continuation of the previous article How to Become a Frontend Master. In this article, I will explain how I modeled the Frontend Application level by level in my own head. In the real world, all frontend applications use the same the approach. Technology and Frontend Concepts …