diff --git a/content/docs/hello-world.md b/content/docs/hello-world.md index 2fff80254..01fe004b0 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 "Helló, 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ó 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. -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. **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. -## 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 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. ->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 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. -## 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') );