React useRef Hook Kullanımı
ฝัง
- เผยแพร่เมื่อ 24 ก.ย. 2024
- Bu videoda React useRef hook kullanımı anlatılmaktadır.
useRef, .current değeri içinde değiştirilebilen bir obje döndürür. Bu objenin en önemli özelliği, bileşenin yaşam süresi boyunca aynı obje olarak kalmasıdır. Normalde bileşeni oluşturan fonksiyon gövdesinde oluşturulan değerler, bileşen her yeniden render edildiğinde yeniden oluşturulup değişkene ataması yapılır. useRef ile oluşturulan obje bileşenin yaşam süresi boyunca değişmez ve hep başlangıçta oluşturulan objeye referans gösterir.
GitHub: github.com/rea...
Twitter: / reactdersleri
#react #reactjs #reactdersleri #reacttutorial
Hocam gerçekten emeğinize sağlık, başka kaynaklardan anlayamadığım pek çok şeyi burada öğrendim. Sanırım TH-cam'ın saçma sapan yönlendirmeleri sonucunda şimdilik gereken ilgiyi görmüyor ama bence kesinlikle React konusunda en güzel Türkçe içerikler burada...
Dökümantasyonu kullanarak anlatımınız çok iyi olmuş, anlık olarak dönüp bakabileceğimiz hemen aklımıza anlattıklarınızın geleceği bir döküman haline geliyor aynı zamanda.
Teşekkürler
Harika anlatım
Çok teşekkürler 🙂
sonunda anladım, teşekkürler
Cok tesekkurler cok iyi izah olunmus
teşekkür ederim
Hocam emeklerinize saglik. React hooks ve özellikle de reduxi sayenizde ögrendim. Gercekten çok sade ve temiz anlatiyorsunuz. React native tarafina da giris yapcakmisiniz acaba ?
Şimdilik öyle bir düşüncem yok açıkçası. React'ta ele almak istediğim epey konu var.
@@ReactDersleri Demek ki bizim de daha react da ögrencegimiz konular var. 🤗
Temel konuları ele aldık aslında. Biraz daha performans artırmaya yönelik bazı özellikler var, onlara da değinmek istiyorum.
@@ReactDersleri Güzel olur hocam, Tesekkürler
@@ReactDersleri Hocam ben de Udemy'den React egitimi satin almistim ama CSS kisminda takildim acikcasi. Nasil cözmeliyiz CSS konusunu? React icin CSS Fundemantels yeter diyorlardi yetmedi:)
Hocam elinize,emeğinize sağlık çok güzel video olmuş ayrıca kullandığınız editorun adı nedir ?
codesandbox'ta hazırladım bu videoyu. Editör sayılmaz. Yazı boyutunu büyültüp yer kaybetmemek için tam ekran yapmıştım.
teşekkürler
Hocam React Native' de gelecek mi ? ,elinize emeğinize sağlık.
Nedir bu React Native sevgisi? :) Şaka bir yana, ben de ilk React Native ile başlamıştım.
@@ReactDersleri hocam günümüzde mobil daha popüler değil mi bende Yazılım Mühendisiyim şuan Angular js ile projeler yapıyoruz ama aklım hep mobilde :D birde mobilde proje yapınca direk elinde olması insana farklı bir haz veriyor :D
React'ın webdeki popülerliği React Native'in mobildeki popülerliğinden çok daha fazla. React Native hem Android hem iOS ortamında app yapmaya izin veriyor ama mobil cihazların özelliklerini uygulamanızda daha fazla kullanmaya başlayınca her iki ortam için de ayrı ayrı çözümler yapmanız gerekebiliyor. Anlayacağın React Native'in React seviyesine gelebilmesi daha çok çalışması lazım :)
@@onuryldrm1840 Daha mi kolay mobilde proje yapmak?
@@kendimce3309 hayır hepsi hemen hemen aynı
👏👏👏
hocam react native anlatırsanız birde çok güzel olur
Bayağıdır React Native çalışmadım. Tekrar ne zaman geri dönerim bilmiyorum.
Useref'in hep aynı objeye referans vermesini nerede kullanabiliriz bir örnek verebilir misiniz?
Bununla ilgili kısa bir video hazırlayacağım.
th-cam.com/video/ciEN7EmeET4/w-d-xo.html
@@ReactDersleri Teşekkür ederim :)
Merhabalar, video sonlarına doğru setDummy ile value.current'ı nasıl ilişkilendirdiniz? Yani, butona bastığınızda değişen değer setDummy içine nasıl geçti ? setDummy stateti nasıl set olabildi? Teşekkürler,
Merhaba, setDummy’ye value.current değerini atamadı aslında. onIncrease methodu tetiklendiğinde setDummy de tetiklendiği için component tekrardan render oldu. Yani burada useRef kullanıldığında ve useRef kullanarak oluşturuğumuz nesnede değişiklik olduğunda componentin tekrardan render olmadığını fakat nesnenin değerinin değiştiğini göstermek istemiş. Nesnenin değerini console’da göstermek için de componentin render olması gerekiyordu. Bu render işlemini de setDummy kullanarak yapmış.
static tanımalama yapmak gibi herhalde
Merhaba hocam, useRef kullanimina iliskin gercek hayatta denk geldiginiz bir case i soyleyebilir misiniz?
Hemen hemen gordugum her yerde DOM elemanlarina ulasmak icin kullaniliyor. Bir islem oldugunda veya bir flag true dondugunde DOM'daki elemanin bir seylerini degistirmek istediginizde bu elemana verdiginiz ref uzerinden islemleri yapiyorsunuz.
@@ReactDersleri Anladim hocam tesekkur ederim, egitimleriniz on numara. Topluluga boyle bir katkida bulundugunuz icinde ayriyeten tesekkur ederim :)
Hocam emeğinize sağlık componentler arası bunu nasıl yapabiliriz örneğin buton farklı bir componentte olsa
Parent component icinde ref degerini parametre olarak alip gerekli degisiklikleri yapan bir fonksiyon olusturup o fonksiyonu butonun oldugu component icinde, degistirmek istediginiz refi o fonksiyona parametre olarak gondererek kullanabilirsiniz.
@@ReactDersleri Hocam çok teşekkür ederim anında cevap verdiniz