From 764b1bfa522ab4e1c2c2f0ac84aefc00904f2a7f Mon Sep 17 00:00:00 2001 From: gergely-nagy Date: Wed, 3 Jul 2019 00:21:23 +0200 Subject: [PATCH 1/3] Hello world translation --- content/docs/hello-world.md | 34 +++++++++++++++++----------------- examples/hello-world.js | 2 +- 2 files changed, 18 insertions(+), 18 deletions(-) diff --git a/content/docs/hello-world.md b/content/docs/hello-world.md index 2fff80254..5383629af 100644 --- a/content/docs/hello-world.md +++ b/content/docs/hello-world.md @@ -1,50 +1,50 @@ --- id: hello-world -title: Hello World +title: Helló, világ! permalink: docs/hello-world.html prev: cdn-links.html next: introducing-jsx.html --- -The smallest React example looks like this: +A legkisebb React példa így néz ki: ```js ReactDOM.render( -

Hello, world!

, +

Helló, világ!

, document.getElementById('root') ); ``` -It displays a heading saying "Hello, world!" on the page. +Ez egy címsort jelenít meg "Hello, világ!" szöveggel a weboldalon. [](codepen://hello-world) -Click the link above to open an online editor. Feel free to make some changes, and see how they affect the output. Most pages in this guide will have editable examples like this one. +Kattints a fenti hivatkozásra az online szerkesztő megnyitásához. Bátran végezz változtatásokat, és figyeld meg hogyan befolyásolják a kimenetet. Az útmutató legtöbb oldala ehhez hasonló szerkeszthető példákat tartalmaz. -## How to Read This Guide {#how-to-read-this-guide} +## Hogyan használd helyesen az útmutatót {#how-to-read-this-guide} -In this guide, we will examine the building blocks of React apps: elements and components. Once you master them, you can create complex apps from small reusable pieces. +Ebben az útmutatóban a React alkalmazások építőkockáit fogjuk megvizsgálni: elemeket és komponenseket. Miután elsajátítottad használatukat, összetett alkalmazásokat tudsz majd létrehozni kis újrafelhasználható részekből. ->Tip +>Tipp > ->This guide is designed for people who prefer **learning concepts step by step**. If you prefer to learn by doing, check out our [practical tutorial](/tutorial/tutorial.html). You might find this guide and the tutorial complementary to each other. +>Ez az útmutató olyan emberek számárak készült, akik előnyben részesítik a **lépésről lépésre történő tanulást**. Ha jobban szereted gyakorlati példák közben megszerezni a tudást, nézd meg a [tutoriált](/tutorial/tutorial.html). Ezt az útmutatót és a tutoriált egymás kiegészítésének is tekintheted. -This is the first chapter in a step-by-step guide about main React concepts. You can find a list of all its chapters in the navigation sidebar. If you're reading this from a mobile device, you can access the navigation by pressing the button in the bottom right corner of your screen. +Ez az első fejezet lépésről lépésre vezet végig a React alapvető fogalmain. A navigációs oldalsávon megtalálhatod az összes fejezet listáját. Ha ezt mobilkészülékről olvasod, akkor a képernyő jobb alsó sarkában található gomb megnyomásával érheted el a navigációt. -Every chapter in this guide builds on the knowledge introduced in earlier chapters. **You can learn most of React by reading the “Main Concepts” guide chapters in the order they appear in the sidebar.** For example, [“Introducing JSX”](/docs/introducing-jsx.html) is the next chapter after this one. +Az útmutató minden fejezete a korábbi fejezetekben megszerzett tudásra épít. **Meg lehet tanulni a React nagy részét azzal, ha elolvasod a "Fő fogalmak" című útmutató fejezeteit az oldalsávban megjelenő sorrendben.** Például, a ["Bevezetés a JSX-be"](/docs/introducing-jsx.html) lesz a következő fejezet ezt . -## Knowledge Level Assumptions {#knowledge-level-assumptions} +## Feltételezett tudásszint {#knowledge-level-assumptions} -React is a JavaScript library, and so we'll assume you have a basic understanding of the JavaScript language. **If you don't feel very confident, we recommend [going through a JavaScript tutorial](https://developer.mozilla.org/en-US/docs/Web/JavaScript/A_re-introduction_to_JavaScript) to check your knowledge level** and enable you to follow along this guide without getting lost. It might take you between 30 minutes and an hour, but as a result you won't have to feel like you're learning both React and JavaScript at the same time. +A React egy JavaScript könyvtár, ezért feltételezzük, hogy van alapvető ismereted a JavaScript programozási nyelvből. **Ha nem érzed magabiztosnak magad nézd át [a JavaScript tutoriált](https://developer.mozilla.org/hu/docs/Web/JavaScript/a_javascript_ujboli_bemutatasa), hogy ellenőrizd a tudásszinted** és biztosítsd magadnak a haladást az útmutató olvasása közben anélkül, hogy elakadnál. Ez körübelül 30 perc és egy óra közötti időtartam lesz, de utána nem fogod úgy érezni, mintha egyszerre kell megtanulnod a React-et és a JavaScipt nyelvet is. ->Note +>Megjegyzés > ->This guide occasionally uses some of the newer JavaScript syntax in the examples. If you haven't worked with JavaScript in the last few years, [these three points](https://gist.github.com/gaearon/683e676101005de0add59e8bb345340c) should get you most of the way. +>Ez az útmutató esetenként újabb JavaScript szintaktikát használ a példákban. Ha az elmúlt években nem foglalkoztál a JavaScript nyelvel, [ez a három pont](https://gist.github.com/gaearon/683e676101005de0add59e8bb345340c) segíteni fog eligazodni. -## Let's Get Started! {#lets-get-started} +## Lássunk neki! {#lets-get-started} -Keep scrolling down, and you'll find the link to the [next chapter of this guide](/docs/introducing-jsx.html) right before the website footer. +Folytasd a görgetést lefelé, és a hivatkozás az [útmutató következő fejezetéhez](/docs/introducing-jsx.html) közvetlenül a honlap lábléce előtt lesz megtalálható. diff --git a/examples/hello-world.js b/examples/hello-world.js index d0f87a59b..8a12778b4 100644 --- a/examples/hello-world.js +++ b/examples/hello-world.js @@ -1,4 +1,4 @@ ReactDOM.render( -

Hello, world!

, +

Helló, világ!

, document.getElementById('root') ); From 01dee3db56d61ca4e68c98707f2acb1fd17a8a47 Mon Sep 17 00:00:00 2001 From: Gergely Nagy Date: Sat, 20 Jul 2019 19:44:27 +0200 Subject: [PATCH 2/3] Apply suggestions from code review MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Co-Authored-By: Balázs Orbán --- content/docs/hello-world.md | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/content/docs/hello-world.md b/content/docs/hello-world.md index 5383629af..bcf06ba81 100644 --- a/content/docs/hello-world.md +++ b/content/docs/hello-world.md @@ -15,7 +15,7 @@ ReactDOM.render( ); ``` -Ez egy címsort jelenít meg "Hello, világ!" szöveggel a weboldalon. +Ez egy címsort jelenít meg "Helló, világ!" szöveggel a weboldalon. [](codepen://hello-world) @@ -32,15 +32,15 @@ Ebben az útmutatóban a React alkalmazások építőkockáit fogjuk megvizsgál Ez az első fejezet lépésről lépésre vezet végig a React alapvető fogalmain. A navigációs oldalsávon megtalálhatod az összes fejezet listáját. Ha ezt mobilkészülékről olvasod, akkor a képernyő jobb alsó sarkában található gomb megnyomásával érheted el a navigációt. -Az útmutató minden fejezete a korábbi fejezetekben megszerzett tudásra épít. **Meg lehet tanulni a React nagy részét azzal, ha elolvasod a "Fő fogalmak" című útmutató fejezeteit az oldalsávban megjelenő sorrendben.** Például, a ["Bevezetés a JSX-be"](/docs/introducing-jsx.html) lesz a következő fejezet ezt . +Az útmutató minden fejezete a korábbi fejezetekben megszerzett tudásra épít. **A React nagy részét meg tudod tanulni azzal, ha elolvasod a "Fő fogalmak" című útmutató fejezeteit az oldalsávban megjelenő sorrendben.** Például a következő fejezet a ["Bevezetés a JSX-be"](/docs/introducing-jsx.html) ez után. ## Feltételezett tudásszint {#knowledge-level-assumptions} -A React egy JavaScript könyvtár, ezért feltételezzük, hogy van alapvető ismereted a JavaScript programozási nyelvből. **Ha nem érzed magabiztosnak magad nézd át [a JavaScript tutoriált](https://developer.mozilla.org/hu/docs/Web/JavaScript/a_javascript_ujboli_bemutatasa), hogy ellenőrizd a tudásszinted** és biztosítsd magadnak a haladást az útmutató olvasása közben anélkül, hogy elakadnál. Ez körübelül 30 perc és egy óra közötti időtartam lesz, de utána nem fogod úgy érezni, mintha egyszerre kell megtanulnod a React-et és a JavaScipt nyelvet is. +A React egy JavaScript könyvtár, ezért feltételezzük, hogy van alapvető ismereted a JavaScript programozási nyelvből. **Ha nem érzed magabiztosnak magad nézd át [a JavaScript tutoriált](https://developer.mozilla.org/hu/docs/Web/JavaScript/a_javascript_ujboli_bemutatasa), hogy ellenőrizd a tudásszinted** és hogy biztosan haladni tudj az útmutató olvasása közben anélkül, hogy elakadnál. Ez körübelül 30 perc és egy óra közötti időtartamot vesz igénybe, de utána nem fogod úgy érezni, mintha egyszerre kell megtanulnod a React-et és a JavaScript nyelvet is. >Megjegyzés > ->Ez az útmutató esetenként újabb JavaScript szintaktikát használ a példákban. Ha az elmúlt években nem foglalkoztál a JavaScript nyelvel, [ez a három pont](https://gist.github.com/gaearon/683e676101005de0add59e8bb345340c) segíteni fog eligazodni. +>Ez az útmutató esetenként újabb JavaScript szintaxist használ a példákban. Ha az elmúlt években nem foglalkoztál a JavaScript nyelvvel, [ez a három pont](https://gist.github.com/gaearon/683e676101005de0add59e8bb345340c) segíteni fog eligazodni. ## Lássunk neki! {#lets-get-started} From 5f9a59f1fe85c669ce3fe9b1d3b2ede84f6e2889 Mon Sep 17 00:00:00 2001 From: Gergely Nagy Date: Sun, 21 Jul 2019 16:58:15 +0200 Subject: [PATCH 3/3] Update content/docs/hello-world.md MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Co-Authored-By: Balázs Orbán --- content/docs/hello-world.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/content/docs/hello-world.md b/content/docs/hello-world.md index bcf06ba81..01fe004b0 100644 --- a/content/docs/hello-world.md +++ b/content/docs/hello-world.md @@ -28,7 +28,7 @@ Ebben az útmutatóban a React alkalmazások építőkockáit fogjuk megvizsgál >Tipp > ->Ez az útmutató olyan emberek számárak készült, akik előnyben részesítik a **lépésről lépésre történő tanulást**. Ha jobban szereted gyakorlati példák közben megszerezni a tudást, nézd meg a [tutoriált](/tutorial/tutorial.html). Ezt az útmutatót és a tutoriált egymás kiegészítésének is tekintheted. +>Ez az útmutató azok számára készült, akik előnyben részesítik a **koncepciók lépésről lépésre történő tanulását**. Ha jobban szereted gyakorlati példák közben megszerezni a tudást, nézd meg a [gyakorlati tutoriált](/tutorial/tutorial.html). Ezt az útmutatót és a tutoriált egymás kiegészítésének is tekintheted. Ez az első fejezet lépésről lépésre vezet végig a React alapvető fogalmain. A navigációs oldalsávon megtalálhatod az összes fejezet listáját. Ha ezt mobilkészülékről olvasod, akkor a képernyő jobb alsó sarkában található gomb megnyomásával érheted el a navigációt.