Merge pull request #684 from Czechitas-podklady-WEB/react-8-updates

Aktualizace obsahu lekce

daweb/react/ui-knihovny/cvlekce/rozbalovaci-box/exercise.md

@@ -3,7 +3,7 @@ title: Rozbalovací box
 demand: 3
 ---
 
-1. Začněte s čistým projektem vytvořeným pomocí `create-czechitas-app`.
+1. Založte si nový projekt pomocí `npm init kodim-app@latest rozbalovaci-box react`.
 1. Vytvořte komponentu CollapseBox, která bude mít prop `title`, ve kterém bude titulek komponenty. Jakýkoliv obsah komponenty se zobrazí uvnitř boxu.
 1. Komponenta by měla jít použít následujícím způsobem:
    ```jsx
@@ -15,7 +15,7 @@ demand: 3
      </p>
    </CollapseBox>
    ```
-1. Box bud standardně zavřený a bude se zobrazovat pouze záhlaví s titulkem a šipkou ukazující doprava. Kliknutím na záhlaví se šipka změní na šipku ukazující dolů a v boxu se zobrazí obsah. Opětovným kliknutím na záhlaví se box zase zavře.
+1. Box bude standardně zavřený a bude se zobrazovat pouze záhlaví s titulkem a šipkou ukazující doprava. Kliknutím na záhlaví se šipka změní na šipku ukazující dolů a v boxu se zobrazí obsah. Opětovným kliknutím na záhlaví se box zase zavře.
 1. Jako šipku lze použít např. symbol **›** tvořený HTML entitou `&rsaquo;`.
 
 ::fig[Ukázka výsledku]{src=assets/rozbalovaci-box.png size=80}

daweb/react/ui-knihovny/cvlekce/ui-knihovna.md

@@ -5,5 +5,5 @@ demand: 3
 
 Jedna z méně známých, ale extrémně snadno použitelných knihoven je např. [knihovna Geist](https://geist-ui.dev/en-us). Není tak rozsáhlá jako jiné, známější knihovny, ale pojďme si ji vyzkoušet.
 
-1. Založ si nový projekt pomocí `create-czechitas-app`.
+1. Založte si nový projekt pomocí `npm init kodim-app@latest ui-knihovna react`.
 1. Prostuduj [dokumentaci](https://geist-ui.dev/en-us) knihovny Geist a zkus pomocí jejích komponent udělat stejnou aplikaci, jakou jsme předtím dělali společně v lekci pomocí React Bootstrap.

daweb/react/ui-knihovny/ui-knihovny.md

@@ -14,3 +14,7 @@ Mezi nejznámější patří třeba:
 - [Onsen UI](https://onsen.io/react/)
 
 Existují doslova desítky (možná stovky) dalších, méně známých knihoven. Každá má svoje výhody a nevýhody. Některé mají více nebo méně zabudovaných komponent, některé se snadněji používají.
+
+Výhodou používání takové knihovny je, že většinou obsahuje komponenty, které jsou dobře vyladěné a vypadají dobře. Navíc jsou většinou dobře otestované a vývojáři se o ně starají, takže se nemusíme starat o jejich funkčnost a můžeme se soustředit na to, co je pro nás důležité - tvorba aplikační logiky.
+
+Mezi nevýhody patří to, že některé komponenty mohou být příliš specifické a nebudou se hodit do našeho projektu. Může být obtížné je přizpůsobit našim potřebám. Další nevýhodu mohou někteří vidět v tom, že to zbytečně zvětšuje velikost a komplexitu výsledné aplikace. To je ale většinou zanedbatelné, protože většina knihoven nabízí možnost využít pouze ty komponenty, které opravdu potřebujeme. Komplexitu může vyvážit rychlost a efektivita vývoje.