Day 3

React useRef Hook İle DOM Erişimi

Dom erişimini ağlar yani herhangi bir elemente direkt ulaşımı sağlar böylece o elementin current özelliğine müdahale edebilmemizi sağlar.

İkinci olarak da rerenderlar arasında bir değişken tutulabiliyor current özelliği bir defa oluşturuluyor ve her değiştiğinde component yeniden render olmuyor.

Ek olarak sadece value değil console.logdaki gibi bir classname’e de ulaşabiliriz.

setRenk ile state’i de değiştirebiliriz.Çıktısı aşağıdaki gibi olur.

Dom içinde elementlere nasıl erişebileceğimizi öğrenmiş olduk.

React Axios Modülü Kullanımı — React İle Harici Veri Kaynağından Veri Çekmek

Backendden değil de API’den Json şeklinde Frontend’e veri çekmemizi sağlar.Hava durumu,Döviz kuru gibi dinamik bilgileri backendde tutmaktansa API’den çekeriz.

Package kurulur ve import edilir.

Veri çekme işini dinamik hale getirmek istersem: