🌐 translate Glossary

Author: balazsorban44

content/docs/reference-glossary.md

@@ -1,6 +1,6 @@
 ---
 id: glossary
-title: React kifejezések szójegyzéke
+title: React szójegyzék
 layout: docs
 category: Reference
 permalink: docs/glossary.html
@@ -11,23 +11,23 @@ permalink: docs/glossary.html
 
 Egy single-page, vagy egyoldalas applikáció egy olyan alkalmazás, ami a futáshoz egyetlen HTML oldalt és az összes szükséges egyéb fájlt (pl.: JavaScript és CSS) tölti be. Bármilyen interakció az oldallal vagy alárendelt oldalakkal nem igényel a szerver felé kérést, ami azt jelenti, az oldal nem töltődik újra.
 
-A React-ben tudsz single-page applikációkat készíteni, de ez nem követelmény. A React arra is jó, ha egy létező weboldal kisebb részeit szeretnéd feljavítani extra interaktivitással. A React-ben írt kód békésen együtt tud élni a szerveren renderelt kóddal, mint például PHP, vagy más kliens-oldali könyvtárakkal. Valójában a Facebook-nál is pont így használjuk a React-et.
+A React-ben tudsz single-page applikációkat készíteni, de ez nem kötelező. A React arra is jó lehet, ha egy létező weboldal kisebb részeit szeretnéd feljavítani extra interaktivitással. A React-ben írt kód békésen együtt tud élni a szerveren renderelt kóddal, mint például PHP, vagy más kliens-oldali könyvtárakkal. Valójában a Facebook-nál is pont így használjuk a React-et.
 
 ## ES6, ES2015, ES2016, stb. {#es6-es2015-es2016-etc}
 
 Ezek a mozaikszavak mind az ECMAScript nyelv specifikáció standard legújabb verziójaira utalnak aminek a JavaScript nyelv az egyik implementációja. Az ES6-os verzió (ES2015-ként is ismert) sok újdonságot tartalmaz a korábbi verziókhoz képest, mint például: nyíl függvények, osztályok, sablon literálok, `let` és `const` állítások. Az egyes verziókról [itt](https://en.wikipedia.org/wiki/ECMAScript#Versions) tanulhatsz többet.
 
 ## Fordítóprogramok {#compilers}
 
-Egy JavaScript fordítóprogram fogja a JavaScript kódot, transzformálja és visszaadja azt JavaScript kódként egy másik formátumban. Leggyakoribb esetben az ES6 szintaxis transzformálására használt, annak érdekében hogy a régebbi böngészők is értelmezni tudják a kódot. A React esetében egyik leggyakrabban használt ilyen fordítóprogram a [Babel](https://babeljs.io/).
+Egy JavaScript fordítóprogram fogja a JavaScript kódot, transzformálja és visszaadja azt egy másik JavaScript kódformátumban. Leggyakrabban az ES6 szintaxis transzformálására használt, azért hogy a régebbi böngészők is értelmezni tudják a kódot. A React esetében egyik leggyakrabban használt ilyen fordítóprogram a [Babel](https://babeljs.io/).
 
 ## Kötegelők {#bundlers}
 
-A kötegelők fogják a különálló (gyakran több száz) modulokban írt JavaScript és CSS kódot , és egyesítik azt néhány böngészőkre jobban optimalizált fájlban. Néhány, a React alkalmazások esetében gyakran használt kötegelő például a [Webpack](https://webpack.js.org/) és a [Browserify](http://browserify.org/).
+A kötegelők fogják a különálló (gyakran több száz) modulokban megírt JavaScript és CSS kódot, és egyesítik azt néhány böngészőkre jobban optimalizált fájlban. Néhány, a React alkalmazások esetében gyakran használt kötegelő például a [Webpack](https://webpack.js.org/) és a [Browserify](http://browserify.org/).
 
 ## Csomag kezelők {#package-managers}
 
-A csomag kezelők olyan eszközök, amik lehetővé teszik egy projekt függőségeinek a kezelését. Az [npm](https://www.npmjs.com/) és a [Yarn](https://yarnpkg.com/) két gyakran használt csomag kezelő a React alkalmazások esetében. Mindkettő egy kliens ugyanazon az npm csomag regisztrátorhoz.
+A csomag kezelők olyan eszközök, amik lehetővé teszik egy projekt függőségeinek a kezelését. Az [npm](https://www.npmjs.com/) és a [Yarn](https://yarnpkg.com/) két gyakran használt csomag kezelő a React alkalmazások esetében. Mindkettő egy kliens ugyanahhoz az npm csomag regisztrátorhoz.
 
 ## CDN {#cdn}
 
@@ -40,7 +40,7 @@ A JSX egy JavaScript szintaxis kiegészítés. Hasonló egy sablon nyelvhez, de
 A React DOM camelCase konvenciókat használ tulajdonságok elnevezésére HTML attribútum nevek helyett. Például a `tabindex` JSX-ben `tabIndex`-é válik. A `class` attribútumot is `className`-ként kell írjuk, mivel a `class` a JavaScript-ben egy fenntartott szó:
 
 ```js
-const name = 'Clementine';
+const name = 'Klaudia';
 ReactDOM.render(
   <h1 className="hello">A nevem {name}!</h1>,
   document.getElementById('root')
@@ -49,66 +49,66 @@ ReactDOM.render(
 
 ## [Elemek](/docs/rendering-elements.html) {#elements}
 
-React elements are the building blocks of React applications. One might confuse elements with a more widely known concept of "components". An element describes what you want to see on the screen. React elements are immutable.
+A React elemek a React alkalmazások építőkockái. Könnyen összetévszthetnő a sokkal ismertebb "komponensek" fogalmával. Egy elem azt írja le, amit a képernyőn szeretnél látni. A React elemek megváltoztathatatlanok.
 
 ```js
 const element = <h1>Helló, világ</h1>;
 ```
 
-Typically, elements are not used directly, but get returned from components.
+Az elemeket általában nem közvetlenül használjuk, hanem egy komponens téríti őket vissza.
 
 ## [Komponensek](/docs/components-and-props.html) {#components}
 
-React components are small, reusable pieces of code that return a React element to be rendered to the page. The simplest version of React component is a plain JavaScript function that returns a React element:
+A React komponensek kis, újrafelhasználható kódrészletek, amik React elemeket térítenek vissza, amiket az oldalra renderelünk. A React komponens legegyszerűbb verziója egy egyszerű JavaScript függvény ami egy React elemet térít vissza:
 
 ```js
 function Welcome(props) {
-  return <h1>Hello, {props.name}</h1>;
+  return <h1>Helló, {props.name}</h1>;
 }
 ```
 
-Components can also be ES6 classes:
+A komponensek lehetnek ES6 osztályok is:
 
 ```js
 class Welcome extends React.Component {
   render() {
-    return <h1>Hello, {this.props.name}</h1>;
+    return <h1>Helló, {this.props.name}</h1>;
   }
 }
 ```
 
-Components can be broken down into distinct pieces of functionality and used within other components. Components can return other components, arrays, strings and numbers. A good rule of thumb is that if a part of your UI is used several times (Button, Panel, Avatar), or is complex enough on its own (App, FeedStory, Comment), it is a good candidate to be a reusable component. Component names should also always start with a capital letter (`<Wrapper/>` **not** `<wrapper/>`). See [this documentation](/docs/components-and-props.html#rendering-a-component) for more information on rendering components. 
+A komponensket le tudjuk bontani különálló funkcionális részekre és használni azokat más komponensekben. A komponensek vissza tudnak téríteni más komponenseket, tömböket, sztringeket, és számokat. Egy jó ökölszabály, hogy ha a kezelőfelületed egy része többször is használva van, (Button, Panel, Avatar), vagy elég komplex saját magában is (App, FeedStory, Comment) akkor ez egy jó jelölt lehet egy újrafelhasználható komponens készítéséhez. A komponenseket mindig nagybetűvel kezdjük (`<Wrapper/>` **nem** `<wrapper/>`). Több információért a komponensek rendereléséről nézd meg [ezt a dokumentációt](/docs/components-and-props.html#rendering-a-component).
 
 ### [`prop`-ok](/docs/components-and-props.html) {#props}
 
-`props` are inputs to a React component. They are data passed down from a parent component to a child component.
+A `props`, vagy prop-ok a React komponens bemenetei. Adatot tartalmaznak, amiket szülő komponensekből küldünk le gyermek komponenseknek.
 
-Remember that `props` are readonly. They should not be modified in any way:
+Jegyezd meg, hogy a `props` csakis olvasható. Soha, semmilyen körülmények között ne módosítsd őket:
 
 ```js
-// Wrong!
+// Helytelen!
 props.number = 42;
 ```
 
-If you need to modify some value in response to user input or a network response, use `state` instead.
+Ha valamilyen értéket kell módósítani egy felhasználó vagy hálózaton érkező bemenetre válaszolva, használd inkább a `state`-t.
 
 ### `props.children` {#propschildren}
 
-`props.children` is available on every component. It contains the content between the opening and closing tags of a component. For example:
+A `props.children` minden komponensen elérhető. Tartalma minden ami egy komponens kezdő és záró címkéi között van. Például:
 
 ```js
-<Welcome>Hello world!</Welcome>
+<Welcome>Helló, világ!</Welcome>
 ```
 
-The string `Hello world!` is available in `props.children` in the `Welcome` component:
+A `Helló, világ!` sztring elérhető a `props.children`-ben a `Welcome` komponensben:
 
 ```js
 function Welcome(props) {
   return <p>{props.children}</p>;
 }
 ```
 
-For components defined as classes, use `this.props.children`:
+Osztálykomponensek esetében használd a `this.props.children`-t:
 
 ```js
 class Welcome extends React.Component {
@@ -120,47 +120,47 @@ class Welcome extends React.Component {
 
 ### [`state`, vagy helyi állapot](/docs/state-and-lifecycle.html#adding-local-state-to-a-class) {#state}
 
-A component needs `state` when some data associated with it changes over time. For example, a `Checkbox` component might need `isChecked` in its state, and a `NewsFeed` component might want to keep track of `fetchedPosts` in its state.
+Egy komponensnek `state`-re, helyi állapotra van szüksége, ha az azzal párosított adat az idő során változni fog. Például egy `Checkbox` komponensnek szüksége lehet egy `isChecked` értékre az állapotában, vagy egy `NewsFeed` komponens talán nyomon akarja követni a `fetchedPosts`-okat annak helyi állapotában.
 
-The most important difference between `state` and `props` is that `props` are passed from a parent component, but `state` is managed by the component itself. A component cannot change its `props`, but it can change its `state`.
+A legfontosabb különbség a `state` és a `props` között, hogy a `props` szülő komponensekből van leküldve, amíg a `state`-t a komponens maga kezeli. Egy komponens nem változtathatja meg annak saját `props` értékeit, de a `state`-t igen.
 
-For each particular piece of changing data, there should be just one component that "owns" it in its state. Don't try to synchronize states of two different components. Instead, [lift it up](/docs/lifting-state-up.html) to their closest shared ancestor, and pass it down as props to both of them.
+Minden változó adatot egyetlen komponens kell hogy "birtokoljon" a saját állapotában. Ne próbálj állapotokat szinkronizálni két különböző komponensben. Ehelyett [emeld fel az állapotot](/docs/lifting-state-up.html) a legközelebbi közös ősbe, és küldd le azt prop-ként mindkét komponensnek.
 
 ## [Életciklus metódusok](/docs/state-and-lifecycle.html#adding-lifecycle-methods-to-a-class) {#lifecycle-methods}
 
-Lifecycle methods are custom functionality that gets executed during the different phases of a component. There are methods available when the component gets created and inserted into the DOM ([mounting](/docs/react-component.html#mounting)), when the component updates, and when the component gets unmounted or removed from the DOM.
+Az életciklus metódusok egyedi funkciók, amik egy komponens különböző fázisaiban vannak elvégezve. Vannak elérhető metódusok ahhoz, amikor egy komponens létrejön és a DOM-ba van illesztve ([előkészítés](/docs/react-component.html#mounting)), amikor a komponens frissül, és amikor a komponens le van választva és eltávolítva a DOM-ból.
 
  ## [Kontrollált](/docs/forms.html#controlled-components) vs. [kontrollálatlan komponensek](/docs/uncontrolled-components.html)
 
-React has two different approaches to dealing with form inputs. 
+A React két különböző módon kezeli az űrlap bemeneteket.
 
-An input form element whose value is controlled by React is called a *controlled component*. When a user enters data into a controlled component a change event handler is triggered and your code decides whether the input is valid (by re-rendering with the updated value). If you do not re-render then the form element will remain unchanged.
+Egy olyan bemeneti űrlap elemet aminek az értékét a React irányítja, *kontrollált komponensnek* hívunk. Amikor egy felhasználó adatot ír be egy kontrollált komponensbe, egy változás eseménykezelő lesz meghívva és a kódod eldönti hogy a bevitt érték érvényes-e (a frissített érték újrarenderelésével). Ha nem renderelsz újra, az űrlap elem változatlan marad.
 
-An *uncontrolled component* works like form elements do outside of React. When a user inputs data into a form field (an input box, dropdown, etc) the updated information is reflected without React needing to do anything. However, this also means that you can't force the field to have a certain value.
+Egy *kontrollálatlan komponens* ugyanúgy működik, mint az űrlap elemek a React-en kívül. Amikor a felhasználó adatot ír be egy űrlap mezőbe (egy input doboz, legördülő menü, stb.) a frissített információ anélkül lesz tükrözve, hogy a React-nek bármit is tennie kéne. Azonban ez azt is jelenti, hogy nem tudsz egy mezőt arra kényszeríteni, hogy egy bizonyos értéket vegyen fel.
 
-In most cases you should use controlled components.
+A legtöbb esetben próbálj kontrollált komponenseket használni.
 
 ## [Kulcsok](/docs/lists-and-keys.html) {#keys}
 
-A "key" is a special string attribute you need to include when creating arrays of elements. Keys help React identify which items have changed, are added, or are removed. Keys should be given to the elements inside an array to give the elements a stable identity.
+A "key", vagy kulcs egy speciális sztring attribútum amit elemtömbök létrehozásakor az elemeknek kell tartalmaznia. A kulcsok segítenek a React-nek azonosítani melyik elemek változtak, lettek hozzáadva, vagy törölve. A kulcsokat egy tömbön belül kell hozzáadni, hogy az elemek egy stabil azonossággal rendelkezzenek.
 
-Keys only need to be unique among sibling elements in the same array. They don't need to be unique across the whole application or even a single component.
+A kulcsoknak csak testvér elemek között kell egyedinek lenniük ugyanabban a tömbben. Nem kell, hogy egyediek legyenek az egész alkalmazásban vagy akár egy szimpla komponensben sem.
 
-Don't pass something like `Math.random()` to keys. It is important that keys have a "stable identity" across re-renders so that React can determine when items are added, removed, or re-ordered. Ideally, keys should correspond to unique and stable identifiers coming from your data, such as `post.id`.
+Ne használj olyasmit, mint a `Math.random()` kulcsnak. Fontos, hogy a kulcsoknak "stabil azonosságuk" legyen újrarenderelések között, hogy a React el tudja dönteni melyik elemek lettek hozzáadva, törölve, átrendezve. Ideális esetben a kulcsoknak meg kell felelniük az adatból származó egyedi és stabil azonosítóknak, mint például a `post.id`.
 
 ## [Ref-ek](/docs/refs-and-the-dom.html) {#refs}
 
-React supports a special attribute that you can attach to any component. The `ref` attribute can be an object created by [`React.createRef()` function](/docs/react-api.html#reactcreateref) or a callback function, or a string (in legacy API). When the `ref` attribute is a callback function, the function receives the underlying DOM element or class instance (depending on the type of element) as its argument. This allows you to have direct access to the DOM element or component instance.
+A React támogat egy speciális attribútumot, amit bármelyik komponenshez tudsz kötni. A `ref` attribútum lehet egy objektum amit a [`React.createRef()` függvény](/docs/react-api.html#reactcreateref) készített, vagy egy visszahívó függvény, vagy egy sztring (korábbi API-ben). Ha a `ref` attribútum egy visszahívó függvény, a függvény fogadja a mögöttes DOM elemet vagy osztály példányt (az elem típusától függően) argumentumként. Ez lehetővé teszi, hogy közvetlenül irányítsuk a DOM elemet vagy komponens példányt.
 
-Use refs sparingly. If you find yourself often using refs to "make things happen" in your app, consider getting more familiar with [top-down data flow](/docs/lifting-state-up.html).
+Bánj takarékosan a ref-ekkel. Ha azt veszed észre magadon, hogy túl gyakran használod őket csak azért hogy a "dolgok csak simán működjenek" az alkalmazásodban, fontold meg a [fentről-lefelé adatfolyam](/docs/lifting-state-up.html) technika megismerését.
 
 ## [Események](/docs/handling-events.html) {#events}
 
-Handling events with React elements has some syntactic differences:
+A React esemény kezeléseinek vannak néhány szintaxis beli különbségei:
 
-* React event handlers are named using camelCase, rather than lowercase.
-* With JSX you pass a function as the event handler, rather than a string.
+* A React eseménykezelők camelCase neveket használnak, kisbetűk helyett.
+* JSX-el sztring helyett egy függvényt adsz meg esemélykezelőnek.
 
 ## [Összeegyeztetés](/docs/reconciliation.html) {#reconciliation}
 
-When a component's props or state change, React decides whether an actual DOM update is necessary by comparing the newly returned element with the previously rendered one. When they are not equal, React will update the DOM. This process is called "reconciliation".
+Amikor egy komponens egyik prop-ja vagy helyi állapota megváltozik, a React eldönti, hogy egy tényleges DOM frissítés is szükséges-e, az újonnan visszatérített, és az előző renderelés elemeinek összehasonlításával. Ha azok nem egyenlőek, a React frissíti a DOM-ot. Ezt a folyamatot hívjuk "összeegyeztetésnek".