Debounce Tekniği + React ile Kullanımı
ฝัง
- เผยแพร่เมื่อ 23 ม.ค. 2025
- Bu ders Tayfun Erbilen tarafından prototurk.com için hazırlanmıştır.
🎉🎉 Kanala destek olmak için KATIL üzerinden size uygun seçeneği belirleyerek desteğinizi gösterebilirsiniz.
www.youtube.co...
👇. Çıkardığımız udemy eğitim setlerine gözatın!
✅ PHP Eğitim Seti
udemy.com/php-...
⚡ Prototurk'u diğer platformlarda takip etmek isterseniz:
⭕ / prototurkcom
⭕ / prototurk.official
⭕ t.me/prototurk
⭕ / tayfunerbilen
kral sahalara geri dönmüş 🎉 biliyorum önceliğin başlangıç seviyesi kişiler ama ileri düzey teknikler de istiyoruz hocam. emeğine sağlık.
Bugün tam tesadüfen copilot ile öğrendiğim şeyi 1 saat sonra senin paylaşman güzel bir tesadüf oldu 😅 Ağzına sağlık abi
Hocam dersleriniz çok kaliteli ve anlaşılır. Sayenizde yazılım ile alakalı çok şey öğrendim. Sizden ricam ilerleyen derslerinizde mantine’yide kullandığınız bir iki içerik hazırlarsanız harika olur.☺️
Hocam sayenizde cok daha detayli proejler yapabiliyoruz. Aslinda hep karsilastigimiz ama bizlerin farkinda olmadigi bu durumlari bize farkettirmeniz cok guzel. Bunun icin teşekkür ederiz iyi ki varsiniz sizinle react calismak cok keyifli 😊😊
Kaliteli içerik.
Teşekkürler.
Daha fazla kod-performans verimliliği artırma videosu gelir umarım çok yararı oluyor
Yılmadan bıkmadan video atan adam gibi adam
hocam süpersiniz çok teşekkür ederiz
Teşekkürler abi, harikasın.
Hocam vsCode LiveServer eklentisi çalışmıyor bugüne kadar çalışıyordu şu an çalışmıyor ctrl + s yapıp kaydediyorum bakıyorum yeni yazdığım şeyler gözükmüyor bunları görmek için sürekli sayfayı yenilemek zorunda kalıyorum ne yapacağım yardımcı olur musunuz?
Hocam reactin kendi useDeferValue hooku ilede boyle islemler yapmak oluyor. Onada deyinseydiniz guzel olurdu
Hocam merhaba bir sorum olacak
User login olduqdan sonra frontda bir işlem görmüyor dom yenilenmiyor örneğin benim access tokenimin ve refresh tokenimin zamani 15 ve 17 dk user birsey yapmazsa dom yenilenmiyor 17 dk sonra logout oluyor bunun karşısina nasil geçilir?
Ben uncontroller konusunda takılmıştım. En basitinden bizim sayı biçimini bilgisayarın algıladığı ####.## sayı biçimine çevirmek için önce noktaları temizliyoruz sonra virgülü noktaya çeviriyoruz.
Ama input[value] onChange olduğu zaman aşağıdaki sorun ortaya çıkıyor. input[defaultValue] kullanılırsa sorun olmuyor. Ama bunun da kusuru özel olarak yeni değerler geldiği zaman set edilen değişkenin input etiketine değeri yazmasını istiyordum. etiketine sarıp ve useRef atanır. Değişken set edildikten sonra referans değişkeni "formReset.current.reset()" ekleyerek çözdüm. Bir fatura bilgileri okuma işlemi yaptığım için map() kullanıyorum o yüzden çoklu input söz konusu mecbur her input için useRef tanımlamak pek mantıklı gelmedi.
"111," => "111."
"111,1" => "1111
Kolay gelsin, Prototürk serisini nereler de gözümüz yollarda.
+1
yarin serinin devami gelmeye basliyor
Elinize sağlık hocamda, karakter uzunluğunuda kontrol edersek doğru olurmu? Mesela 250msde diyelimki ben tay yazdım eğer 0 250ms içinde karakter artıyorsa fetch yapma eğer yapmıyorsa 250ms sonra git istek at da olurmuydu?
react-use ile ilgili bir video gelebilir bu arada react-use çok güzel bi paket
iyi dersler hocam güzel bir anlatım hangi editörü kullanıyorsunuz
webStorm kullanıyorum
@@PROTOTURKCOM react yazmaktan WebStorm otomatik olarak camel case yazılıyor :D
😂@@emreunlu5592
lodash kütüphanesindeki debounce aynı mantıkta çalışıyor değil mi?
Evet aynı mantık, farklı paketler de olmasına karşın ben bizim yazdığımız component versiyonunu daha sık kullanıyorum
throttle teknigi ayni isi mi yapiyor ?
benzer ama aynı değil, throttle belirli zaman aralığında işlemi bir kere yaptırıyor örneğin scroll olayında her seferinde değilde 100ms'de bir işlem yaptırmak gibi düşünebilirsin, debounce gecikmeli işlem yaptırıyor, eğer gecikme süresini aşmamışsa işlemi bir sonraki gecikme süresine erteliyor