Lekce 1.1

Proč React?

React změnil způsob, jakým vytváříme webová rozhraní tím, že řeší specifické problémy v tradičním webovém vývoji. Abychom pochopili jeho hodnotu, musíme se podívat na problémy, které řeší, a jak se jeho filozofie liší od předchozích přístupů.

Co se naučíte
  • •Problémy, které React řeší
  • •Výhody používání Reactu
  • •Mentální model: View = f(State)
  • •Jak React odděluje zájmy
1

Problémy, které React řeší

Před Reactem bylo udržování velkých aplikací obtížné kvůli "spaghetti kódu", kde bylo obtížné sledovat aktualizace dat.

Otázka

Jaké problémy měl React řešit?

Složitost způsobená implicitními změnami stavu

HTML není dostatečně výkonné

Nepředvídatelné mutace DOM

Nedostatek znovupoužitelných komponent

2

Výhody používání Reactu

Proč si tolik vývojářů vybírá React před jinými knihovnami nebo čistým JavaScriptem?

Otázka

Jaké jsou výhody používání Reactu?

Menší velikosti bundlerů

Bohatý ekosystém komponent třetích stran

Deklarativní API

Váš pohled se stává funkcí stavu vaší aplikace

3

Pochopení mentálního modelu: View = f(State)

Jádro filozofie Reactu lze shrnout vzorcem view = f(state).

Otázka

Co znamená view = f(state)?

Pohled bude vždy odrážet aktuální stav

Pohled lze aktualizovat změnou stavu

Pohled obsahuje stav aplikace

Pohled upravuje stav

4

Oddělení zájmů

Historicky byli weboví vývojáři učeni oddělovat technologie: HTML do jednoho souboru, CSS do druhého a JS do třetího. React má jiný přístup.

Otázka

Jak React odděluje zájmy?

Oddělením stylu, značkování a chování

Oddělením chování do znovupoužitelných komponent

Oddělením DOM od HTML

Oddělením kódu do menších balíčků