useState with previous state

React hooks bir class yazmadan react özelliklerini kullanmanıza olanak sağlayan bir yapıdır. React geliştiricilerinin hatırlayacağı üzere daha önce oluşturduğumuz class’ları react .component’ten extend ediyorduk ve bu sayede react özelliklerini kullanabiliyorduk. Şimdi buna gerek kalmadı.

Custom Hook Nedir ? İlk olarak Hook kavramına bakacak olursak, React’ın 16.8 versiyonu ile birlikte karşımıza çıkan, sınıf bileşeni (class component) oluşturmadan state ve diğer React özelliklerini fonksiyon bileşenlerinde (function component) kullanmamıza olanak veren yapılardır.

Effect Hook useEffect() fonksiyonunu kullandığınızda React, DOM ile ilgili herhangi bir işlem tamamlandığında çağıracaktır. React, varsayılan olarak ilk render da dahil olmak üzere her render işleminden sonra effect fonksiyonunu çalıştırır.

usememo hooksu expensive fonksiyonlarımızı gereksiz yere render olmasını engeller, tamamen performans optimize etmek için kullanılan bir hook. basit, fazla işlem olmayan fonksiyonlarda kullanılmamalı ve amacınız tekrar render olmasın olmamalı react bunun garantisini vermiyor sadece performans üzerine kurgulanmalı.