Components translation

content/404.md

@@ -1,9 +1,9 @@
 ---
 layout: single
-title: Page Not Found
+title: Az oldal nem található
 permalink: 404.html
 ---
 
-We couldn't find what you were looking for.
+Nem találtuk meg, amit kerestél.
 
-Please contact the owner of the site that linked you to the original URL and let them know their link is broken.
+Kérjük vedd fel a kapcsolatot az oldal tulajdonosával, ami erre az URL-re küldött téged, és tudasd velük, hogy a link nem működik.

content/footerNav.yml

@@ -1,38 +1,38 @@
 community:
-  title: Community
+  title: Közösség
 
 docs:
-  title: Docs
+  title: Dokumentáció
 
 more:
-  title: More
+  title: Egyéb
   items:
-    - title: Tutorial
+    - title: Tutoriál
       to: /tutorial/tutorial.html
     - title: Blog
       to: /blog
-    - title: Acknowledgements
+    - title: Elismerések
       to: /acknowledgements.html
     - title: React Native
       to: https://facebook.github.io/react-native/
       external: true
 
 channels:
-  title: Channels
+  title: Csatornák
   items:
     - title: GitHub
       to: https://github.com/facebook/react
       external: true
     - title: Stack Overflow
       to: https://stackoverflow.com/questions/tagged/reactjs
       external: true
-    - title: Discussion Forums
+    - title: Kibeszélő fórumok
       to: https://reactjs.org/community/support.html#popular-discussion-forums
       external: true
-    - title: Reactiflux Chat
+    - title: Reactiflux chat
       to: https://discord.gg/reactiflux
       external: true
-    - title: DEV Community
+    - title: DEV közösség
       to: https://dev.to/t/react
       external: true
     - title: Facebook

content/headerNav.yml

@@ -1,13 +1,13 @@
 items:
-  - title: Docs
+  - title: Dokumentáció
     to: /docs/getting-started.html
     activeSelector: /docs/
-  - title: Tutorial
+  - title: Tutoriál
     to: /tutorial/tutorial.html
     activeSelector: /tutorial
   - title: Blog
     to: /blog/
     activeSelector: /blog
-  - title: Community
+  - title: Közösség
     to: /community/support.html
     activeSelector: /community

src/components/CodeEditor/CodeEditor.js

