From ac1c409b012694b95b743b093b3e22e0bee4d389 Mon Sep 17 00:00:00 2001
From: Alexey Pyltsyn <lex61rus@gmail.com>
Date: Sat, 9 Feb 2019 15:24:51 +0300
Subject: [PATCH 1/5] Translate homepage marketing items

---
 content/home/marketing/component-based.md           | 6 +++---
 content/home/marketing/declarative.md               | 6 +++---
 content/home/marketing/learn-once-write-anywhere.md | 6 +++---
 3 files changed, 9 insertions(+), 9 deletions(-)

diff --git a/content/home/marketing/component-based.md b/content/home/marketing/component-based.md
index aeb3c4de2..9d170c74d 100644
--- a/content/home/marketing/component-based.md
+++ b/content/home/marketing/component-based.md
@@ -1,8 +1,8 @@
 ---
-title: Component-Based
+title: Основан на компонентах
 order: 1
 ---
 
-Build encapsulated components that manage their own state, then compose them to make complex UIs.
+Создавайте инкапсулированные компоненты с собственным состоянием, а затем объединяйте их, чтобы создать сложные пользовательские интерфейсы.
 
-Since component logic is written in JavaScript instead of templates, you can easily pass rich data through your app and keep state out of the DOM.
+Поскольку логика компонента написана на JavaScript, а не содержится в шаблонах, можно с лёгкостью передавать самые разные данные по всему приложению и держать состояние вне DOM.
diff --git a/content/home/marketing/declarative.md b/content/home/marketing/declarative.md
index c3b651902..b39105a21 100644
--- a/content/home/marketing/declarative.md
+++ b/content/home/marketing/declarative.md
@@ -1,8 +1,8 @@
 ---
-title: Declarative
+title: Декларативный
 order: 0
 ---
 
-React makes it painless to create interactive UIs. Design simple views for each state in your application, and React will efficiently update and render just the right components when your data changes.
+Создавать интерактивные пользовательские интерфейсы на React — приятно и просто. Проектируете простые представления для каждого состояния приложения, а React отлично справиться с обновлением и рендером только необходимых компонентов при изменении данных.
 
-Declarative views make your code more predictable and easier to debug.
+Декларативные представления сделают код более предсказуемым и упростят отладку.
diff --git a/content/home/marketing/learn-once-write-anywhere.md b/content/home/marketing/learn-once-write-anywhere.md
index 009edf5bc..703346a79 100644
--- a/content/home/marketing/learn-once-write-anywhere.md
+++ b/content/home/marketing/learn-once-write-anywhere.md
@@ -1,8 +1,8 @@
 ---
-title: Learn Once, Write Anywhere
+title: Научитесь однажды — пишите где угодно
 order: 2
 ---
 
-We don't make assumptions about the rest of your technology stack, so you can develop new features in React without rewriting existing code.
+Мы не знаем ничего насчёт остальной части вашего технологического стека, поэтому вы можете разрабатывать новый функционал в React, не изменяя существующий код.
 
