React'ta Refler

Eğer bir bilgiyi hatırlamak istiyorsak, ama onun değişmesinin bileşenin yeniden render edilmesini tetiklemesini istemiyorsak, refler ve buna bağlı olarak onlarla çalışan useRef hook'u işimize yarayacaktır.

Ref (veya referans), okuyabildiğiniz veya değiştirebildiğiniz current adlı tek bir özelliği olan sıradan bir JavaScript nesnesidir.

State'ler gibi, refler de her türlü veriyi saklayabilir - bunlar sayılar, diziler, nesneler ve hatta fonksiyonlar olabilir.

Eğer verileriniz render işlemi için kullanılıyorsa, onları state'te saklayın, ancak render'a ihtiyacınız yoksa, bu durumda refleri kullanmak daha verimli olabilir. Ayrıca state'in aksine, bir ref'in değeri anında değişir.

Genel olarak refler, React'ten ayrılıp bileşenin görüntüsünü etkilemeyen - çoğunlukla tarayıcı API'leri ile - harici API'lerle etkileşim kurmanız gereken yerlerde kullanılır. Bu, örneğin bir id zamanlayıcısını saklamak veya JSX hesaplaması gerekmeyen bir nesneyi saklamak olabilir, ancak en yaygın olarak DOM elemanlarıyla etkileşim için kullanılırlar. Odak yönetimi, metin seçimi veya medya oynatma için kullanılabilirler.

Bir sonraki derste, ref'ler ve useRef hook'u ile pratikte çalışmayı inceleyeceğiz.