@@ -62,12 +62,12 @@ class CodeEditor extends Component {
     if (showBabelErrorMessage) {
       errorMessage = (
         <span>
-          Babel could not be loaded.
+          A Babelt nem sikerült betölteni.
           <br />
           <br />
-          This can be caused by an ad blocker. If you're using one, consider
-          adding reactjs.org to the whitelist so the live code examples will
-          work.
+          Ez lehet, hogy egy hirdetés blokkoló miatt történt. Ha használsz ilyet,
+          fontold meg ennek az oldlanak a kivételekhez adását, hogy az élő
+          kódpéldák nyugodtan tudjanak működni.
         </span>
       );
     } else if (error != null) {
@@ -175,7 +175,7 @@ class CodeEditor extends Component {
                   cssProps={{
                     color: colors.white,
                   }}>
-                  Error
+                  Hiba
                 </MetaTitle>
               </div>
               <pre
@@ -206,7 +206,7 @@ class CodeEditor extends Component {
                   padding: '0 10px',
                   backgroundColor: colors.divider,
                 }}>
-                <MetaTitle>Result</MetaTitle>
+                <MetaTitle>Eredmény</MetaTitle>
               </div>
               <div
                 id={containerNodeID}

src/components/CodeExample/CodeExample.js

@@ -61,7 +61,7 @@ class CodeExample extends Component {
         {loaded ? (
           <CodeEditor code={code} containerNodeID={containerNodeID} />
         ) : (
-          <h4>Loading code example...</h4>
+          <h4>Kódpélda betöltése...</h4>
         )}
       </div>
     );

src/components/ErrorDecoder/ErrorDecoder.js

@@ -69,16 +69,16 @@ function ErrorResult(props: {|code: ?string, msg: string|}) {
   if (!code) {
     return (
       <p>
-        When you encounter an error, you'll receive a link to this page for that
-        specific error and we'll show you the full error text.
+        Ha egy hibába ütközöl, egy linket fogsz kapni, ami erre az oldalra mutat
+        azzal a specifikus hibával és itt megmutatjuk a hiba teljes szövegét.
       </p>
     );
   }
 
   return (
     <div>
       <p>
-        <b>The full text of the error you just encountered is:</b>
+        <b>A hiba teljes szövege amibe beleütköztél:</b>
       </p>
       <code>
         <b>{urlify(errorMsg)}</b>

src/components/LayoutFooter/Footer.js

@@ -87,7 +87,7 @@ const Footer = ({layoutHasSidebar = false}: {layoutHasSidebar: boolean}) => (
             <MetaTitle onDark={true}>{navFooter.community.title}</MetaTitle>
             <ExternalFooterLink
               href={`https://github.com/facebook/react/blob/master/CODE_OF_CONDUCT.md`}>
-              Code of Conduct
+              Magatartási kódex
             </ExternalFooterLink>
             {sectionListCommunity.map(section => (
               <FooterLink
@@ -139,7 +139,7 @@ const Footer = ({layoutHasSidebar = false}: {layoutHasSidebar: boolean}) => (
               color: colors.subtleOnDark,
               paddingTop: 15,
             }}>
-            {`Copyright © ${new Date().getFullYear()} Facebook Inc.`}
+            {`Szerzői jog © ${new Date().getFullYear()} Facebook Inc.`}
           </p>
         </section>
       </div>

src/components/MarkdownPage/MarkdownPage.js

@@ -88,7 +88,7 @@ const MarkdownPage = ({
                   {date}{' '}
                   {hasAuthors && (
                     <span>
-                      by{' '}
+                      szerzők{' '}
                       {toCommaSeparatedList(authors, author => (
                         <a
                           css={sharedStyles.link}

src/pages/404.js

@@ -21,13 +21,13 @@ const PageNotFound = ({location}: Props) => (
     <Container>
       <div css={sharedStyles.articleLayout.container}>
         <div css={sharedStyles.articleLayout.content}>
-          <Header>Page Not Found</Header>
+          <Header>Az oldal nem található</Header>
           <TitleAndMetaTags title="React - Page Not Found" />
           <div css={sharedStyles.markdown}>
-            <p>We couldn't find what you were looking for.</p>
+            <p>Nem találtuk meg, amit kerestél.</p>
             <p>
-              Please contact the owner of the site that linked you to the
-              original URL and let them know their link is broken.
+              Kérjük vedd fel a kapcsolatot az oldal tulajdonosával, ami
+              erre az URL-re küldött téged és tudasd velük, hogy a link nem működik.
             </p>
           </div>
         </div>

src/pages/acknowledgements.html.js

@@ -19,14 +19,14 @@ const Acknowlegements = ({data, location}) => (
     <Container>
       <div css={sharedStyles.articleLayout.container}>
         <div css={sharedStyles.articleLayout.content}>
-          <Header>Acknowledgements</Header>
+          <Header>Elismerések</Header>
           <TitleAndMetaTags
             canonicalUrl={`${urlRoot}/acknowledgements.html`}
-            title="React - Acknowledgements"
+            title="React - Elismerések"
           />
 
           <div css={sharedStyles.markdown}>
-            <p>We'd like to thank all of our contributors:</p>
+            <p>Minden közreműködőnek nagy köszönet:</p>
 
             <ul
               css={{
@@ -44,38 +44,36 @@ const Acknowlegements = ({data, location}) => (
               ))}
             </ul>
 
-            <p>In addition, we're grateful to</p>
+            <p>Valamint hálásak vagyunk</p>
             <ul>
               <li>
-                <a href="https://github.com/jeffbski">Jeff Barczewski</a> for
-                allowing us to use the{' '}
-                <a href="https://www.npmjs.com/package/react">react</a> package
-                name on npm.
+                <a href="https://github.com/jeffbski">Jeff Barczewski</a>nek,
+                hogy használhatjuk a{' '}
+                <a href="https://www.npmjs.com/package/react">react</a> csomagnevet npm-en.
               </li>
               <li>
-                <a href="https://christopheraue.net/">Christopher Aue</a> for
-                letting us use the{' '}
-                <a href="https://reactjs.com/">reactjs.com</a> domain name and
-                the <a href="https://twitter.com/reactjs">@reactjs</a> username
-                on Twitter.
+                <a href="https://christopheraue.net/">Christopher Aue</a>nek, hogy
+                használhatjuk a{' '}
+                <a href="https://reactjs.com/">reactjs.com</a> doménnevet és
+                a <a href="https://twitter.com/reactjs">@reactjs</a> felhasználónevet
+                Twitteren.
               </li>
               <li>
-                <a href="https://github.com/ProjectMoon">ProjectMoon</a> for
-                letting us use the{' '}
-                <a href="https://www.npmjs.com/package/flux">flux</a> package
-                name on npm.
+                <a href="https://github.com/ProjectMoon">ProjectMoon</a>nak, hogy
+                használhatjuk a{' '}
+                <a href="https://www.npmjs.com/package/flux">flux</a> csomagnvet npm-en.
               </li>
               <li>
-                Shane Anderson for allowing us to use the{' '}
-                <a href="https://github.com/react">react</a> org on GitHub.
+                Shane Andersonnak, hogy használhatjuk a{' '}
+                <a href="https://github.com/react">react</a> szervezet nevet GitHubon.
               </li>
               <li>
-                <a href="https://github.com/voronianski">Dmitri Voronianski</a>{' '}
-                for letting us use the{' '}
+                <a href="https://github.com/voronianski">Dmitri Voronianski</a>nak,{' '}
+                hogy használhatjuk az{' '}
                 <a href="https://labs.voronianski.com/oceanic-next-color-scheme/">
                   Oceanic Next
                 </a>{' '}
-                color scheme on this website.
+                színsémát ezen az oldalon.
               </li>
             </ul>
           </div>

src/pages/blog/all.html.js

@@ -28,10 +28,10 @@ const AllBlogPosts = ({data, location}: Props) => (
     <Container>
       <div css={sharedStyles.articleLayout.container}>
         <div css={sharedStyles.articleLayout.content}>
-          <Header>All Posts</Header>
+          <Header>Összes blogposzt</Header>
           <TitleAndMetaTags
             canonicalUrl={`${urlRoot}/blog/all.html`}
-            title="React - All Posts"
+            title="React - Összes blogposzt"
           />
           <ul
             css={{
@@ -83,7 +83,7 @@ const AllBlogPosts = ({data, location}: Props) => (
                       color: colors.subtle,
                       marginTop: -5,
                     }}>
-                    by{' '}
+                    szerzők {' '}
                     {toCommaSeparatedList(node.frontmatter.author, author => (
                       <span key={author.frontmatter.name}>
                         {author.frontmatter.name}

src/pages/jsx-compiler.html.js

@@ -24,13 +24,13 @@ const JsxCompiler = ({location}: Props) => (
           <div css={sharedStyles.markdown}>
             <p>
               <strong>
-                This tool has been removed as JSXTransformer has been
-                deprecated.
+                Ez az eszköz el lett távolítva, mivel a JSXTransformer
+                elavultnak lett minősítve.
               </strong>
             </p>
             <p>
-              We recommend using another tool such as{' '}
-              <a href="https://babeljs.io/repl/">the Babel REPL</a>.
+              Egy másik eszköz használatát ajánljuk, mint például{' '}
+              <a href="https://babeljs.io/repl/">a Babel REPL</a>.
             </p>
           </div>
         </div>

src/pages/languages.js

@@ -157,7 +157,7 @@ const Language = ({code, name, status, translatedName}) => {
           href={`https://github.com/reactjs/${prefix}reactjs.org/`}
           target="_blank"
           rel="noopener">
-          Contribute
+          Közreműködés
         </a>
       </div>
     </li>

src/pages/versions.js

@@ -25,27 +25,27 @@ const Versions = ({location}: Props) => (
     <Container>
       <div css={sharedStyles.articleLayout.container}>
         <div css={sharedStyles.articleLayout.content}>
-          <Header>React Versions</Header>
+          <Header>React verziók</Header>
           <TitleAndMetaTags
             canonicalUrl={`${urlRoot}/versions/`}
-            title="React - Versions"
+            title="React - Verziók"
           />
           <div css={sharedStyles.markdown}>
             <p>
-              A complete release history for React is available{' '}
+              A React teljes kiadási története elérhető{' '}
               <a
                 href="https://github.com/facebook/react/releases"
                 target="_blank"
                 rel="noopener">
-                on GitHub
+                a GitHubon
               </a>
               .<br />
-              Documentation for recent releases can also be found below.
+              Lejjebb a jelenlegi kiadások dokumentációja is megtalálható.
             </p>
             <p>
-              See our FAQ for information about{' '}
+              Nézd meg a GY.I.K-et{' '}
               <a href="/docs/faq-versioning.html">
-                our versioning policy and commitment to stability
+                a számozási irányelveinkről és a stabilitási elkötelezettségünkről
               </a>
               .
             </p>
@@ -55,13 +55,13 @@ const Versions = ({location}: Props) => (
                 <ul>
                   <li>
                     <a href={version.changelog} target="_blank" rel="noopener">
-                      Changelog
+                      Változási napló
                     </a>
                   </li>
                   {version.path && (
                     <li>
                       <a href={version.path} rel="nofollow">
-                        Documentation
+                        Dokumentáció
                       </a>
                     </li>
                   )}

src/templates/blog.js

@@ -12,15 +12,15 @@ import {createLinkBlog} from 'utils/createLink';
 
 const toSectionList = allMarkdownRemark => [
   {
-    title: 'Recent Posts',
+    title: 'Friss blogposztok',
     items: allMarkdownRemark.edges
       .map(({node}) => ({
         id: node.fields.slug,
         title: node.frontmatter.title,
       }))
       .concat({
         id: '/blog/all.html',
-        title: 'All posts ...',
+        title: 'Összes blogposzt ...',
       }),
   },
 ];

src/templates/codepen-example.js

@@ -45,10 +45,10 @@ class CodepenExample extends Component {
             <input type="hidden" name="data" value={payload} />
 
             <p>
-              Not automatically redirecting?
+              Nem irányít át automatikusan?
               <br />
               <br />
-              <input style={primaryStyle} type="submit" value="Click here" />
+              <input style={primaryStyle} type="submit" value="Kattints ide" />
             </p>
           </form>
         </Container>

src/templates/components/NavigationFooter/NavigationFooter.js

@@ -40,7 +40,7 @@ const NavigationFooter = ({next, prev, location}) => {
           <Flex basis="50%" type="li">
             {prev && (
               <div>
-                <SecondaryLabel>Previous article</SecondaryLabel>
+                <SecondaryLabel>Előző fejezet</SecondaryLabel>
                 <div
                   css={{
                     paddingTop: 10,
@@ -61,7 +61,7 @@ const NavigationFooter = ({next, prev, location}) => {
                 textAlign: 'right',
               }}>
               <div>
-                <SecondaryLabel>Next article</SecondaryLabel>
+                <SecondaryLabel>Következő fejezet</SecondaryLabel>
                 <div
                   css={{
                     paddingTop: 10,

static/html/single-file-example.html

@@ -2,7 +2,7 @@
 <html>
   <head>
     <meta charset="UTF-8" />
-    <title>Hello World</title>
+    <title>Helló világ</title>
     <script src="https://unpkg.com/react@16/umd/react.development.js"></script>
     <script src="https://unpkg.com/react-dom@16/umd/react-dom.development.js"></script>
 
@@ -14,7 +14,7 @@
     <script type="text/babel">
 
       ReactDOM.render(
-        <h1>Hello, world!</h1>,
+        <h1>Helló világ!</h1>,
         document.getElementById('root')
       );