-React can also render on the server using Node and power mobile apps using [React Native](https://facebook.github.io/react-native/).
+React также может работать на сервере с помощью Node.js, а ещё использован для разработки мобильных приложений на основе [React Native](https://facebook.github.io/react-native/).

From 3ae95d660d523d3dafee31a3b0d50becb0582739 Mon Sep 17 00:00:00 2001
From: Alexey Pyltsyn <lex61rus@gmail.com>
Date: Sat, 9 Feb 2019 15:25:07 +0300
Subject: [PATCH 2/5] Translate homepage example descriptions

---
 content/home/examples/a-component-using-external-plugins.md | 4 ++--
 content/home/examples/a-simple-component.md                 | 6 +++---
 content/home/examples/a-stateful-component.md               | 4 ++--
 content/home/examples/an-application.md                     | 4 ++--
 4 files changed, 9 insertions(+), 9 deletions(-)

diff --git a/content/home/examples/a-component-using-external-plugins.md b/content/home/examples/a-component-using-external-plugins.md
index a8c35bbd6..751aa2bc6 100644
--- a/content/home/examples/a-component-using-external-plugins.md
+++ b/content/home/examples/a-component-using-external-plugins.md
@@ -1,7 +1,7 @@
 ---
-title: A Component Using External Plugins
+title: Компонент с использованием внешних плагинов
 order: 3
 domid: markdown-example
 ---
 
-React is flexible and provides hooks that allow you to interface with other libraries and frameworks. This example uses **remarkable**, an external Markdown library, to convert the `<textarea>`'s value in real time.
+React — гибкий, поэтому в нём есть хуки, которые дают работать с другими библиотеками и фреймворками. В этом примере используется внешняя библиотека **remarkable**, чтобы в режиме реального времени преобразовать Markdown-синтаксис, введённый в элемент `<textarea>`.
diff --git a/content/home/examples/a-simple-component.md b/content/home/examples/a-simple-component.md
index d791856d4..452cf14ab 100644
--- a/content/home/examples/a-simple-component.md
+++ b/content/home/examples/a-simple-component.md
@@ -1,9 +1,9 @@
 ---
-title: A Simple Component
+title: Простой компонент
 order: 0
 domid: hello-example
 ---
 
-React components implement a `render()` method that takes input data and returns what to display. This example uses an XML-like syntax called JSX. Input data that is passed into the component can be accessed by `render()` via `this.props`.
+React-компоненты реализуют метод `render()`, который принимает входные данные и возвращает что-то для вывода. В этом примере используется XML-подобный синтаксис под названием JSX. Входные данные, передаваемые в компонент, доступны в `render()` через `this.props`.
 
-**JSX is optional and not required to use React.** Try the [Babel REPL](babel://es5-syntax-example) to see the raw JavaScript code produced by the JSX compilation step.
+**JSX является необязательным и не требуется React.** Попробуйте [Babel REPL](babel://es5-syntax-example), чтобы увидеть JavaScript-код, полученный на этапе компиляции JSX.
diff --git a/content/home/examples/a-stateful-component.md b/content/home/examples/a-stateful-component.md
index a68ab0a51..02099aad3 100644
--- a/content/home/examples/a-stateful-component.md
+++ b/content/home/examples/a-stateful-component.md
@@ -1,7 +1,7 @@
 ---
-title: A Stateful Component
+title: Компонент с состоянием
 order: 1
 domid: timer-example
 ---
 
-In addition to taking input data (accessed via `this.props`), a component can maintain internal state data (accessed via `this.state`). When a component's state data changes, the rendered markup will be updated by re-invoking `render()`.
+Помимо ввода входных данных (доступных через `this.props`), компонент поддерживает внутренние данные состояния (доступные через `this.state`). Когда данные состояния компонента изменяются, отрендеренная разметка будет обноновлена путём повторного вызова `render()`.
diff --git a/content/home/examples/an-application.md b/content/home/examples/an-application.md
index 227d0621b..f392a0089 100644
--- a/content/home/examples/an-application.md
+++ b/content/home/examples/an-application.md
@@ -1,7 +1,7 @@
 ---
-title: An Application
+title: Приложение
 order: 2
 domid: todos-example
 ---
 
-Using `props` and `state`, we can put together a small Todo application. This example uses `state` to track the current list of items as well as the text that the user has entered. Although event handlers appear to be rendered inline, they will be collected and implemented using event delegation.
+Используя `props` и `state`, можно создать небольшое приложение списка дел. В этом примере используется `state` для отслеживания текущего списка элементов, а также текста, введённого пользователем. Хотя обработчики событий встроены в разметку, они собираются и реализуются с помощью делегирования событий.

From c06f04d34204f2574d55f50c6f474418b9106357 Mon Sep 17 00:00:00 2001
From: Alexey Pyltsyn <lex61rus@gmail.com>
Date: Sat, 9 Feb 2019 15:26:34 +0300
Subject: [PATCH 3/5] Translate sample source code texts

---
 .../home/examples/a-component-using-external-plugins.js   | 8 ++++----
 content/home/examples/a-simple-component.js               | 4 ++--
 content/home/examples/a-stateful-component.js             | 2 +-
 content/home/examples/an-application.js                   | 6 +++---
 4 files changed, 10 insertions(+), 10 deletions(-)

diff --git a/content/home/examples/a-component-using-external-plugins.js b/content/home/examples/a-component-using-external-plugins.js
index 09868cfbb..0a6189ad4 100644
--- a/content/home/examples/a-component-using-external-plugins.js
+++ b/content/home/examples/a-component-using-external-plugins.js
@@ -2,7 +2,7 @@ class MarkdownEditor extends React.Component {
   constructor(props) {
     super(props);
     this.handleChange = this.handleChange.bind(this);
-    this.state = { value: 'Hello, **world**!' };
+    this.state = { value: 'Привет, **мир**!' };
   }
 
   handleChange(e) {
@@ -17,16 +17,16 @@ class MarkdownEditor extends React.Component {
   render() {
     return (
       <div className="MarkdownEditor">
-        <h3>Input</h3>
+        <h3>Входные данные</h3>
         <label htmlFor="markdown-content">
-          Enter some markdown
+          Введите что-нибудь в формате Markdown
         </label>
         <textarea
           id="markdown-content"
           onChange={this.handleChange}
           defaultValue={this.state.value}
         />
-        <h3>Output</h3>
+        <h3>Вывод</h3>
         <div
           className="content"
           dangerouslySetInnerHTML={this.getRawMarkup()}
diff --git a/content/home/examples/a-simple-component.js b/content/home/examples/a-simple-component.js
index 90c31b960..b37b38ca4 100644
--- a/content/home/examples/a-simple-component.js
+++ b/content/home/examples/a-simple-component.js
@@ -2,13 +2,13 @@ class HelloMessage extends React.Component {
   render() {
     return (
       <div>
-        Hello {this.props.name}
+        Привет, {this.props.name}
       </div>
     );
   }
 }
 
 ReactDOM.render(
-  <HelloMessage name="Taylor" />,
+  <HelloMessage name="Иван" />,
   document.getElementById('hello-example')
 );
\ No newline at end of file
diff --git a/content/home/examples/a-stateful-component.js b/content/home/examples/a-stateful-component.js
index 25d5a9145..8eb0b1aee 100644
--- a/content/home/examples/a-stateful-component.js
+++ b/content/home/examples/a-stateful-component.js
@@ -21,7 +21,7 @@ class Timer extends React.Component {
   render() {
     return (
       <div>
-        Seconds: {this.state.seconds}
+        Секунды: {this.state.seconds}
       </div>
     );
   }
diff --git a/content/home/examples/an-application.js b/content/home/examples/an-application.js
index 43f777dc2..8b77d97a6 100644
--- a/content/home/examples/an-application.js
+++ b/content/home/examples/an-application.js
@@ -9,11 +9,11 @@ class TodoApp extends React.Component {
   render() {
     return (
       <div>
-        <h3>TODO</h3>
+        <h3>Список дел</h3>
         <TodoList items={this.state.items} />
         <form onSubmit={this.handleSubmit}>
           <label htmlFor="new-todo">
-            What needs to be done?
+            Что нужно сделать?
           </label>
           <input
             id="new-todo"
@@ -21,7 +21,7 @@ class TodoApp extends React.Component {
             value={this.state.text}
           />
           <button>
-            Add #{this.state.items.length + 1}
+            Добавить #{this.state.items.length + 1}
           </button>
         </form>
       </div>

From 1f0585e69231709ed3a646154a490ba030aee76a Mon Sep 17 00:00:00 2001
From: Alexey Pyltsyn <lex61rus@gmail.com>
Date: Sat, 9 Feb 2019 15:27:37 +0300
Subject: [PATCH 4/5] Fix homepage example typo

---
 content/home/examples/a-stateful-component.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/content/home/examples/a-stateful-component.md b/content/home/examples/a-stateful-component.md
index 02099aad3..3807598a3 100644
--- a/content/home/examples/a-stateful-component.md
+++ b/content/home/examples/a-stateful-component.md
@@ -4,4 +4,4 @@ order: 1
 domid: timer-example
 ---
 
-Помимо ввода входных данных (доступных через `this.props`), компонент поддерживает внутренние данные состояния (доступные через `this.state`). Когда данные состояния компонента изменяются, отрендеренная разметка будет обноновлена путём повторного вызова `render()`.
+Помимо ввода входных данных (доступных через `this.props`), компонент поддерживает внутренние данные состояния (доступные через `this.state`). Когда данные состояния компонента изменяются, отрендеренная разметка будет обновлена путём повторного вызова `render()`.

From d78a703be329b5f18642913ae147e47999b68f36 Mon Sep 17 00:00:00 2001
From: Alexey Pyltsyn <lex61rus@gmail.com>
Date: Sat, 9 Feb 2019 16:12:46 +0300
Subject: [PATCH 5/5] Homepage translation fixes

---
 content/home/examples/a-component-using-external-plugins.js | 2 +-
 content/home/examples/a-simple-component.js                 | 2 +-
 content/home/examples/a-stateful-component.md               | 2 +-
 content/home/marketing/component-based.md                   | 2 +-
 content/home/marketing/declarative.md                       | 2 +-
 content/home/marketing/learn-once-write-anywhere.md         | 4 ++--
 6 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/content/home/examples/a-component-using-external-plugins.js b/content/home/examples/a-component-using-external-plugins.js
index 0a6189ad4..6759635b0 100644
--- a/content/home/examples/a-component-using-external-plugins.js
+++ b/content/home/examples/a-component-using-external-plugins.js
@@ -17,7 +17,7 @@ class MarkdownEditor extends React.Component {
   render() {
     return (
       <div className="MarkdownEditor">
-        <h3>Входные данные</h3>
+        <h3>Редактор</h3>
         <label htmlFor="markdown-content">
           Введите что-нибудь в формате Markdown
         </label>
diff --git a/content/home/examples/a-simple-component.js b/content/home/examples/a-simple-component.js
index b37b38ca4..3535e1811 100644
--- a/content/home/examples/a-simple-component.js
+++ b/content/home/examples/a-simple-component.js
@@ -9,6 +9,6 @@ class HelloMessage extends React.Component {
 }
 
 ReactDOM.render(
-  <HelloMessage name="Иван" />,
+  <HelloMessage name="Саша" />,
   document.getElementById('hello-example')
 );
\ No newline at end of file
diff --git a/content/home/examples/a-stateful-component.md b/content/home/examples/a-stateful-component.md
index 3807598a3..845b2de93 100644
--- a/content/home/examples/a-stateful-component.md
+++ b/content/home/examples/a-stateful-component.md
@@ -4,4 +4,4 @@ order: 1
 domid: timer-example
 ---
 
-Помимо ввода входных данных (доступных через `this.props`), компонент поддерживает внутренние данные состояния (доступные через `this.state`). Когда данные состояния компонента изменяются, отрендеренная разметка будет обновлена путём повторного вызова `render()`.
+Помимо ввода входных данных (доступных через `this.props`), компонент поддерживает внутренние данные состояния (доступные через `this.state`). Когда данные состояния компонента изменятся, React ещё раз вызовет `render()` и обновит отрендеренную разметку.
diff --git a/content/home/marketing/component-based.md b/content/home/marketing/component-based.md
index 9d170c74d..26711d234 100644
--- a/content/home/marketing/component-based.md
+++ b/content/home/marketing/component-based.md
@@ -3,6 +3,6 @@ title: Основан на компонентах
 order: 1
 ---
 
-Создавайте инкапсулированные компоненты с собственным состоянием, а затем объединяйте их, чтобы создать сложные пользовательские интерфейсы.
+Создавайте инкапсулированные компоненты с собственным состоянием, а затем объединяйте их в сложные пользовательские интерфейсы.
 
 Поскольку логика компонента написана на JavaScript, а не содержится в шаблонах, можно с лёгкостью передавать самые разные данные по всему приложению и держать состояние вне DOM.
diff --git a/content/home/marketing/declarative.md b/content/home/marketing/declarative.md
index b39105a21..b78db4d04 100644
--- a/content/home/marketing/declarative.md
+++ b/content/home/marketing/declarative.md
@@ -3,6 +3,6 @@ title: Декларативный
 order: 0
 ---
 
-Создавать интерактивные пользовательские интерфейсы на React — приятно и просто. Проектируете простые представления для каждого состояния приложения, а React отлично справиться с обновлением и рендером только необходимых компонентов при изменении данных.
+Создавать интерактивные пользовательские интерфейсы на React — приятно и просто. Вам достаточно описать, как части интерфейса приложения выглядят в разных состояниях. React будет своевременно их обновлять, когда данные изменяются.
 
 Декларативные представления сделают код более предсказуемым и упростят отладку.
diff --git a/content/home/marketing/learn-once-write-anywhere.md b/content/home/marketing/learn-once-write-anywhere.md
index 703346a79..15568f8d5 100644
--- a/content/home/marketing/learn-once-write-anywhere.md
+++ b/content/home/marketing/learn-once-write-anywhere.md
@@ -3,6 +3,6 @@ title: Научитесь однажды — пишите где угодно
 order: 2
 ---
 
-Мы не знаем ничего насчёт остальной части вашего технологического стека, поэтому вы можете разрабатывать новый функционал в React, не изменяя существующий код.
+Нам не нужно ничего знать про остальную часть вашего технологического стека, поэтому вы можете разрабатывать новый функционал в React, не изменяя существующий код.
 
-React также может работать на сервере с помощью Node.js, а ещё использован для разработки мобильных приложений на основе [React Native](https://facebook.github.io/react-native/).
+React также может работать на Node.js, и даже на мобильных платформах с помощью [React Native](https://facebook.github.io/react-native/).