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

Hello World translation #7

Merged
merged 3 commits into from
Jul 21, 2019
Merged
Show file tree
Hide file tree
Changes from 1 commit
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
34 changes: 17 additions & 17 deletions content/docs/hello-world.md
Original file line number Diff line number Diff line change
@@ -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(
<h1>Hello, world!</h1>,
<h1>Helló, világ!</h1>,
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.
gergely-nagy marked this conversation as resolved.
Show resolved Hide resolved

[](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.
gergely-nagy marked this conversation as resolved.
Show resolved Hide resolved

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 .
gergely-nagy marked this conversation as resolved.
Show resolved Hide resolved

## 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.
gergely-nagy marked this conversation as resolved.
Show resolved Hide resolved

>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.
gergely-nagy marked this conversation as resolved.
Show resolved Hide resolved


## 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ó.


2 changes: 1 addition & 1 deletion examples/hello-world.js
Original file line number Diff line number Diff line change
@@ -1,4 +1,4 @@
ReactDOM.render(
<h1>Hello, world!</h1>,
<h1>Helló, világ!</h1>,
document.getElementById('root')
);