Milyen két fő típusa van a React komponenseinek?

A Reactben két fő típusú komponens létezik:

1. Funkcionális komponensek (Functional Components) — olyan függvények, amelyek props-okat fogadnak és JSX-et adnak vissza. Egyszerűbbek és könnyebbek, különösen a hook-ok megjelenésével, amelyek lehetővé teszik az állapot és más React-funkciók használatát.

2. Osztály alapú komponensek (Class Components) — ES6 osztályok, amelyek öröklődnek a React.Component-ből, és rendelkeznek életciklus-módszerekkel, állapottal (state) és más képességekkel.

Példa egy funkcionális komponensre:

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

Példa egy osztály alapú komponensre:

class Greeting extends React.Component {
  render() {
    return <h1>Szia, {this.props.name}!</h1>;
  }
}