Wprowadzenie do języka JSX w React

Język JSX to zwykły JavaScript, ale z pewnymi rozszerzeniami, pozwalającymi pisać tagi bezpośrednio w kodzie, bez cudzysłowów.

Tagi można zwracać przez return:

jsxfunction App() {
  return <div>
    text
  </div>;
}

Tagi mogą mieć atrybuty:

jsxfunction App() {
  return <div class="eee">
    text
  </div>;
}

Tagi można zapisywać w zmiennych lub stałych:

jsxfunction App() {
  const  elem = <div>text</div>;
  return elem;
}

jsxfunction App() {
  return <div>
    text
  </div>;
}