React state example

Basite indirgemek gerekirse React Component ‘leri kullanıcı arayüzünü şekillendiren, belirli görevleri olan, class veya fonksiyon olarak tanımlanmış, geriye react elementleri döndüren (bir önceki yazımızda bahsettiğimiz JSX), opsiyonel olarak parametre (daha sonra bunlara prop diyeceğiz) alan yapı taşlarıdır.

“Render prop” tabiri; React bileşenleri arasında kod paylaşımının, değerleri birer fonksiyon olan prop’lar kullanılarak yapılması için kullanılmaktadır. Render prop’lu bir bileşen, prop olarak bir React elemanı döndüren bir fonksiyon alır ve kendi render mantığını yürütmek yerine bu fonksiyonu çağırır.

React bileşenleri, kullanıcı arabirimini bağımsız, yeniden kullanılabilir parçalara ayırmanıza ve ayrılmış her bir parça hakkında düşünmenize olanak sağlar. React bileşenleri, React .Component ya da React .PureComponent üzerinden alt sınıflandırma yoluyla tanımlanabilir.

React bileşenleri, kullanıcı arabirimini bağımsız, yeniden kullanılabilir parçalara ayırmanıza ve ayrılmış her bir parça hakkında düşünmenize olanak sağlar. React bileşenleri, React .Component ya da React .PureComponent üzerinden alt sınıflandırma yoluyla tanımlanabilir.

React .Component soyut temel bir sınıftır, bu nedenle doğrudan React .Componente başvurmak mantıklı değildir. Bunun yerine, genellikle classın alt classını tanımlayıp, bir render() metodu tanımlarsınız. ES6’yı henüz kullanmıyorsanız, bunun yerine create-react -class modülünü kullanabilirsiniz.