Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Instalation #14

Merged
merged 11 commits into from
Jun 5, 2023
36 changes: 18 additions & 18 deletions src/content/learn/installation.md
Original file line number Diff line number Diff line change
@@ -1,25 +1,25 @@
---
title: Installation
title: Instalace
---

<Intro>

React has been designed from the start for gradual adoption. You can use as little or as much React as you need. Whether you want to get a taste of React, add some interactivity to an HTML page, or start a complex React-powered app, this section will help you get started.
React byl od začátku navržen pro postupnou integraci. Můžete používat tolik Reactu, kolik potřebujete. Ať už chcete získat představu o Reactu, přidat nějakou interaktivitu do HTML stránky, nebo začít komplexní aplikaci poháněnou Reactem, tato sekce vám pomůže začít.
OndrejDrapalik marked this conversation as resolved.
Show resolved Hide resolved

</Intro>

<YouWillLearn isChapter={true}>

* [How to start a new React project](/learn/start-a-new-react-project)
* [How to add React to an existing project](/learn/add-react-to-an-existing-project)
* [How to set up your editor](/learn/editor-setup)
* [How to install React Developer Tools](/learn/react-developer-tools)
* [Jak začít nový projekt v Reactu](/learn/start-a-new-react-project)
* [Jak přidat React do existujícího projektu](/learn/add-react-to-an-existing-project)
* [Jak nastavit váš editor](/learn/editor-setup)
OndrejDrapalik marked this conversation as resolved.
Show resolved Hide resolved
* [Jak instalovat nástroje pro React vývojáře](/learn/react-developer-tools)
OndrejDrapalik marked this conversation as resolved.
Show resolved Hide resolved

</YouWillLearn>

## Try React {/*try-react*/}
## Vyzkoušejte React {/*try-react*/}
OndrejDrapalik marked this conversation as resolved.
Show resolved Hide resolved

You don't need to install anything to play with React. Try editing this sandbox!
Není třeba nic instalovat, abyste si mohli React vyzkoušet. Zkuste třeba upravit tento sandbox přímo v prohlížeči!
OndrejDrapalik marked this conversation as resolved.
Show resolved Hide resolved

<Sandpack>

Expand All @@ -35,23 +35,23 @@ export default function App() {

</Sandpack>

You can edit it directly or open it in a new tab by pressing the "Fork" button in the upper right corner.
Můžete ho také otevřít v nové záložce stisknutím tlačítkas "Fork" v pravém horním rohu.
OndrejDrapalik marked this conversation as resolved.
Show resolved Hide resolved

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?&editors=0010&layout=left&prefill_data_id=3f4569d1-1b11-4bce-bd46-89090eed5ddb)
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)

### Try React locally {/*try-react-locally*/}
### Vyzkoušejte React lokálně {/*try-react-locally*/}
OndrejDrapalik marked this conversation as resolved.
Show resolved Hide resolved

To try React locally on your computer, [download this HTML page.](https://gist.githubusercontent.com/gaearon/0275b1e1518599bbeafcde4722e79ed1/raw/db72dcbf3384ee1708c4a07d3be79860db04bff0/example.html) Open it in your editor and in your browser!
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 ve svém prohlížeči.
OndrejDrapalik marked this conversation as resolved.
Show resolved Hide resolved

## Start a new React project {/*start-a-new-react-project*/}
## Začněte nový projekt v Reactu {/*start-a-new-react-project*/}

If you want to build an app or a website fully with React, [start a new React project.](/learn/start-a-new-react-project)
Pokud chcete vytvořit novou aplikaci nebo webovou stránku, [začněte nový projekt v Reactu.](/learn/start-a-new-react-project)
OndrejDrapalik marked this conversation as resolved.
Show resolved Hide resolved

## Add React to an existing project {/*add-react-to-an-existing-project*/}
## Přidejte React do existujícího projektu {/*add-react-to-an-existing-project*/}

If want to try using React in your existing app or a website, [add React to an existing project.](/learn/add-react-to-an-existing-project)
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)

## Next steps {/*next-steps*/}
## Další kroky {/*next-steps*/}

Head to the [Quick Start](/learn) guide for a tour of the most important React concepts you will encounter every day.
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.

2 changes: 1 addition & 1 deletion src/sidebarLearn.json
Original file line number Diff line number Diff line change
Expand Up @@ -21,7 +21,7 @@
]
},
{
"title": "Installation",
"title": "Instalace",
"path": "/learn/installation",
"routes": [
{
Expand Down
Loading