You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: src/content/learn/add-react-to-an-existing-project.md
+3-23Lines changed: 3 additions & 23 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -20,19 +20,11 @@ Představme si, že máte existující webovou aplikaci na adrese `example.com`,
20
20
21
21
Zde je náš doporučený postup:
22
22
23
-
<<<<<<< HEAD
24
23
1.**Vytvořte část aplikace** pomocí některého z [frameworků založených na Reactu](/learn/start-a-new-react-project).
25
-
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/)).
26
-
3.**Nakonfigurujte svůj server nebo proxy server** tak, aby všechny požadavky na cestu `/obchod/` zpracovávala vaše aplikace v Reactu.
24
+
2.**Nastavte `/some-app` 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/)).
25
+
3.**Nakonfigurujte svůj server nebo proxy server** tak, aby všechny požadavky na cestu `/some-app/` zpracovávala vaše aplikace v Reactu.
27
26
28
27
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ů.
29
-
=======
30
-
1.**Build the React part of your app** using one of the [React-based frameworks](/learn/start-a-new-react-project).
31
-
2.**Specify `/some-app` as the *base path*** in your framework's configuration (here's how: [Next.js](https://nextjs.org/docs/app/api-reference/config/next-config-js/basePath), [Gatsby](https://www.gatsbyjs.com/docs/how-to/previews-deploys-hosting/path-prefix/)).
32
-
3.**Configure your server or a proxy** so that all requests under `/some-app/` are handled by your React app.
33
-
34
-
This ensures the React part of your app can [benefit from the best practices](/learn/build-a-react-app-from-scratch#consider-using-a-framework) baked into those frameworks.
35
-
>>>>>>> 2c7798dcc51fbd07ebe41f49e5ded4839a029f72
36
28
37
29
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/`.
38
30
@@ -53,11 +45,7 @@ Modulární prostředí JavaScriptu umožňuje psát React komponenty v jednotli
53
45
54
46
***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.
55
47
56
-
<<<<<<< HEAD
57
48
***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.
58
-
=======
59
-
***If your app doesn't have an existing setup for compiling JavaScript modules,** set it up with [Vite](https://vite.dev/). The Vite community maintains [many integrations with backend frameworks](https://github.com/vitejs/awesome-vite#integrations-with-backends), including Rails, Django, and Laravel. If your backend framework is not listed, [follow this guide](https://vite.dev/guide/backend-integration.html) to manually integrate Vite builds with your backend.
60
-
>>>>>>> 2c7798dcc51fbd07ebe41f49e5ded4839a029f72
61
49
62
50
Pokud chcete ověřit, zda je vaše nastavení funkční, spusťte následující příkaz v adresáři projektu:
63
51
@@ -74,12 +62,8 @@ Poté přidejte následující řádky kódu na začátek svého hlavního JavaS
74
62
<html>
75
63
<head><title>My app</title></head>
76
64
<body>
77
-
<<<<<<< HEAD
78
65
<!-- Váš stávající obsah stránky (v tomto příkladu bude nahrazen) -->
79
-
=======
80
-
<!-- Your existing page content (in this example, it gets replaced) -->
81
66
<divid="root"></div>
82
-
>>>>>>> 2c7798dcc51fbd07ebe41f49e5ded4839a029f72
83
67
</body>
84
68
</html>
85
69
```
@@ -101,11 +85,7 @@ Pokud byl celý obsah stránky nahrazen nápisem "Hello, world", vše funguje sp
101
85
102
86
<Note>
103
87
104
-
<<<<<<< HEAD
105
-
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/).
106
-
=======
107
-
Integrating a modular JavaScript environment into an existing project for the first time can feel intimidating, but it's worth it! If you get stuck, try our [community resources](/community) or the [Vite Chat](https://chat.vite.dev/).
108
-
>>>>>>> 2c7798dcc51fbd07ebe41f49e5ded4839a029f72
88
+
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/).
Copy file name to clipboardExpand all lines: src/content/learn/installation.md
+6-35Lines changed: 6 additions & 35 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -8,20 +8,7 @@ React byl od začátku navržen pro postupnou integraci. Můžete využívat z R
8
8
9
9
</Intro>
10
10
11
-
<<<<<<< HEAD
12
-
<YouWillLearnisChapter={true}>
13
-
14
-
*[Jak začít nový projekt v Reactu](/learn/start-a-new-react-project)
15
-
*[Jak přidat React do existujícího projektu](/learn/add-react-to-an-existing-project)
16
-
*[Jak si nastavit editor](/learn/editor-setup)
17
-
*[Jak nainstalovat nástroje pro React vývojáře](/learn/react-developer-tools)
18
-
19
-
</YouWillLearn>
20
-
21
-
## Vyzkoušejte si React {/*try-react*/}
22
-
=======
23
-
## Try React {/*try-react*/}
24
-
>>>>>>> 2c7798dcc51fbd07ebe41f49e5ded4839a029f72
11
+
## Vyzkoušejte React {/*try-react*/}
25
12
26
13
Není třeba nic instalovat, abyste si mohli React vyzkoušet. Zkuste třeba upravit tento sandbox přímo v prohlížeči!
27
14
@@ -41,37 +28,23 @@ export default function App() {
41
28
42
29
Můžete ho také otevřít v nové záložce stisknutím tlačítka "Fork" v pravém horním rohu.
43
30
44
-
<<<<<<< HEAD
45
-
Většina stránek v dokumentaci React obsahuje sandboxy jako tento. Mimo React dokumentaci jsou k dispozici mnohé online sandboxy podporující React, jako například: [CodeSandbox](https://codesandbox.io/s/new), [StackBlitz](https://stackblitz.com/fork/react), nebo [CodePen.](https://codepen.io/pen?&editors=0010&layout=left&prefill_data_id=3f4569d1-1b11-4bce-bd46-89090eed5ddb)
31
+
Většina stránek v dokumentaci React obsahuje sandboxy jako tento. Mimo React dokumentaci jsou k dispozici mnohé online sandboxy podporující React, jako například: [CodeSandbox](https://codesandbox.io/s/new), [StackBlitz](https://stackblitz.com/fork/react), nebo [CodePen.](https://codepen.io/pen?template=QWYVwWN)
46
32
47
33
### Vyzkoušejte si React lokálně {/*try-react-locally*/}
48
-
=======
49
-
Most pages in the React documentation contain sandboxes like this. Outside of the React documentation, there are many online sandboxes that support React: for example, [CodeSandbox](https://codesandbox.io/s/new), [StackBlitz](https://stackblitz.com/fork/react), or [CodePen.](https://codepen.io/pen?template=QWYVwWN)
50
-
>>>>>>> 2c7798dcc51fbd07ebe41f49e5ded4839a029f72
51
34
52
35
Chcete-li vyzkoušet React lokálně na svém počítači, [zkopírujte tento HTML kód](https://gist.githubusercontent.com/gaearon/0275b1e1518599bbeafcde4722e79ed1/raw/db72dcbf3384ee1708c4a07d3be79860db04bff0/example.html) do souboru `index.html` a ten následně otevřete v prohlížeči. Můžete také kliknout kdekoli na [této stránce](https://gist.githubusercontent.com/gaearon/0275b1e1518599bbeafcde4722e79ed1/raw/db72dcbf3384ee1708c4a07d3be79860db04bff0/example.html) pravým tlačítkem myši a vybrat možnost "uložit jako", abyste si soubor stáhli a otevřeli jej v prohlížeči.
53
36
54
-
<<<<<<< HEAD
55
-
## Začněte nový projekt v Reactu {/*start-a-new-react-project*/}
37
+
## Vytvoření React aplikace {/*creating-a-react-app*/}
56
38
57
-
Pokud chcete vytvořit novou React aplikaci nebo webovou stránku, [začněte nový projekt v Reactu.](/learn/start-a-new-react-project)
58
-
=======
59
-
## Creating a React App {/*creating-a-react-app*/}
39
+
Pokud chcete začít novou React aplikaci, můžete ji [vytvořit](/learn/creating-a-react-app) pomocí doporučeného frameworku.
60
40
61
-
If you want to start a new React app, you can [create a React app](/learn/creating-a-react-app) using a recommended framework.
41
+
## Postavení React aplikace od základu {/*build-a-react-app-from-scratch*/}
62
42
63
-
## Build a React App from Scratch {/*build-a-react-app-from-scratch*/}
64
-
65
-
If a framework is not a good fit for your project, you prefer to build your own framework, or you just want to learn the basics of a React app you can [build a React app from scratch](/learn/build-a-react-app-from-scratch).
66
-
>>>>>>> 2c7798dcc51fbd07ebe41f49e5ded4839a029f72
43
+
Pokud vám framework nevyhovuje, chcete si vytvořit vlastní, nebo se jen chcete naučit základy React aplikace, můžete [postavit React aplikaci od základu](/learn/build-a-react-app-from-scratch).
67
44
68
45
## Přidejte React do existujícího projektu {/*add-react-to-an-existing-project*/}
69
46
70
-
<<<<<<< HEAD
71
47
Pokud chcete implementovat React do své stávající aplikace nebo webové stránky, [přidejde React do stávajícího projektu.](/learn/add-react-to-an-existing-project)
72
-
=======
73
-
If want to try using React in your existing app or a website, you can [add React to an existing project.](/learn/add-react-to-an-existing-project)
74
-
75
48
76
49
<Note>
77
50
@@ -80,9 +53,7 @@ If want to try using React in your existing app or a website, you can [add React
80
53
No. Create React App has been deprecated. For more information, see [Sunsetting Create React App](/blog/2025/02/14/sunsetting-create-react-app).
81
54
82
55
</Note>
83
-
>>>>>>> 2c7798dcc51fbd07ebe41f49e5ded4839a029f72
84
56
85
57
## Další kroky {/*next-steps*/}
86
58
87
59
V části [Rychlý start](/learn) se seznámíte s nejdůležitějšími koncepty Reactu, se kterými se budete setkávat každý den.
0 commit comments