HOC - Higher Order Componenets - HOC

Higher Order Componenets

Tekrar bileşenleri(componenet) kullanmak için geliştirilmiş bir tekniktir. React'in bilimsel doğasından çıkar.

HOC, argüman olarak bileşenleri(componenets) alan ve yeni bir bileşen(componenet) döndüren bir fonksiyondur.

Bir bileşen parçaları kullanıcı arayüzüne dönüştürürken, bir HOC bileşenleri başka bir bileşene dönüşütürür.

Birden fazla bileşenimiz için eğer aynı fonksiyonları paylaşıyorlarsa kodumuzu tekrar etmemek amacıyla HOC kullanabiliriz. 

React sisteminin içerisinde de HOC lar kullanılır React Router'dan withRouter ve Redux'dan connect.

Kullanım şekline örnek olarak, projede bir fonksiyonel bileşenimiz var ve burada <div></div> ve <main>{props.children}</main> şeklinde iki ayrı bölüm göndereceğiz. React bu durumda hemen hata verecek. Bu 2 sini aynı zamanda başka bir JSX ile sarmamı isteyecek. hepsini bir <div> içerisine de sarabiliriz. Ya da HOC oluşturarak tüm bileşenimizi bu bileşenimiz ile sararız.