Co je React

Vítejte v Reactu! React je javascriptová knihovna pro tvorbu webových aplikací, tedy stránek, které reagují na to, co děláte. (Knihovna je hotový kód, který používáte ve vlastních programech.) Stojí na něm Facebook, Instagram i spousta dalších aplikací, které znáte. V tomto kurzu si krok za krokem postavíte aplikaci pro hudební festival Letní zvuky.

V editoru už je malá aplikace v Reactu. Klikněte na Spustit: náhled ukáže program festivalu a tlačítko ♥. Klikněte na něj několikrát.

Vzpomeňte si, jak jste stránku měnili v kurzu JavaScriptu: našli jste prvek pomocí querySelector(), změnili jeho textContent a nové prvky vytvořili pomocí createElement(). Stránce jste krok za krokem říkali, co má změnit.

React na to jde obráceně. Popíšete, co má stránka pro vaše data ukazovat, a React ji vytvoří. Když se data změní, React stránku sám aktualizuje. Podívejte se do App.jsx: kapely jsou v poli kapely a seznam na stránce vzniká z něj. Není tam žádný querySelector() ani textContent. Tlačítko ♥ jen zvýší číslo lajky a nové číslo ukáže React.

Stránka se skládá z komponent, pojmenovaných částí, které si píšete sami, třeba karta kapely, program festivalu nebo formulář na vstupenky. První komponentu napíšete už v této lekci.

Nevadí, když zatím nerozumíte každému řádku v App.jsx. Seznam vytvořený z pole pomocí map() se naučíte v lekci Seznamy a podmínky, tlačítko s onClick v lekci Události a useState, díky kterému si aplikace pamatuje lajky, v lekci Stav. Do konce kurzu celý App.jsx napíšete sami, a ještě mnohem víc.