JavaScript yerine React: Geliştirmeyi Kolaylaştıran Component Yapısı

React, Javascript dili ile geliştirilen bir JavaScript kütüphanesidir ve uygulama geliştirmek için kullanılan bir araçtır. React, daha verimli ve esnek bir yapı sunması nedeniyle Javascript'e göre tercih edilir. React, component tabanlı bir yapıya sahiptir ve bu component'ler fonksiyonel component veya stateful component olarak iki şekilde tanımlanabilir.

Function Component, sadece giriş verilerine göre render edilen ve state (durum) değişkenleri olmayan component'lerdir. Bu component'ler, props (özellikler) aracılığıyla veri alır ve bir HTML çıktısı olarak döndürür. Function component, performans ve okunabilirlik açısından tercih edilen bir component yapısıdır.

Aşağıdaki örnek, Javascript kodunda yazılan bir component'in aynısının React fonksiyonel component olarak yazılışını gösterir:

Javascript Kodu:

function Greeting(props) {
  return <h1>Hello, {props.name}</h1>;
}

React Kodu:

import React from 'react';

const Greeting = (props) => {
  return <h1>Hello, {props.name}</h1>;
}

export default Greeting;

Bu örnekte, Javascript kodunda yazılan bir component'in aynısı React fonksiyonel component olarak yazılmıştır. Bu component, giriş verisi olarak name prop'unu alır ve Hello, {props.name} şeklinde bir çıktı olarak döndürür.

React, component tabanlı bir yapıya sahiptir ve bu component'ler fonksiyonel component veya stateful component olarak iki şekilde tanımlanabilir. Function component, performans ve okunabilirlik açısından tercih edilen bir component yapısıdır.

Bu yazı, React'in Javascript yerine tercih edilmesinin sebeplerini ve fonksiyonel component yapısının önemini anlatmaktadır.