From 66f20edfd4bf4f950abdc645d54d5a674b47aaa9 Mon Sep 17 00:00:00 2001 From: Daniel Kraus Date: Thu, 1 Jun 2023 15:24:37 +0200 Subject: [PATCH 1/2] translate react developer tools --- src/content/learn/react-developer-tools.md | 45 +++++++++++----------- src/sidebarLearn.json | 2 +- 2 files changed, 23 insertions(+), 24 deletions(-) diff --git a/src/content/learn/react-developer-tools.md b/src/content/learn/react-developer-tools.md index 89208a6bb..32209f369 100644 --- a/src/content/learn/react-developer-tools.md +++ b/src/content/learn/react-developer-tools.md @@ -1,61 +1,60 @@ --- -title: React Developer Tools +title: Vývojářské nástroje Reactu --- -Use React Developer Tools to inspect React [components](/learn/your-first-component), edit [props](/learn/passing-props-to-a-component) and [state](/learn/state-a-components-memory), and identify performance problems. +Vývojářské nástroje Reactu slouží k prozkoumávání React [komponent](/learn/your-first-component), k úpravám [vlastností](/learn/passing-props-to-a-component) a [stavů](/learn/state-a-components-memory), a k detekování možných problémů s výkonem aplikace. -* How to install React Developer Tools +* Jak nainstalovat Vývojářské nástroje Reactu -## Browser extension {/*browser-extension*/} +## Rozšíření prohlížeče {/*browser-extension*/} -The easiest way to debug websites built with React is to install the React Developer Tools browser extension. It is available for several popular browsers: +Nejjednodušší způsob, jak ladit webové stránky vytvořené pomocí Reactu, je nainstalovat si Vývojářské nástroje Reactu jako rozšíření do vašeho prohlížeče. Tyto nástroje jsou k dispozici pro následující prohlížeče: -* [Install for **Chrome**](https://chrome.google.com/webstore/detail/react-developer-tools/fmkadmapgofadopljbjfkapdkoienihi?hl=en) -* [Install for **Firefox**](https://addons.mozilla.org/en-US/firefox/addon/react-devtools/) -* [Install for **Edge**](https://microsoftedge.microsoft.com/addons/detail/react-developer-tools/gpphkfbcpidddadnkolkpfckpihlkkil) +* [Instalovat pro **Chrome**](https://chrome.google.com/webstore/detail/react-developer-tools/fmkadmapgofadopljbjfkapdkoienihi?hl=en) +* [Instalovat pro **Firefox**](https://addons.mozilla.org/en-US/firefox/addon/react-devtools/) +* [Instalovat pro **Edge**](https://microsoftedge.microsoft.com/addons/detail/react-developer-tools/gpphkfbcpidddadnkolkpfckpihlkkil) -Now, if you visit a website **built with React,** you will see the _Components_ and _Profiler_ panels. +Když po instalaci navštívíte jakoukoliv webovou stránku **vytvořenou v Reactu,** uvidíte panely s názvy _Components_ a _Profiler_. ![React Developer Tools extension](/images/docs/react-devtools-extension.png) -### Safari and other browsers {/*safari-and-other-browsers*/} -For other browsers (for example, Safari), install the [`react-devtools`](https://www.npmjs.com/package/react-devtools) npm package: +### Safari a jiné prohlížeče {/*safari-and-other-browsers*/} +Pro další prohlížeče (jako například Safari) si nainstalujte npm balíček [`react-devtools`](https://www.npmjs.com/package/react-devtools): ```bash # Yarn yarn global add react-devtools # Npm -npm install -g react-devtools +npm install -g react-devtools/ ``` -Next open the developer tools from the terminal: +Poté otevřte tyto nástroje pomocí Terminálu: ```bash react-devtools ``` -Then connect your website by adding the following ` ``` -Reload your website in the browser now to view it in developer tools. - +Nyní obnovte stránku v prohlížeči a uvidíte Vývojářské nástroje. ![React Developer Tools standalone](/images/docs/react-devtools-standalone.png) -## Mobile (React Native) {/*mobile-react-native*/} -React Developer Tools can be used to inspect apps built with [React Native](https://reactnative.dev/) as well. +## Mobilní prostředí (React Native) {/*mobile-react-native*/} +Vývojářské nástroje Reactu lze zároveň využít i k prozkoumávání aplikací vytvořených za pomocí [React Native](https://reactnative.dev/). -The easiest way to use React Developer Tools is to install it globally: +Nejjednodušší způsob je nainstalovat tyto nástroje globálně: ```bash # Yarn yarn global add react-devtools @@ -64,13 +63,13 @@ yarn global add react-devtools npm install -g react-devtools ``` -Next open the developer tools from the terminal. +Poté nástroje otevřte v Terminálu: ```bash react-devtools ``` -It should connect to any local React Native app that's running. +Nástroje se nyní sami spojí s vaší React Native aplikací, která běží v lokálním prostředí. -> Try reloading the app if developer tools doesn't connect after a few seconds. +> Zkuste obnovit aplikaci pokud se nástroje po několika sekundách nepřipojí sami. -[Learn more about debugging React Native.](https://reactnative.dev/docs/debugging) +[Zjistit více o ladění React Native.](https://reactnative.dev/docs/debugging) diff --git a/src/sidebarLearn.json b/src/sidebarLearn.json index ee4efde73..65b8cd51f 100644 --- a/src/sidebarLearn.json +++ b/src/sidebarLearn.json @@ -37,7 +37,7 @@ "path": "/learn/editor-setup" }, { - "title": "React Developer Tools", + "title": "Vývojářské nástroje Reactu", "path": "/learn/react-developer-tools" } ] From 1d09b9456f34b85b2da6195ece7cd1a2c7e6d0f6 Mon Sep 17 00:00:00 2001 From: Daniel Kraus Date: Mon, 5 Jun 2023 10:57:01 +0200 Subject: [PATCH 2/2] correct grammar in React Developer Tools translation --- src/content/learn/react-developer-tools.md | 24 +++++++++++----------- src/sidebarLearn.json | 2 +- 2 files changed, 13 insertions(+), 13 deletions(-) diff --git a/src/content/learn/react-developer-tools.md b/src/content/learn/react-developer-tools.md index 32209f369..c04ccc644 100644 --- a/src/content/learn/react-developer-tools.md +++ b/src/content/learn/react-developer-tools.md @@ -1,28 +1,28 @@ --- -title: Vývojářské nástroje Reactu +title: React Developer Tools --- -Vývojářské nástroje Reactu slouží k prozkoumávání React [komponent](/learn/your-first-component), k úpravám [vlastností](/learn/passing-props-to-a-component) a [stavů](/learn/state-a-components-memory), a k detekování možných problémů s výkonem aplikace. +React Developer Tools (vývojářské nástroje pro React) slouží k prozkoumávání React [komponent](/learn/your-first-component), k úpravám [vlastností](/learn/passing-props-to-a-component) a [stavů](/learn/state-a-components-memory), a k detekování možných problémů s výkonem aplikace. -* Jak nainstalovat Vývojářské nástroje Reactu +* Jak si nainstalovat React Developer Tools ## Rozšíření prohlížeče {/*browser-extension*/} -Nejjednodušší způsob, jak ladit webové stránky vytvořené pomocí Reactu, je nainstalovat si Vývojářské nástroje Reactu jako rozšíření do vašeho prohlížeče. Tyto nástroje jsou k dispozici pro následující prohlížeče: +Nejjednodušší způsob, jak ladit webové stránky vytvořené pomocí Reactu, je nainstalovat si React Developer Tools jako rozšíření do prohlížeče. Tyto nástroje jsou k dispozici pro následující prohlížeče: * [Instalovat pro **Chrome**](https://chrome.google.com/webstore/detail/react-developer-tools/fmkadmapgofadopljbjfkapdkoienihi?hl=en) * [Instalovat pro **Firefox**](https://addons.mozilla.org/en-US/firefox/addon/react-devtools/) * [Instalovat pro **Edge**](https://microsoftedge.microsoft.com/addons/detail/react-developer-tools/gpphkfbcpidddadnkolkpfckpihlkkil) -Když po instalaci navštívíte jakoukoliv webovou stránku **vytvořenou v Reactu,** uvidíte panely s názvy _Components_ a _Profiler_. +Nyní, když po instalaci navštívíte jakoukoliv webovou stránku **vytvořenou v Reactu,** uvidíte panely s názvy _Components_ a _Profiler_. ![React Developer Tools extension](/images/docs/react-devtools-extension.png) @@ -33,10 +33,10 @@ Pro další prohlížeče (jako například Safari) si nainstalujte npm balíče yarn global add react-devtools # Npm -npm install -g react-devtools/ +npm install -g react-devtools ``` -Poté otevřte tyto nástroje pomocí Terminálu: +Poté otevřte tyto nástroje pomocí terminálu: ```bash react-devtools ``` @@ -48,11 +48,11 @@ A dále je napojte do vaší stránky přídáním ` ``` -Nyní obnovte stránku v prohlížeči a uvidíte Vývojářské nástroje. +Nyní obnovte stránku v prohlížeči a nástroje se vám zobrazí. ![React Developer Tools standalone](/images/docs/react-devtools-standalone.png) ## Mobilní prostředí (React Native) {/*mobile-react-native*/} -Vývojářské nástroje Reactu lze zároveň využít i k prozkoumávání aplikací vytvořených za pomocí [React Native](https://reactnative.dev/). +React Developer Tools lze zároveň využít i k prozkoumávání aplikací vytvořených za pomocí [React Native](https://reactnative.dev/). Nejjednodušší způsob je nainstalovat tyto nástroje globálně: ```bash @@ -63,13 +63,13 @@ yarn global add react-devtools npm install -g react-devtools ``` -Poté nástroje otevřte v Terminálu: +Poté nástroje otevřte v terminálu: ```bash react-devtools ``` -Nástroje se nyní sami spojí s vaší React Native aplikací, která běží v lokálním prostředí. +Nástroje se nyní samy spojí s vaší React Native aplikací, která běží v lokálním prostředí. -> Zkuste obnovit aplikaci pokud se nástroje po několika sekundách nepřipojí sami. +> Zkuste obnovit aplikaci pokud se nástroje po několika sekundách nepřipojí samy. [Zjistit více o ladění React Native.](https://reactnative.dev/docs/debugging) diff --git a/src/sidebarLearn.json b/src/sidebarLearn.json index 65b8cd51f..ee4efde73 100644 --- a/src/sidebarLearn.json +++ b/src/sidebarLearn.json @@ -37,7 +37,7 @@ "path": "/learn/editor-setup" }, { - "title": "Vývojářské nástroje Reactu", + "title": "React Developer Tools", "path": "/learn/react-developer-tools" } ]