Skip to content

Commit f7aac6a

Browse files
committed
fix: missing .md translation
1 parent d2dbdd5 commit f7aac6a

File tree

1 file changed

+9
-9
lines changed

1 file changed

+9
-9
lines changed

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

Lines changed: 9 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -34,7 +34,7 @@ Předpokládejme, že máte stávající stránku, která byla vytvořena s vyu
3434

3535
Tento postup lze provést ve dvou krocích:
3636

37-
1. **Nakonfigurujte si JavaScriptové prostředí** tak, ať vám umožňí 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/).
37+
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/).
3838
2. **Vykreslete React komponenty** tam, kde je chcete na stránce zobrazit.
3939

4040
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.
@@ -43,7 +43,7 @@ Přesný postup se bude lišit v závislosti na vašem současném nastavení st
4343

4444
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í:
4545

46-
* **If your app is already split into files that use `import` statements,** try to use the setup you already have. Check whether writing `<div />` in your JS code causes a syntax error. If it causes a syntax error, you might need to [transform your JavaScript code with Babel](https://babeljs.io/setup), and enable the [Babel React preset](https://babeljs.io/docs/babel-preset-react) to use JSX.
46+
* **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.
4747

4848
* **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.
4949

@@ -73,7 +73,7 @@ import { createRoot } from 'react-dom/client';
7373
// Nahradí stávající obsah HTML
7474
document.body.innerHTML = '<div id="app"></div>';
7575

76-
// Namísto něj vykreslíme React komponent
76+
// Do něj nyní vykreslíme React komponentu
7777
const root = createRoot(document.getElementById('app'));
7878
root.render(<h1>Ahoj světe</h1>);
7979
```
@@ -88,7 +88,7 @@ První integrace modulárního prostředí JavaScriptu do stávajícího projekt
8888

8989
</Note>
9090

91-
### Krok 2: Vykreslení React komponentu na libovolném místě na stránce {/*step-2-render-react-components-anywhere-on-the-page*/}
91+
### Krok 2: Vykreslení React komponenty na libovolném místě na stránce {/*step-2-render-react-components-anywhere-on-the-page*/}
9292

9393
V předchozím kroku jste tento kód umístili na začátek hlavního souboru:
9494

@@ -98,12 +98,12 @@ import { createRoot } from 'react-dom/client';
9898
// Nahradí stávající obsah HTML
9999
document.body.innerHTML = '<div id="app"></div>';
100100

101-
// Namísto něj vykreslíme React komponent
101+
// Do něj nyní vykreslíme React komponentu
102102
const root = createRoot(document.getElementById('app'));
103103
root.render(<h1>Ahoj světe</h1>);
104104
```
105105

106-
Samozřejmě, v reálném scénáři nebudete chtít vymazat existující obsah HTML!
106+
Samozřejmě, v reálném scénáři nebudete chtít stávající obsah HTML vymazat!
107107

108108
Tento kód odstraňte.
109109

@@ -115,7 +115,7 @@ Spíše než vykreslovat celou stránku pomocí Reactu, budete pravděpodobně c
115115
<!-- ... další html ... -->
116116
```
117117

118-
Toto vám umožní vyhledat tento HTML prvek pomocí funkce [`document.getElementById`](https://developer.mozilla.org/en-US/docs/Web/API/Document/getElementById) předat jej do funkce [`createRoot`](/reference/react-dom/client/createRoot) abyste v něm mohli vykreslit vlastní komponentu Reactu:
118+
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:
119119

120120
<Sandpack>
121121

@@ -146,9 +146,9 @@ root.render(<NavigationBar />);
146146

147147
</Sandpack>
148148

149-
Všimněte si, že původní obsah HTML ze souboru `index.html` zůstává nezměněn, zatímco vaše vlastní Reactu komponenta `NavigationBar` se nyní zobrazuje uvnitř `<nav id="navigation">` v rámci vašeho HTML. Pro více informací o vykreslování React komponent uvnitř existující HTML stránky se podívejte na dokumentaci k [`createRoot`](/reference/react-dom/client/createRoot#rendering-a-page-partially-built-with-react).
149+
Všimněte si, že původní obsah HTML ze souboru `index.html` zůstává nezměněn, zatímco vaše vlastní React komponenta `NavigationBar` se nyní zobrazuje uvnitř `<nav id="navigation">` v rámci vašeho HTML. Pro hlubší pochopení vykreslování React komponent uvnitř existující HTML stránky se podívejte na dokumentaci k funkci [`createRoot`](/reference/react-dom/client/createRoot#rendering-a-page-partially-built-with-react).
150150

151-
Běžným postupem při implementaci Reactu do existujícího projektu je začít s malými interaktivními komponenty (např. tlačítky) a postupně "postupovat nahoru", dokud celou stránku netvoří komponenty React. Pokud někdy dosáhnete tohoto bodu, doporučujeme hned poté přejít na [React framework](/learn/start-a-new-react-project), abyste z něj mohli vytěžili maximum.
151+
Běžným postupem při implementaci Reactu do existujícího projektu je začít s malými interaktivními komponenty (např. tlačítky) a postupně "postupovat nahoru", dokud celou stránku netvoří komponenty React. Pokud někdy dosáhnete tohoto bodu, doporučujeme hned poté přejít na [React framework](/learn/start-a-new-react-project), abyste z něj mohli vytěžit maximum.
152152

153153
## Implementace React Native do existující nativní mobilní aplikace {/*using-react-native-in-an-existing-native-mobile-app*/}
154154

0 commit comments

Comments
 (0)