fix: suggestions from @pchalupa

Author: radosek

src/content/learn/add-react-to-an-existing-project.md

@@ -1,49 +1,49 @@
 ---
-title: Přidání Reactu do stávajícího projektu
+title: Přidání Reactu do existujícího projektu
 ---
 
 <Intro>
 
-Pokud máte v plánu přidat interaktivitu do svého současného projektu, není nutné celý projekt přepracovat do Reactu. Můžete jednoduše začlenit React do své stávající technologické sady a umístit interaktivní React komponenty kamkoliv je potřeba.
+Pokud máte v plánu přidat interaktivitu do svého existujícího projektu, není nutné celý projekt přepracovat do Reactu. Můžete jednoduše začlenit React mezi již použité technologie a umístit interaktivní React komponenty, kamkoliv je potřeba.
 
 </Intro>
 
 <Note>
 
-**Pro vývoj v lokálním prostředí je nutné mít nainstalovaný [Node.js](https://nodejs.org/en/).** I když máte možnost si [vyzkoušet React](/learn/installation#try-react) online nebo na jednoduché HTML stránce, realita je taková, že většina JavaScriptových nástrojů, které budete pravděpodobně chtít použít pro vývoj, vyžaduje Node.js.
+**Pro vývoj v lokálním prostředí je nutné mít nainstalovaný [Node.js](https://nodejs.org/en/).** I když máte možnost si [vyzkoušet React](/learn/installation#try-react) online nebo na jednoduché HTML stránce, realita je taková, že většina JavaScriptových nástrojů, které budete chtít použít pro vývoj, vyžaduje Node.js.
 
 </Note>
 
-## Implementace Reactu do adresářové cesty vaší stávající webové stránky {/*using-react-for-an-entire-subroute-of-your-existing-website*/}
+## Implementace Reactu do segmentu cesty vaší existující webové stránky {/*using-react-for-an-entire-subroute-of-your-existing-website*/}
 
-Představme si, že máte existující webovou aplikaci na adrese `domena.cz`, která byla vytvořena za pomocí jiné serverové technologie (např. Rails) a chcete všechny cesty začínající na `domena.cz/obchod/` plně implementovat pomocí Reactu.
+Představme si, že máte existující webovou aplikaci na adrese `example.com`, která byla vytvořena za pomocí jiné serverové technologie (např. Rails) a chcete , aby všechny cesty začínající s `example.com/obchod/` byly plně implementované pomocí Reactu.
 
-Doporučený postup, jak to nastavit:
+Zde je náš doporučený postup:
 
 1. **Vytvořte část aplikace** pomocí některého z [frameworků založených na Reactu](/learn/start-a-new-react-project).
 2. **Nastavte `/obchod` jako *základní cestu*** v konfiguraci vašeho frameworku (zde je návod pro: [Next.js](https://nextjs.org/docs/api-reference/next.config.js/basepath) a [Gatsby](https://www.gatsbyjs.com/docs/how-to/previews-deploys-hosting/path-prefix/)).
 3. **Nakonfigurujte svůj server nebo proxy server** tak, aby všechny požadavky na cestu `/obchod/` zpracovávala vaše aplikace v Reactu.
 
-Takto zajistíte, že část vaší aplikace napsaná Reactu bude moci využít [osvědčené postupy a praktiky](/learn/start-a-new-react-project#can-i-use-react-without-a-framework), které jsou součástí těchto frameworků.
+Tímto zajistíte, že část vaší aplikace napsaná Reactu bude využívat [osvědčené postupy a praktiky](/learn/start-a-new-react-project#can-i-use-react-without-a-framework), které jsou součástí těchto frameworků.
 
-Mnoho frameworků založených na Reactu je full-stack, což umožňuje vaší React aplikaci využít server. Tento přístup můžete uplatnit i v případě, kdy nemůžete nebo nechcete na serveru používat JavaScript. V takové situaci místo toho naservírujte export HTML/CSS/JS ([output v `next export`](https://nextjs.org/docs/advanced-features/static-html-export) pro Next.js, default pro Gatsby) na adresářové cestě `/obchod/`.
+Mnoho frameworků založených na Reactu je full-stack, což umožňuje vaší React aplikaci využít server. Tento přístup můžete uplatnit i v případě, kdy nemůžete nebo nechcete na serveru používat JavaScript. V takové situaci místo toho zpřístupníte export HTML/CSS/JS ([output v `next export`](https://nextjs.org/docs/advanced-features/static-html-export) pro Next.js, default pro Gatsby) na adresářové cestě `/obchod/`.
 
-## Implementace Reactu do konkrétní části vaší stávající webové stránky {/*using-react-for-a-part-of-your-existing-page*/}
+## Implementace Reactu do konkrétní části vaší existující webové stránky {/*using-react-for-a-part-of-your-existing-page*/}
 
-Předpokládejme, že máte stávající stránku, která byla vytvořena s využitím jiné technologie, ať už serverové (např. Rails) nebo klientské (jako je Backbone), a chcete na ní implementovat interaktivní komponenty React. Tento postup je běžnou formou integrace Reactu. Ve skutečnosti se React takto používal řadu let v Metě!
+Předpokládejme, že máte existující stránku, která byla vytvořena s využitím jiné technologie, ať už serverové (např. Rails) nebo klientské (jako je Backbone), a chcete na ní implementovat interaktivní komponenty React. Tento postup je běžnou formou integrace Reactu. Ve skutečnosti se React takto používal řadu let ve společnosti Meta!
 
 Tento postup lze provést ve dvou krocích:
 
 1. **Nakonfigurujte si JavaScriptové prostředí** tak, ať vám dovolí používat [syntaxi JSX](/learn/writing-markup-with-jsx), rozdělit kód do modulů pomocí syntaxe [`import`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/import) / [`export`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/export) a používat balíčky (např. React) z registru balíčků [npm](https://www.npmjs.com/).
 2. **Vykreslete React komponenty** tam, kde je chcete na stránce zobrazit.
 
-Přesný postup se bude lišit v závislosti na vašem současném nastavení stránky, takže se podíváme na některé detaily.
+Přesný postup se bude lišit v závislosti na vašem existujícím nastavení stránky, takže se podíváme na některé detaily.
 
 ### Krok 1: Nastavení modulárního prostředí JavaScriptu {/*step-1-set-up-a-modular-javascript-environment*/}
 
-Modulární prostředí JavaScriptu umožňuje psát React komponenty v jednotlivých souborech, na rozdíl od psaní celého kódu v jednom souboru. Modulární prostředí navíc nabízí možnost využít různé balíčky od jiných vývojářů, které jsou publikovány v [npm](https://www.npmjs.com/) registru - včetně samotného Reactu! Způsob implementace bude zcela záviset na vašem současném nastavení:
+Modulární prostředí JavaScriptu umožňuje psát React komponenty v jednotlivých souborech, na rozdíl od psaní celého kódu v jednom souboru. Modulární prostředí navíc nabízí možnost využít různé balíčky od jiných vývojářů, které jsou publikovány v [npm](https://www.npmjs.com/) registru - včetně samotného Reactu! Způsob implementace bude zcela záviset na vašem existujícím nastavení:
 
-* **Pokud je vaše aplikace již rozdělena do souborů využívajících příkazy `import`,** můžete vyzkoušet stávající nastavení. Ujistěte se, že zápis `<div />` ve vašem JavaScript kód nezpůsobuje syntaktickou chybu. Pokud to syntaktickou chybu způsobí, bude možná nutné použít [nástroj Babel k transformaci vašeho JavaScriptového kódu](https://babeljs.io/setup) a aktivovat [předvolbu Babel React](https://babeljs.io/docs/babel-preset-react) pro použití JSX.
+* **Pokud je vaše aplikace již rozdělena do souborů využívajících příkazy `import`,** můžete vyzkoušet existující nastavení. Ujistěte se, že zápis `<div />` ve vašem JavaScript kód nezpůsobuje syntaktickou chybu. Pokud to syntaktickou chybu způsobí, bude možná nutné použít [nástroj Babel k transformaci vašeho JavaScriptového kódu](https://babeljs.io/setup) a aktivovat [předvolbu Babel React](https://babeljs.io/docs/babel-preset-react) pro použití JSX.
 
 * **Pokud vaše aplikace nemá již existující nastavení pro kompilaci JavaScriptových modulů,** nastavte jej pomocí [Vite](https://vitejs.dev/). Komunita Vite se stará o [řadu integrací s backendovými frameworky](https://github.com/vitejs/awesome-vite#integrations-with-backends), včetně Rails, Django a Laravel. Pokud váš backendový framework není v seznamu uveden, [postupujte podle tohoto návodu](https://vitejs.dev/guide/backend-integration.html) a manuálně integrujte Vite do vašeho backendu.
 
@@ -70,7 +70,7 @@ Poté přidejte následující řádky kódu na začátek svého hlavního JavaS
 ```js index.js active
 import { createRoot } from 'react-dom/client';
 
-// Nahradí stávající obsah HTML
+// Nahradí existující obsah HTML
 document.body.innerHTML = '<div id="app"></div>';
 
 // Do něj nyní vykreslíme React komponentu
@@ -84,7 +84,7 @@ Pokud byl celý obsah stránky nahrazen nápisem "Ahoj světe", vše funguje spr
 
 <Note>
 
-První integrace modulárního prostředí JavaScriptu do stávajícího projektu může působit zastrašujícím dojmem, ale výsledky stojí za to! Pokud narazíte na problémy, využijte naše [komunitní zdroje ](/community) nebo se obrate na [Vite Chat](https://chat.vitejs.dev/).
+První integrace modulárního prostředí JavaScriptu do existujícího projektu může působit zastrašujícím dojmem, ale výsledky stojí za to! Pokud narazíte na problémy, využijte naše [komunitní zdroje ](/community) nebo se obrate na [Vite Chat](https://chat.vitejs.dev/).
 
 </Note>
 
@@ -95,24 +95,24 @@ V předchozím kroku jste tento kód umístili na začátek hlavního souboru:
 ```js
 import { createRoot } from 'react-dom/client';
 
-// Nahradí stávající obsah HTML
+// Nahradí existující obsah HTML
 document.body.innerHTML = '<div id="app"></div>';
 
 // Do něj nyní vykreslíme React komponentu
 const root = createRoot(document.getElementById('app'));
 root.render(<h1>Ahoj světe</h1>);
 ```
 
-Samozřejmě, v reálném scénáři nebudete chtít stávající obsah HTML vymazat!
+Samozřejmě, v reálném scénáři nebudete chtít existující obsah HTML vymazat!
 
 Tento kód odstraňte.
 
-Spíše než vykreslovat celou stránku pomocí Reactu, budete pravděpodobně chtít vykreslit React komponenty na specifických místech v HTML. Otevřete svou HTML stránku (nebo serverové šablony, které ji generují) a přidejte například unikátní atribut [`id`](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id) k libovolnému tagu:
+Spíše než vykreslovat celou stránku pomocí Reactu, budete chtít vykreslit React komponenty na specifických místech v HTML. Otevřete svou HTML stránku (nebo serverové šablony, které ji generují) a přidejte například unikátní atribut [`id`](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id) k libovolnému tagu:
 
 ```html
 <!-- ... někde v html ... -->
 <nav id="navigation"></nav>
-<!-- ... další html ... -->
+<!-- ... více html ... -->
 ```
 
 Toto vám umožní vyhledat tento HTML prvek pomocí funkce [`document.getElementById`](https://developer.mozilla.org/en-US/docs/Web/API/Document/getElementById) a předat ho do funkce [`createRoot`](/reference/react-dom/client/createRoot), abyste v něm mohli následně vykreslit vlastní komponentu React:
@@ -152,4 +152,4 @@ Běžným postupem při implementaci Reactu do existujícího projektu je začí
 
 ## Implementace React Native do existující nativní mobilní aplikace {/*using-react-native-in-an-existing-native-mobile-app*/}
 
-[React Native](https://reactnative.dev/) lze také postupně integrovat do stávajících nativních aplikací. Pokud máte existující nativní aplikaci pro Android (Java nebo Kotlin) nebo iOS (Objective-C nebo Swift), [následujte tento návod](https://reactnative.dev/docs/integration-with-existing-apps) pro přidání obrazovky s React Native.
+[React Native](https://reactnative.dev/) lze také postupně integrovat do existujících nativních aplikací. Pokud máte existující nativní aplikaci pro Android (Java nebo Kotlin) nebo iOS (Objective-C nebo Swift), [následujte tento návod](https://reactnative.dev/docs/integration-with-existing-apps) pro přidání obrazovky s React Native.

src/sidebarLearn.json

@@ -29,7 +29,7 @@
           "path": "/learn/start-a-new-react-project"
         },
         {
-          "title": "Přidání Reactu do stávajícího projektu",
+          "title": "Přidání Reactu do existujícího projektu",
           "path": "/learn/add-react-to-an-existing-project"
         },
         {