Open in app

Sign in

Write

Sign in

Onur Dayıbaşı
Onur Dayıbaşı

8.5K Followers

Home

About

Published in

Frontend Development With JS

·3 days ago

React Uygulamasında Tab Aktif Değilken Optimizasyon Nasıl Sağlanır ? (Tab Visibility Optimization)

React uygulamanızdan başka sayfalar, tarayıcılar veya uygulamalara odaklandığınızda arka planda performansı nasıl yönetebilirsiniz ? — React Web uygulamanız çalışırken web uygulamanızı setInterval ile bir takım işlemleri tekrar tekrar çalıştırmasını istemiş olabilirsiniz; Bellekte bir takım zaman bazlı hesaplamaların yapılması Sunucundan verinin son halinin tekrar çekilmesi Sistemde alarm vs bildirim olup olmadığının kontrol edilmesi

React

3 min read

React Uygulamasında Tab Aktif Değilken Optimizasyon Nasıl Sağlanır ? (Tab Visibility Optimization)
React Uygulamasında Tab Aktif Değilken Optimizasyon Nasıl Sağlanır ? (Tab Visibility Optimization)
React

3 min read


Published in

React Digital Garden

·3 days ago

I’m Stopping React Digital Garden Update News

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 Digital Garden

3 min read

I’m Stopping React Digital Garden Update News
I’m Stopping React Digital Garden Update News
React Digital Garden

3 min read


Published in

Frontend Development With JS

·5 days ago

React Forget Compiler Nedir ?

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.

React Forget Compiler

2 min read

React Forget Compiler Nedir ?
React Forget Compiler Nedir ?
React Forget Compiler

2 min read


Published in

Frontend Development With JS

·5 days ago

Kasım 2023 Frontend Haberleri

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

News

1 min read

Kasım 2023 Frontend Haberleri
Kasım 2023 Frontend Haberleri
News

1 min read


Published in

Frontend Development With JS

·5 days ago

React List Bileşeninde KeyDown/KeyUp ile Elemanlar üzerinde Gezinebilme

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

Lists

3 min read

React List Bileşeninde KeyDown/KeyUp ile Elemanlar üzerinde Gezinebilme
React List Bileşeninde KeyDown/KeyUp ile Elemanlar üzerinde Gezinebilme
Lists

3 min read


Published in

Frontend Development With JS

·6 days ago

React Uygulamalarınıza CMD+K ile Hızlı Arama Ekleme

Ç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…

React

3 min read

React Uygulamalarınıza CMD+K ile Hızlı Arama Ekleme
React Uygulamalarınıza CMD+K ile Hızlı Arama Ekleme
React

3 min read


Published in

Frontend Development With JS

·Nov 28

React Projesinde Uzak URL’de bulunan bir dosyayı nasıl download ettirebiliriz ?

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

React

2 min read

React Uygulamamızda Uzak URL’de bulunan dosyayı nasıl download Ettirebiliriz ?
React Uygulamamızda Uzak URL’de bulunan dosyayı nasıl download Ettirebiliriz ?
React

2 min read


Published in

Frontend Development With JS

·Nov 26

Web Uygulamalarında No-Code yerine FullStack Çözümler

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.

React

3 min read

Web Uygulamalarında No-Code yerine FullStack Çözümler
Web Uygulamalarında No-Code yerine FullStack Çözümler
React

3 min read


Published in

learnreactui

·Nov 25

How to control re-renders on React Class Components

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…

Rerender

4 min read

How to control re-renders on React Class Components
How to control re-renders on React Class Components
Rerender

4 min read


Published in

learnreactui

·Nov 25

Logical Model and Concepts for React Applications

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 …

React

2 min read

Logical Model and Concepts for React Applications
Logical Model and Concepts for React Applications
React

2 min read

Onur Dayıbaşı

Onur Dayıbaşı

8.5K Followers

Founder LearnReactUI.dev

Following
  • Lincoln W Daniel

    Lincoln W Daniel

  • Hüseyin Mert

    Hüseyin Mert

  • Aytekin Tank

    Aytekin Tank

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

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

  • Srinivas Rao

    Srinivas Rao

See all (221)

Help

Status

About

Careers

Blog

Privacy

Terms

Text to speech

Teams