ASWI - Pokročilé softwarové inženýrství » ASWI 2023 » Vylepšení funkcí a rozhraní frameworku SPADe (Pícha) - PRO_grammers.

h1. ReactJS knihovna

React je opensource knihovna vyvíjená společností Meta (facebook) a společně s VueJS a Angularem soupeří o srdce frontend vývojářů.

React následje *deklarativní* paradigma a *komponentově orientovaný* návrh. Deklarativní paradigma je v podstatě pouze obálka nad imperativně napsaným kódem, programátor volá pouze API Reactu.

Komponenty jsou snadno představitelné jako právě jeden HTML prvek. Komponenty můžeme skládat dohromady a tvořit pomocí nich komplexní stránky. Komponentový návrh umožňuje velice elegantně recyklovat kód a silně podporuje D.R.Y. standard. 

Samotný React běží nad Nodejs serverem. Nodejs (TODO link na nodejs ofiko) je interprect javascriptu, který umožňuje interpretovat javascript přímo na počítači. Nativně javascriptu rozumí pouze webový prohlížeč.

React umožňuje použití Typescriptu (typová nadstavba javascriptu), který se následně kompiluje do čistého javascriptu. V projektu SPADe je používán *Typescript* kvůli robustnější codebase.

Zároveň vyvíjíme komponenty funkcionálně (komponenty definovány jako *funkce*, ne jako třídy). Tento přístup je v React ekosystému používanější a samotný kód je mnohem přehlednější.

 (TODO rychlou typescript wiki napsat - deklarace vlastní typů, atp.)

React si interně vytváří *Virtual DOM* nad samotným DOMem, se kterým pracuje prohlížeč (respektive js). Tento virtuální DOM umožňuje Reactu jakoukoliv změnu v kódu přímo promítnout bez nutnosti restartovat Node server. Tohoto efektivního překreslení pouze nutných částí aplikace dosahuje pomocí diferencovacího algoritmu (porovnání virtualního domu starého s novým) (TODO viz -> odkaz někam do webu).  

 * Ukázka v jednoduché komponenty v Reactu [[Komponenta]].

 * Vytvoření formuláře [[Formular]].

 * Komunikace se serverem [[Komunikace se serverem]].

 * React router [[React router]].

 * React hooky [[React hooky]].