M E D Y A T Ö R

React Component

9.08.2021

2869
View

React Component mantığı

React'ta Component mantığı nedir, ve neden kullanırız

React'da component mantığı en basit haliyle bizim programızı bölümlere ayırıp, okunabilirliği arttırmaya yarar sağlar

Component mantığını nerelerde kullanırız, React'ta Component mantığını en çok linklemede kullanırız

Basit bir Component örneği yapalım:

Önce React projemizde "src" klasörünün altına "components" adında bir klasör oluşturmakla başlayalım

React Component mantığı

Daha sonra "components" klasörünün altına "yazi.js" adında bir dosya oluşturalım

React Component mantığı

Sonrasında "yazi.js" in içine class iskeleti oluşturalım

Eğer Visual Studio Code'de Aşağıdaki eklenti varsa "rcc" yazarak hızlıca bir class iskeleti oluşturabiliriz

React Component mantığı

Artık class iskeletini oluşturduğumuza göre kodlamaya geçebiliriz

React Component mantığı

Daha sonra bu component'i kullanacağımız dosyada çağıracağız (App.js)

React Component mantığı

Şimdi ise React projemizi çalıştırarak sonuca bakalım

React Component mantığı

Böylece App.js'de Yazı.js'i çağırarak Yazi.js'in içini çıktı olarak almış olduk


React Component mantığı

Diğer Blog Yazılarımız için :Blog

Diğer React ile ilgili Blog yazılarımız için :React