Перевод надписей в компонентах

gatsby-config.js

@@ -8,10 +8,10 @@
 
 module.exports = {
   siteMetadata: {
-    title: 'React: A JavaScript library for building user interfaces',
+    title: 'React: JavaScript-библиотека для создания пользовательских интерфейсов',
     siteUrl: 'https://reactjs.org',
     rssFeedTitle: 'React',
-    rssFeedDescription: 'A JavaScript library for building user interfaces',
+    rssFeedDescription: 'JavaScript-библиотека для создания пользовательских интерфейсов',
   },
   mapping: {
     'MarkdownRemark.frontmatter.author': 'AuthorYaml',

src/components/CodeEditor/CodeEditor.js

@@ -56,12 +56,11 @@ class CodeEditor extends Component {
     if (showBabelErrorMessage) {
       errorMessage = (
         <span>
-          Babel could not be loaded.
+          Не получилось загрузить Babel.
           <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.
+          Это может быть связано с блокировщиком рекламы. Если вы используете один из них,
+          добавьте адрес reactjs.org в белый список, чтобы примеры кода заработали.
         </span>
       );
     } else if (error != null) {
@@ -99,7 +98,7 @@ class CodeEditor extends Component {
                 color: colors.white,
               }}>
               <MetaTitle onDark={true}>
-                Live JSX Editor
+                Интерактивный JSX-редактор
                 <label
                   css={{
                     fontSize: 14,
@@ -169,7 +168,7 @@ class CodeEditor extends Component {
                   cssProps={{
                     color: colors.white,
                   }}>
-                  Error
+                  Ошибка
                 </MetaTitle>
               </div>
               <pre
@@ -200,7 +199,7 @@ class CodeEditor extends Component {
                   padding: '0 10px',
                   backgroundColor: colors.divider,
                 }}>
-                <MetaTitle>Result</MetaTitle>
+                <MetaTitle>Результат</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>Загрузка примера с кодом...</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.
+        Когда происходит ошибка, вы получите ссылку на эту страницу.
+        На ней вы увидите полный текст конкретной ошибки.
       </p>
     );
   }
 
   return (
     <div>
       <p>
-        <b>The full text of the error you just encountered is:</b>
+        <b>Полный текст обнаруженной ошибки:</b>
       </p>
       <code>
         <b>{urlify(errorMsg)}</b>

src/components/LayoutFooter/Footer.js

@@ -90,19 +90,19 @@ const Footer = ({layoutHasSidebar = false}: {layoutHasSidebar: boolean}) => (
               href="https://discuss.reactjs.org"
               target="_blank"
               rel="noopener">
-              Discussion Forum
+              Форум
             </ExternalFooterLink>
             <ExternalFooterLink
               href="https://discord.gg/0ZcbPKXt5bZjGY5n"
               target="_blank"
               rel="noopener">
-              Reactiflux Chat
+              Чат Reactiflux
             </ExternalFooterLink>
             <ExternalFooterLink
               href="https://dev.to/t/react"
               target="_blank"
               rel="noopener">
-              DEV Community
+              Сообщество на DEV
             </ExternalFooterLink>
             <ExternalFooterLink
               href="https://www.facebook.com/react"
@@ -128,11 +128,11 @@ const Footer = ({layoutHasSidebar = false}: {layoutHasSidebar: boolean}) => (
             ))}
           </FooterNav>
           <FooterNav layoutHasSidebar={layoutHasSidebar}>
-            <MetaTitle onDark={true}>More</MetaTitle>
-            <FooterLink to="/tutorial/tutorial.html">Tutorial</FooterLink>
-            <FooterLink to="/blog/">Blog</FooterLink>
+            <MetaTitle onDark={true}>Дополнительно</MetaTitle>
+            <FooterLink to="/tutorial/tutorial.html">Учебник</FooterLink>
+            <FooterLink to="/blog/">Блог</FooterLink>
             <FooterLink to="/acknowledgements.html">
-              Acknowledgements
+              Благодарности
             </FooterLink>
             <ExternalFooterLink
               href="https://facebook.github.io/react-native/"

src/components/LayoutHeader/DocSearch.js

@@ -104,8 +104,8 @@ class DocSearch extends Component<{}, State> {
           }}
           id="algolia-doc-search"
           type="search"
-          placeholder="Search docs"
-          aria-label="Search docs"
+          placeholder="Поиск"
+          aria-label="Поиск"
         />
       </form>
     ) : null;

src/components/TitleAndMetaTags/TitleAndMetaTags.js

@@ -8,7 +8,7 @@
 import Helmet from 'react-helmet';
 import React from 'react';
 
-const defaultDescription = 'A JavaScript library for building user interfaces';
+const defaultDescription = 'JavaScript-библиотека для создания пользовательских интерфейсов';
 
 type Props = {
   title: string,

src/pages/index.js

@@ -51,7 +51,7 @@ class Home extends Component {
     return (
       <Layout location={location}>
         <TitleAndMetaTags
-          title="React &ndash; A JavaScript library for building user interfaces"
+          title="React &ndash; JavaScript-библиотека для создания пользовательских интерфейсов"
           ogUrl={createOgUrl('index.html')}
         />
         <div css={{width: '100%'}}>
@@ -134,7 +134,7 @@ class Home extends Component {
                         fontSize: 30,
                       },
                     }}>
-                    A JavaScript library for building user interfaces
+                    JavaScript-библиотека для создания пользовательских интерфейсов
                   </p>
                   <Flex
                     valign="center"
@@ -149,12 +149,12 @@ class Home extends Component {
                       <ButtonLink
                         to="/docs/getting-started.html"
                         type="primary">
-                        Get Started
+                        Начать работу
                       </ButtonLink>
                     </CtaItem>
                     <CtaItem>
                       <ButtonLink to="/tutorial/tutorial.html" type="secondary">
-                        Take the Tutorial
+                        Перейти к учебнику
                       </ButtonLink>
                     </CtaItem>
                   </Flex>
@@ -286,12 +286,12 @@ class Home extends Component {
               <Flex valign="center">
                 <CtaItem>
                   <ButtonLink to="/docs/getting-started.html" type="primary">
-                    Get Started
+                    Начать работу
                   </ButtonLink>
                 </CtaItem>
                 <CtaItem>
                   <ButtonLink to="/tutorial/tutorial.html" type="secondary">
-                    Take the Tutorial
+                    Перейти к учебнику
                   </ButtonLink>
                 </CtaItem>
               </Flex>