Co je JSX?

JSX spojuje sílu JavaScriptu a HTML pro komponentový vývoj.

JSX (JavaScript XML) je rozšíření syntaxe JavaScriptu, které umožňuje psát HTML prvky přímo uvnitř JavaScriptu. Nejčastěji se používá v knihovně React pro tvorbu uživatelského rozhraní.

Příklad JSX:

const element = <h1>Ahoj světe!</h1>;

JSX není platný JavaScript – prohlížeč ho nedokáže sám spustit. Před vykonáním se musí převést (transpilovat) nástrojem jako Babel na čistý JavaScript.

Výhody JSX:

  • lepší čitelnost komponent,
  • snadné skládání prvků do celků,
  • výkonné spojení logiky a šablon v jednom souboru.