Framework React a moderní frontend

React je deklarativní a efektivní knihovna pro tvorbu uživatelských rozhraní. Ačkoliv je často nazýván frameworkem, technicky jde o knihovnu zaměřenou na zobrazení (View). Jeho hlavní silou je rychlost a schopnost spravovat složité aplikace pomocí komponent.

Aplikace v Reactu je složena z malých, nezávislých částí. Každé tlačítko, menu nebo formulář může být samostatnou komponentou, kterou lze použít na více místech.

React si udržuje lehkou kopii skutečného dokumentu (DOM) v paměti. Když se data změní, React porovná virtuální verzi s tou skutečnou a aktualizuje pouze ty části, které se skutečně změnily. To dělá React extrémně rychlým.

React používá speciální syntaxi, která umožňuje psát HTML kód přímo uvnitř JavaScriptu.

const Pozdrav = () => {
  return <h1>Ahoj z Reactu!</h1>;
};

—

Aby byly komponenty dynamické, používá React dva druhy dat:

• Props (Properties): Data, která komponenta přijímá „shora“ od svého rodiče (podobně jako parametry funkce). Jsou neměnná.
• State (Stav): Data, která si komponenta spravuje sama uvnitř. Když se změní stav, komponenta se automaticky překreslí.

—

Zavedeny v roce 2019, hooky umožňují používat stav a další funkce Reactu v jednoduchých funkcích (namísto složitých tříd).

• useState: Pro ukládání dat v komponentě.
• useEffect: Pro provádění „vedlejších účinků“ (např. načítání dat z API po načtení stránky).

—

React sám o sobě řeší jen zobrazení. Pro kompletní webovou aplikaci se obvykle doplňuje o:

—

• Obrovský trh práce: Většina moderních firem hledá React vývojáře.
• Komunita: Existují tisíce hotových komponent, které můžete jen stáhnout a použít.
• React Native: S nabytými znalostmi můžete psát i nativní mobilní aplikace pro iOS a Android.

Související články:

• Základy JavaScriptu
• TypeScript: Bezpečnější vývoj v Reactu
• Komunikace s API přes REST

Tagy: programming react javascript frontend web-development components