Přesunutí sekce o destrukturování

Czechitas-podklady-WEB · Apr 17, 2024 · baed6a9 · baed6a9
1 parent e0ed19e
commit baed6a9
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 3 deletions.
diff --git a/.../js2/server-komunikace/destrukturovani.md → ...s2/podminene-zobrazeni/destrukturovani.md b/.../js2/server-komunikace/destrukturovani.md → ...s2/podminene-zobrazeni/destrukturovani.md
@@ -1,5 +1,7 @@
 ## Destrukturování objektů
 
+Než se pustíme do podmíněného zobrazování, ukážeme si jednu užitěčnou techniku, která se nám bude hodit jak při fetchování dat ze serveru tak při práci s komponentami. Jedná se o takzvané :term{cs="destrukturování objektů" en="object destructuring"}.
+
 Při stahování dat ze serveru ale i v mnoha jiných situacích se nám bude často stávat, že chceme z objektu rychle získat vícero hodnot a uložit je do různých proměnných, například takto:
 
 ```js
@@ -14,7 +16,7 @@ const price = product.price;
 const currency = product.currency;
 ```
 
-Programátoři jsou líné bytosti a tento postup jim přijde zdlouhavý. Pokud se naše proměnné jmenují stejně jako klíče uvnitř objektu, můžeme si ušetřit psaní a použít takzvané :term{cs="destrukturování" en="destructuring"}.
+Programátoři jsou líné bytosti a tento postup jim přijde zdlouhavý. Pokud se naše proměnné jmenují stejně jako klíče uvnitř objektu, můžeme si ušetřit psaní a použít následující zkrácený zápis:
 
 ```js
 const product = {
@@ -60,7 +62,7 @@ const { password, length } = await response.json();
 
 ## Destrukturování props
 
-Destrukturování se velmi často použivá při práci s komponentami. Mejmě pro příklad komponentu zobrazující čas.
+Destrukturování se také často použije při práci s komponentami. Mejmě pro příklad komponentu zobrazující čas.
 
 ```jsx
 const Time = (props) => {
@@ -100,4 +102,4 @@ const Time = ({ hours, minutes }) => {
 };
 ```
 
-Takovýto zápis je pro nás novinka, ale v praxi se běžně používá, takže je dobré jej dostat pod kůži. Pokud vám přijde zápis až příliš líný, můžete jej prozatím bojkotovat. My jej však nadále v tomto kurzu budeme používat a brzy vás jistě zlákáme na naši stranu.
+Takovýto zápis je pro nás novinka, ale v praxi se běžně používá, takže je dobré jej dostat pod kůži. Pokud vám přijde zápis až příliš líný, můžete jej prozatím bojkotovat. My jej však nadále v tomto kurzu budeme používat a brzy vás jistě zlákáme na svou stranu.
diff --git a/daweb/js2/podminene-zobrazeni/entry.yml b/daweb/js2/podminene-zobrazeni/entry.yml
@@ -2,6 +2,7 @@ title: Podmíněné zobrazení
 lead: Naučíme se, jak sestavovat CSS třídy a jak se rozhodnout, kterou část JSX chceme zobrazit.
 access: protected
 sections:
+  - destrukturovani
   - ternarni-operator
   - predavani-hodnot
   - cv-podminene-vyrazy