Transalted to hebrew

examples/hello-world.js

@@ -1,4 +1,4 @@
 ReactDOM.render(
-  <h1>Hello, world!</h1>,
+  <h1>שלום עולם!</h1>,
   document.getElementById('root')
 );

examples/introducing-jsx.js

@@ -7,6 +7,6 @@ const user = {
   lastName: 'Perez',
 };
 
-const element = <h1>Hello, {formatName(user)}!</h1>;
+const element = <h1>שלום, {formatName(user)}!</h1>;
 
 ReactDOM.render(element, document.getElementById('root'));

examples/jsx-simple-example.js

@@ -1,3 +1,3 @@
 function hello() {
-  return <div>Hello world!</div>;
+  return <div>שלום עולם!</div>;
 }

examples/reference-react-forward-ref.js

@@ -7,4 +7,4 @@ const FancyButton = React.forwardRef((props, ref) => (
 
 // You can now get a ref directly to the DOM button:
 const ref = React.createRef();
-<FancyButton ref={ref}>Click me!</FancyButton>;
+<FancyButton ref={ref}>לחץ עליי!</FancyButton>;

examples/tutorial-expanded-version.js

@@ -1,5 +1,5 @@
 <div className="shopping-list">
-  <h1>Shopping List for {props.name}</h1>
+  <h1>רשימת קניות ל{props.name}</h1>
   <ul>
     <li>Instagram</li>
     <li>WhatsApp</li>

src/pages/acknowledgements.html.js

@@ -26,7 +26,7 @@ const Acknowlegements = ({data, location}) => (
           />
 
           <div css={sharedStyles.markdown}>
-            <p>We'd like to thank all of our contributors:</p>
+            <p>אנו נשמח להודות לכל התורמים:</p>
 
             <ul
               css={{
@@ -44,38 +44,32 @@ const Acknowlegements = ({data, location}) => (
               ))}
             </ul>
 
-            <p>In addition, we're grateful to</p>
+            <p>בנוסף, אנו מוקירים תודה ל</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> שאפשר לנו להשתמש בשם החבילה{' '}
+                <a href="https://www.npmjs.com/package/react">react</a> בnpm.
               </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
+                <a href="https://christopheraue.net/">Christopher Aue</a> שאפשר לנו להשתמש בשם הדומיין{' '}
+                <a href="https://reactjs.com/">reactjs.com</a> ובשם המשתמש <a href="https://twitter.com/reactjs">@reactjs</a> בטטויטר
                 on Twitter.
               </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> שאפשרו לנו להשתמש בשם החבילה{' '}
+                <a href="https://www.npmjs.com/package/flux">flux</a> בnpm.
               </li>
               <li>
-                Shane Anderson for allowing us to use the{' '}
-                <a href="https://github.com/react">react</a> org on GitHub.
+                Shane Anderson שאפשר לנו להשתמש במשתמש{' '}
+                <a href="https://github.com/react">react</a> org בGitHub.
               </li>
               <li>
                 <a href="https://github.com/voronianski">Dmitri Voronianski</a>{' '}
-                for letting us use the{' '}
+                שאפשר להו להשתמש בסכימת הצבעים{' '}
                 <a href="https://labs.voronianski.com/oceanic-next-color-scheme/">
                   Oceanic Next
                 </a>{' '}
-                color scheme on this website.
+                באתר.
               </li>
             </ul>
           </div>

src/pages/index.js

@@ -50,7 +50,7 @@ class Home extends Component {
     return (
       <Layout location={location}>
         <TitleAndMetaTags
-          title="React &ndash; A JavaScript library for building user interfaces"
+          title="React &ndash; ספריית JavaScript לבניית ממשקי משתמש."
           canonicalUrl={createCanonicalUrl('/')}
         />
         <div dir="rtl" css={{width: '100%'}}>

src/pages/jsx-compiler.html.js

@@ -24,12 +24,11 @@ const JsxCompiler = ({location}: Props) => (
           <div css={sharedStyles.markdown}>
             <p>
               <strong>
-                This tool has been removed as JSXTransformer has been
-                deprecated.
+                הכלי הזה הוסר כאשר JSXTransformer בוטל.
               </strong>
             </p>
             <p>
-              We recommend using another tool such as{' '}
+              אנו ממליצים להשתמש בכלי אחר כדוגמת{' '}
               <a href="https://babeljs.io/repl/">the Babel REPL</a>.
             </p>
           </div>

src/pages/versions.js

@@ -25,7 +25,7 @@ const Versions = ({location}: Props) => (
     <Container>
       <div css={sharedStyles.articleLayout.container}>
         <div css={sharedStyles.articleLayout.content}>
-          <Header>React Versions</Header>
+          <Header>גרסאות React</Header>
           <TitleAndMetaTags
             canonicalUrl={`${urlRoot}/versions/`}
             title="React - Versions"

static/html/single-file-example.html

@@ -2,7 +2,7 @@
 <html>
   <head>
     <meta charset="UTF-8" />
-    <title>Hello World</title>
+    <title>שלום עולם!</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>שלום עולם!</h1>,
         document.getElementById('root')
       );