1. React Kütüphanesini İçe Aktarma: İlk olarak, React kütüphanesini içe aktarmak için

   import React

   ifadesini kullanmak gereklidir 13.

import React from 'react';
Kopyala

2. Bileşen Tanımı: Bileşeni fonksiyonel (functional) veya sınıf (class) bazlı olarak tanımlamak mümkündür 13.

• Fonksiyonel Bileşen:

  function Merhaba() {
    return <h1>Merhaba, Dünya!</h1>;
  }
  Kopyala

• Sınıf Bileşeni:

  class Merhaba extends React.Component {
    render() {
      return <h1>Merhaba, Dünya!</h1>;
    }
  }
  Kopyala

3. Props (Özellikler): Bileşene dışarıdan veri aktarmak için

   props

   kullanılır 12. Bu veri, bileşenin davranışını veya görüntüsünü değiştirebilir 1.
4. Render Metodu: Sınıf bazlı bileşenlerde, bileşenin nasıl görüntüleneceğini belirtmek için

   render

   metodu kullanılır 1. Fonksiyonel bileşenlerde ise doğrudan JSX döndürülür 1.