Čo sú state a props v kontexte vývoja na React?

State — je vnútorný stav komponentu, súbor údajov, ktorý sa môže počas prevádzky komponentu meniť. Zmena stavu spôsobí opätovné vykreslenie komponentu.

Props — sú vonkajšie parametre, ktoré sa prenášajú do komponentu zvonku, od rodičovského komponentu. Props sú vnútri komponentu, ktorý ich prijíma, nemenné. Používajú sa na konfiguráciu a prenos dát od rodiča k potomkovi.

Hlavné rozdiely:

Charakteristika	State	Props
Zdroj	Vnútorné komponentu	Prenášané zvonku
Zmeniteľnosť	Môže sa meniť	Nemôže sa meniť vo vnútri
Cieľ	Riadenie vnútorného vzhľadu	Prenos dát a konfigurácie

Príklad použitia state:

import React, { useState } from 'react';

function Counter() {
  const [count, setCount] = useState(0); // Inicializácia state

  return (
    <div>
      <p>Počítadlo: {count}</p>
      <button onClick={() => setCount(count + 1)}>Zvýšiť</button>
    </div>
  );
}

Príklad použitia props:

import React from 'react';

function Greeting(props) {
  return <h1>Ahoj, {props.name}!</h1>; // Použitie props
}

function App() {
  return <Greeting name="Svet" />; // Odovzdanie props
}