From 11c50f801c0a08401f0988fd21e03d13420f3f6e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=D0=92=D0=BB=D0=B0=D0=B4=D0=B8=D0=BC=D0=B8=D1=80?=
 <dopustimvladimir@gmail.com>
Date: Fri, 22 Feb 2019 02:18:57 +0600
Subject: [PATCH 01/11] Translate React Without ES6

---
 content/docs/react-without-es6.md | 70 +++++++++++++++----------------
 1 file changed, 34 insertions(+), 36 deletions(-)

diff --git a/content/docs/react-without-es6.md b/content/docs/react-without-es6.md
index 8b54d0981..290ff75e7 100644
--- a/content/docs/react-without-es6.md
+++ b/content/docs/react-without-es6.md
@@ -1,10 +1,10 @@
 ---
 id: react-without-es6
-title: React Without ES6
+title: React без ES6
 permalink: docs/react-without-es6.html
 ---
 
-Normally you would define a React component as a plain JavaScript class:
+Обычно компонент React определяется как простой JavaScript-класс:
 
 ```javascript
 class Greeting extends React.Component {
@@ -14,8 +14,7 @@ class Greeting extends React.Component {
 }
 ```
 
-If you don't use ES6 yet, you may use the `create-react-class` module instead:
-
+Если вы еще не работаете с ES6, то можете использовать модуль `create-react-class`:
 
 ```javascript
 var createReactClass = require('create-react-class');
@@ -26,11 +25,11 @@ var Greeting = createReactClass({
 });
 ```
 
-The API of ES6 classes is similar to `createReactClass()` with a few exceptions.
+API ES6-классов похож на `createReactClass()` за некоторыми исключениями.
 
-## Declaring Default Props {#declaring-default-props}
+## Объявление свойств компонента
 
-With functions and ES6 classes `defaultProps` is defined as a property on the component itself:
+С помощью функций и классов ES6 `defaultProps` определяется как свойство самого компонента:
 
 ```javascript
 class Greeting extends React.Component {
@@ -42,7 +41,7 @@ Greeting.defaultProps = {
 };
 ```
 
-With `createReactClass()`, you need to define `getDefaultProps()` as a function on the passed object:
+При использовании `createReactClass()` вам нужно определить метод `getDefaultProps()` в переданном объекте:
 
 ```javascript
 var Greeting = createReactClass({
@@ -57,9 +56,9 @@ var Greeting = createReactClass({
 });
 ```
 
-## Setting the Initial State {#setting-the-initial-state}
+## Установка начального состояния
 
-In ES6 classes, you can define the initial state by assigning `this.state` in the constructor:
+В ES6-классах вы можете определять начальное состояние через `this.state` в конструкторе:
 
 ```javascript
 class Counter extends React.Component {
@@ -71,7 +70,7 @@ class Counter extends React.Component {
 }
 ```
 
-With `createReactClass()`, you have to provide a separate `getInitialState` method that returns the initial state:
+При использовании `createReactClass()` вам придется отдельно реализовать метод `getInitialState`, который возвращает начальное состояние:
 
 ```javascript
 var Counter = createReactClass({
@@ -82,16 +81,16 @@ var Counter = createReactClass({
 });
 ```
 
-## Autobinding {#autobinding}
+## Автоматическая привязка
 
-In React components declared as ES6 classes, methods follow the same semantics as regular ES6 classes. This means that they don't automatically bind `this` to the instance. You'll have to explicitly use `.bind(this)` in the constructor:
+В компонентах React, объявленных как классы ES6, методы следуют той же семантике, что и обычные классы ES6. Это означает, что они сами по себе не связывают `this` с экземпляром. Вам придется явно использовать `.bind(this)` в конструкторе:
 
 ```javascript
 class SayHello extends React.Component {
   constructor(props) {
     super(props);
     this.state = {message: 'Hello!'};
-    // This line is important!
+    // Эта строка важна!
     this.handleClick = this.handleClick.bind(this);
   }
 
@@ -100,7 +99,7 @@ class SayHello extends React.Component {
   }
 
   render() {
-    // Because `this.handleClick` is bound, we can use it as an event handler.
+    // Мы можем использовать `this.handleClick` как обработчик событий, потому что он привязан
     return (
       <button onClick={this.handleClick}>
         Say hello
@@ -110,7 +109,7 @@ class SayHello extends React.Component {
 }
 ```
 
-With `createReactClass()`, this is not necessary because it binds all methods:
+Если вы используете `createReactClass()`, то это необязательно, так как все методы будут связаны:
 
 ```javascript
 var SayHello = createReactClass({
@@ -132,10 +131,9 @@ var SayHello = createReactClass({
 });
 ```
 
-This means writing ES6 classes comes with a little more boilerplate code for event handlers, but the upside is slightly better performance in large applications.
-
-If the boilerplate code is too unattractive to you, you may enable the **experimental** [Class Properties](https://babeljs.io/docs/plugins/transform-class-properties/) syntax proposal with Babel:
+Это означает, что классы ES6 пишутся с чуть более универсальным кодом для обработчиков событий, при этом производительность громоздких приложений немного выше.
 
+Если универсальный код для вас слишком неприглядный, вы можете включить **экспериментальный** [Class Properties](https://babeljs.io/docs/plugins/transform-class-properties/) синтаксис от Babel:
 
 ```javascript
 class SayHello extends React.Component {
@@ -143,8 +141,8 @@ class SayHello extends React.Component {
     super(props);
     this.state = {message: 'Hello!'};
   }
-  // WARNING: this syntax is experimental!
-  // Using an arrow here binds the method:
+  // ВНИМАНИЕ! Этот синтаксис экспериментальный!
+  // Использование стрелки здесь связывает метод:
   handleClick = () => {
     alert(this.state.message);
   }
@@ -159,27 +157,27 @@ class SayHello extends React.Component {
 }
 ```
 
-Please note that the syntax above is **experimental** and the syntax may change, or the proposal might not make it into the language.
+Обратите внимание, что приведенный выше синтаксис является **экспериментальным** и может измениться, возможно это предложение не станет стандартом.
 
-If you'd rather play it safe, you have a few options:
+Если вы предпочитаете безопасный вариант, у вас их несколько:
 
-* Bind methods in the constructor.
-* Use arrow functions, e.g. `onClick={(e) => this.handleClick(e)}`.
-* Keep using `createReactClass`.
+* Привязывайте методы в конструкторе.
+* Используйте стрелочные функции, напр. `onClick={(e) => this.handleClick(e)}`.
+* Продолжайте использовать `createReactClass`.
 
-## Mixins {#mixins}
+## Примешивания
 
->**Note:**
+>**Примечание:**
 >
->ES6 launched without any mixin support. Therefore, there is no support for mixins when you use React with ES6 classes.
+>ES6 запущен без поддержки примешиваний. Поэтому нет никакой поддержки примешиваний когда вы используете React с классами ES6.
 >
->**We also found numerous issues in codebases using mixins, [and don't recommend using them in the new code](/blog/2016/07/13/mixins-considered-harmful.html).**
+>**Кроме того, мы нашли множество проблем в кодовых базах, используя примешивания, [и не рекомендуем использовать их в коде](/blog/2016/07/13/mixins-considered-harmful.html).**
 >
->This section exists only for the reference.
+>Этот раздел существует только для справки.
 
-Sometimes very different components may share some common functionality. These are sometimes called [cross-cutting concerns](https://en.wikipedia.org/wiki/Cross-cutting_concern). `createReactClass` lets you use a legacy `mixins` system for that.
+Иногда очень разные компоненты могут иметь общую функциональность. Эти проблемы иногда называют [межсекторальными](https://en.wikipedia.org/wiki/Cross-cutting_concern). `createReactClass` позволяет использовать для этого устаревшую систему `mixins`.
 
-One common use case is a component wanting to update itself on a time interval. It's easy to use `setInterval()`, but it's important to cancel your interval when you don't need it anymore to save memory. React provides [lifecycle methods](/docs/react-component.html#the-component-lifecycle) that let you know when a component is about to be created or destroyed. Let's create a simple mixin that uses these methods to provide an easy `setInterval()` function that will automatically get cleaned up when your component is destroyed.
+Одним из распространенных вариантов использования — когда вы собираетесь обновлять компонент через какой-то промежуток времени. Можно просто использовать `setInterval()`, но важно отменить процесс, когда он больше не нужен, для экономии памяти. React предоставляет [методы жизненного цикла](/docs/react-component.html#the-component-lifecycle), которые позволяют узнать, когда компонент будет создан или уничтожен. Давайте создадим простое примешивание, которое использует эти методы, для простой функции `setInterval()`, чтобы автоматически очищать мусор при удалении вашего компонента.
 
 ```javascript
 var SetIntervalMixin = {
@@ -197,12 +195,12 @@ var SetIntervalMixin = {
 var createReactClass = require('create-react-class');
 
 var TickTock = createReactClass({
-  mixins: [SetIntervalMixin], // Use the mixin
+  mixins: [SetIntervalMixin], // Использовать примешивание
   getInitialState: function() {
     return {seconds: 0};
   },
   componentDidMount: function() {
-    this.setInterval(this.tick, 1000); // Call a method on the mixin
+    this.setInterval(this.tick, 1000); // Вызвать метод на примешивании
   },
   tick: function() {
     this.setState({seconds: this.state.seconds + 1});
@@ -222,4 +220,4 @@ ReactDOM.render(
 );
 ```
 
-If a component is using multiple mixins and several mixins define the same lifecycle method (i.e. several mixins want to do some cleanup when the component is destroyed), all of the lifecycle methods are guaranteed to be called. Methods defined on mixins run in the order mixins were listed, followed by a method call on the component.
+Если компонент использует несколько примешиваний и они определяют один и тот же метод жизненного цикла (т.е. хотят выполнить некоторую очистку при уничтожении компонента), все методы жизненного цикла гарантированно будут вызваны. Методы, определенные на примешиваниях, запускаются по порядку, после вызова метода на компоненте.

From 5073d0709921632a2b42c5584337e985c398ac71 Mon Sep 17 00:00:00 2001
From: Vladimir <dopustimvladimir@gmail.com>
Date: Mon, 25 Feb 2019 00:04:12 +0600
Subject: [PATCH 02/11] =?UTF-8?q?Let=20some=20"e"=20to=20be=20"=D1=91"?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 content/docs/react-without-es6.md | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/content/docs/react-without-es6.md b/content/docs/react-without-es6.md
index 290ff75e7..bac27387b 100644
--- a/content/docs/react-without-es6.md
+++ b/content/docs/react-without-es6.md
@@ -14,7 +14,7 @@ class Greeting extends React.Component {
 }
 ```
 
-Если вы еще не работаете с ES6, то можете использовать модуль `create-react-class`:
+Если вы ещё не работаете с ES6, то можете использовать модуль `create-react-class`:
 
 ```javascript
 var createReactClass = require('create-react-class');
@@ -70,7 +70,7 @@ class Counter extends React.Component {
 }
 ```
 
-При использовании `createReactClass()` вам придется отдельно реализовать метод `getInitialState`, который возвращает начальное состояние:
+При использовании `createReactClass()` вам придётся отдельно реализовать метод `getInitialState`, который возвращает начальное состояние:
 
 ```javascript
 var Counter = createReactClass({
@@ -83,7 +83,7 @@ var Counter = createReactClass({
 
 ## Автоматическая привязка
 
-В компонентах React, объявленных как классы ES6, методы следуют той же семантике, что и обычные классы ES6. Это означает, что они сами по себе не связывают `this` с экземпляром. Вам придется явно использовать `.bind(this)` в конструкторе:
+В компонентах React, объявленных как классы ES6, методы следуют той же семантике, что и обычные классы ES6. Это означает, что они сами по себе не связывают `this` с экземпляром. Вам придётся явно использовать `.bind(this)` в конструкторе:
 
 ```javascript
 class SayHello extends React.Component {
@@ -157,7 +157,7 @@ class SayHello extends React.Component {
 }
 ```
 
-Обратите внимание, что приведенный выше синтаксис является **экспериментальным** и может измениться, возможно это предложение не станет стандартом.
+Обратите внимание, что приведённый выше синтаксис является **экспериментальным** и может измениться, возможно это предложение не станет стандартом.
 
 Если вы предпочитаете безопасный вариант, у вас их несколько:
 

From e856d522e905482a1ba18d7f39cde2dd01eabe20 Mon Sep 17 00:00:00 2001
From: Vladimir <dopustimvladimir@gmail.com>
Date: Mon, 25 Feb 2019 00:09:32 +0600
Subject: [PATCH 03/11] =?UTF-8?q?Let=20"mixin"=20to=20be=20"=D0=BF=D1=80?=
 =?UTF-8?q?=D0=B8=D0=BC=D0=B5=D1=81=D1=8C"?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 content/docs/react-without-es6.md | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/content/docs/react-without-es6.md b/content/docs/react-without-es6.md
index bac27387b..ea1bfca2c 100644
--- a/content/docs/react-without-es6.md
+++ b/content/docs/react-without-es6.md
@@ -165,19 +165,19 @@ class SayHello extends React.Component {
 * Используйте стрелочные функции, напр. `onClick={(e) => this.handleClick(e)}`.
 * Продолжайте использовать `createReactClass`.
 
-## Примешивания
+## Примеси
 
 >**Примечание:**
 >
->ES6 запущен без поддержки примешиваний. Поэтому нет никакой поддержки примешиваний когда вы используете React с классами ES6.
+>ES6 запущен без поддержки примесей. Поэтому нет никакой поддержки примесей когда вы используете React с классами ES6.
 >
->**Кроме того, мы нашли множество проблем в кодовых базах, используя примешивания, [и не рекомендуем использовать их в коде](/blog/2016/07/13/mixins-considered-harmful.html).**
+>**Кроме того, мы нашли множество проблем в кодовых базах, используя примеси, [и не рекомендуем использовать их в коде](/blog/2016/07/13/mixins-considered-harmful.html).**
 >
 >Этот раздел существует только для справки.
 
 Иногда очень разные компоненты могут иметь общую функциональность. Эти проблемы иногда называют [межсекторальными](https://en.wikipedia.org/wiki/Cross-cutting_concern). `createReactClass` позволяет использовать для этого устаревшую систему `mixins`.
 
-Одним из распространенных вариантов использования — когда вы собираетесь обновлять компонент через какой-то промежуток времени. Можно просто использовать `setInterval()`, но важно отменить процесс, когда он больше не нужен, для экономии памяти. React предоставляет [методы жизненного цикла](/docs/react-component.html#the-component-lifecycle), которые позволяют узнать, когда компонент будет создан или уничтожен. Давайте создадим простое примешивание, которое использует эти методы, для простой функции `setInterval()`, чтобы автоматически очищать мусор при удалении вашего компонента.
+Одним из распространенных вариантов использования — когда вы собираетесь обновлять компонент через какой-то промежуток времени. Можно просто использовать `setInterval()`, но важно отменить процесс, когда он больше не нужен, для экономии памяти. React предоставляет [методы жизненного цикла](/docs/react-component.html#the-component-lifecycle), которые позволяют узнать, когда компонент будет создан или уничтожен. Давайте создадим простую примесь, которое использует эти методы, для простой функции `setInterval()`, чтобы автоматически очищать мусор при удалении вашего компонента.
 
 ```javascript
 var SetIntervalMixin = {
@@ -195,12 +195,12 @@ var SetIntervalMixin = {
 var createReactClass = require('create-react-class');
 
 var TickTock = createReactClass({
-  mixins: [SetIntervalMixin], // Использовать примешивание
+  mixins: [SetIntervalMixin], // Использовать примесь
   getInitialState: function() {
     return {seconds: 0};
   },
   componentDidMount: function() {
-    this.setInterval(this.tick, 1000); // Вызвать метод на примешивании
+    this.setInterval(this.tick, 1000); // Вызвать метод на примеси
   },
   tick: function() {
     this.setState({seconds: this.state.seconds + 1});
@@ -220,4 +220,4 @@ ReactDOM.render(
 );
 ```
 
-Если компонент использует несколько примешиваний и они определяют один и тот же метод жизненного цикла (т.е. хотят выполнить некоторую очистку при уничтожении компонента), все методы жизненного цикла гарантированно будут вызваны. Методы, определенные на примешиваниях, запускаются по порядку, после вызова метода на компоненте.
+Если компонент использует несколько примесей и они определяют один и тот же метод жизненного цикла (т.е. хотят выполнить некоторую очистку при уничтожении компонента), все методы жизненного цикла гарантированно будут вызваны. Методы, определенные на примесях, запускаются по порядку, после вызова метода на компоненте.

From 77aa335ddaebeb32f1a0b288e5cb59f74fa611e7 Mon Sep 17 00:00:00 2001
From: Vladimir <dopustimvladimir@gmail.com>
Date: Mon, 25 Feb 2019 00:14:03 +0600
Subject: [PATCH 04/11] =?UTF-8?q?Let=20"cross-cutting=20concerns"=20to=20b?=
 =?UTF-8?q?e=20"c=D0=BA=D0=B2=D0=BE=D0=B7=D0=BD=D0=B0=D1=8F=20=D1=84..."?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 content/docs/react-without-es6.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/content/docs/react-without-es6.md b/content/docs/react-without-es6.md
index ea1bfca2c..c236fbf31 100644
--- a/content/docs/react-without-es6.md
+++ b/content/docs/react-without-es6.md
@@ -175,7 +175,7 @@ class SayHello extends React.Component {
 >
 >Этот раздел существует только для справки.
 
-Иногда очень разные компоненты могут иметь общую функциональность. Эти проблемы иногда называют [межсекторальными](https://en.wikipedia.org/wiki/Cross-cutting_concern). `createReactClass` позволяет использовать для этого устаревшую систему `mixins`.
+Иногда очень разные компоненты могут иметь общую функциональность. Иногда это называют [cквозной функциональностью](https://en.wikipedia.org/wiki/Cross-cutting_concern). `createReactClass` позволяет использовать для этого устаревшую систему `mixins`.
 
 Одним из распространенных вариантов использования — когда вы собираетесь обновлять компонент через какой-то промежуток времени. Можно просто использовать `setInterval()`, но важно отменить процесс, когда он больше не нужен, для экономии памяти. React предоставляет [методы жизненного цикла](/docs/react-component.html#the-component-lifecycle), которые позволяют узнать, когда компонент будет создан или уничтожен. Давайте создадим простую примесь, которое использует эти методы, для простой функции `setInterval()`, чтобы автоматически очищать мусор при удалении вашего компонента.
 

From d1d8062b8acec155fd50d1fdf43424ebb1ebc04a Mon Sep 17 00:00:00 2001
From: Vladimir <dopustimvladimir@gmail.com>
Date: Mon, 25 Feb 2019 00:23:35 +0600
Subject: [PATCH 05/11] Correct comment about arrow

---
 content/docs/react-without-es6.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/content/docs/react-without-es6.md b/content/docs/react-without-es6.md
index c236fbf31..dbcf1f2a8 100644
--- a/content/docs/react-without-es6.md
+++ b/content/docs/react-without-es6.md
@@ -142,7 +142,7 @@ class SayHello extends React.Component {
     this.state = {message: 'Hello!'};
   }
   // ВНИМАНИЕ! Этот синтаксис экспериментальный!
-  // Использование стрелки здесь связывает метод:
+  // Здесь стрелочная функция выполняет привязку:
   handleClick = () => {
     alert(this.state.message);
   }

From 3262819734532f1836c3f62f2afb5adcaedb1a97 Mon Sep 17 00:00:00 2001
From: Vladimir <dopustimvladimir@gmail.com>
Date: Mon, 25 Feb 2019 00:25:10 +0600
Subject: [PATCH 06/11] Add missing anchors

---
 content/docs/react-without-es6.md | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/content/docs/react-without-es6.md b/content/docs/react-without-es6.md
index dbcf1f2a8..ac64b3156 100644
--- a/content/docs/react-without-es6.md
+++ b/content/docs/react-without-es6.md
@@ -27,7 +27,7 @@ var Greeting = createReactClass({
 
 API ES6-классов похож на `createReactClass()` за некоторыми исключениями.
 
-## Объявление свойств компонента
+## Объявление свойств компонента {#declaring-default-props}
 
 С помощью функций и классов ES6 `defaultProps` определяется как свойство самого компонента:
 
@@ -56,7 +56,7 @@ var Greeting = createReactClass({
 });
 ```
 
-## Установка начального состояния
+## Установка начального состояния {#setting-the-initial-state}
 
 В ES6-классах вы можете определять начальное состояние через `this.state` в конструкторе:
 
@@ -81,7 +81,7 @@ var Counter = createReactClass({
 });
 ```
 
-## Автоматическая привязка
+## Автоматическая привязка {#autobinding}
 
 В компонентах React, объявленных как классы ES6, методы следуют той же семантике, что и обычные классы ES6. Это означает, что они сами по себе не связывают `this` с экземпляром. Вам придётся явно использовать `.bind(this)` в конструкторе:
 
@@ -165,7 +165,7 @@ class SayHello extends React.Component {
 * Используйте стрелочные функции, напр. `onClick={(e) => this.handleClick(e)}`.
 * Продолжайте использовать `createReactClass`.
 
-## Примеси
+## Примеси {#mixins}
 
 >**Примечание:**
 >

From 6ccfdc810266775b0cf3eeb6621969eee27bca53 Mon Sep 17 00:00:00 2001
From: Leonid Fedorov <lfedorov@live.com>
Date: Mon, 25 Feb 2019 14:46:56 +0600
Subject: [PATCH 07/11] =?UTF-8?q?Let=20"=D0=BE=D0=BF=D1=80=D0=B5=D0=B4?=
 =?UTF-8?q?=D0=B5=D0=BB=D0=B5=D0=BD=D0=BD=D1=8B=D0=B5"=20to=20be=20"=D0=BE?=
 =?UTF-8?q?=D0=BF=D1=80=D0=B5=D0=B4=D0=B5=D0=BB=D1=91=D0=BD=D0=BD=D1=8B?=
 =?UTF-8?q?=D0=B5"?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-Authored-By: DopustimVladimir <dopustimvladimir@gmail.com>
---
 content/docs/react-without-es6.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/content/docs/react-without-es6.md b/content/docs/react-without-es6.md
index ac64b3156..a76a90e39 100644
--- a/content/docs/react-without-es6.md
+++ b/content/docs/react-without-es6.md
@@ -220,4 +220,4 @@ ReactDOM.render(
 );
 ```
 
-Если компонент использует несколько примесей и они определяют один и тот же метод жизненного цикла (т.е. хотят выполнить некоторую очистку при уничтожении компонента), все методы жизненного цикла гарантированно будут вызваны. Методы, определенные на примесях, запускаются по порядку, после вызова метода на компоненте.
+Если компонент использует несколько примесей и они определяют один и тот же метод жизненного цикла (т.е. хотят выполнить некоторую очистку при уничтожении компонента), все методы жизненного цикла гарантированно будут вызваны. Методы, определённые на примесях, запускаются по порядку, после вызова метода на компоненте.

From 0733ca26da6d45b8ff5b3912e79be78aa7ca279d Mon Sep 17 00:00:00 2001
From: Alexey Pyltsyn <lex61rus@gmail.com>
Date: Thu, 28 Feb 2019 10:00:58 +0600
Subject: [PATCH 08/11] Lexical changes

Co-Authored-By: DopustimVladimir <dopustimvladimir@gmail.com>
---
 content/docs/react-without-es6.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/content/docs/react-without-es6.md b/content/docs/react-without-es6.md
index a76a90e39..95dbbcd60 100644
--- a/content/docs/react-without-es6.md
+++ b/content/docs/react-without-es6.md
@@ -133,7 +133,7 @@ var SayHello = createReactClass({
 
 Это означает, что классы ES6 пишутся с чуть более универсальным кодом для обработчиков событий, при этом производительность громоздких приложений немного выше.
 
-Если универсальный код для вас слишком неприглядный, вы можете включить **экспериментальный** [Class Properties](https://babeljs.io/docs/plugins/transform-class-properties/) синтаксис от Babel:
+Если универсальный код для вас слишком неприглядный, вы можете включить **экспериментальный** синтаксис [свойств класса](https://babeljs.io/docs/plugins/transform-class-properties/) с помощью Babel:
 
 ```javascript
 class SayHello extends React.Component {

From 5666ba48bf2d445b3770da61c1afc922fdcd9c32 Mon Sep 17 00:00:00 2001
From: Alexey Pyltsyn <lex61rus@gmail.com>
Date: Thu, 28 Feb 2019 10:01:16 +0600
Subject: [PATCH 09/11] Lexical changes

Co-Authored-By: DopustimVladimir <dopustimvladimir@gmail.com>
---
 content/docs/react-without-es6.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/content/docs/react-without-es6.md b/content/docs/react-without-es6.md
index 95dbbcd60..d98da459c 100644
--- a/content/docs/react-without-es6.md
+++ b/content/docs/react-without-es6.md
@@ -162,7 +162,7 @@ class SayHello extends React.Component {
 Если вы предпочитаете безопасный вариант, у вас их несколько:
 
 * Привязывайте методы в конструкторе.
-* Используйте стрелочные функции, напр. `onClick={(e) => this.handleClick(e)}`.
+* Используйте стрелочные функции, например, `onClick={(e) => this.handleClick(e)}`.
 * Продолжайте использовать `createReactClass`.
 
 ## Примеси {#mixins}

From b285eb93dd49710b280627931101bd406e3b88bf Mon Sep 17 00:00:00 2001
From: Alexey Pyltsyn <lex61rus@gmail.com>
Date: Thu, 28 Feb 2019 07:05:30 +0300
Subject: [PATCH 10/11] react-without-es6: improvements

---
 content/docs/react-without-es6.md | 22 +++++++++++-----------
 1 file changed, 11 insertions(+), 11 deletions(-)

diff --git a/content/docs/react-without-es6.md b/content/docs/react-without-es6.md
index d98da459c..9f00d0962 100644
--- a/content/docs/react-without-es6.md
+++ b/content/docs/react-without-es6.md
@@ -9,7 +9,7 @@ permalink: docs/react-without-es6.html
 ```javascript
 class Greeting extends React.Component {
   render() {
-    return <h1>Hello, {this.props.name}</h1>;
+    return <h1>Привет, {this.props.name}</h1>;
   }
 }
 ```
@@ -20,7 +20,7 @@ class Greeting extends React.Component {
 var createReactClass = require('create-react-class');
 var Greeting = createReactClass({
   render: function() {
-    return <h1>Hello, {this.props.name}</h1>;
+    return <h1>Привет, {this.props.name}</h1>;
   }
 });
 ```
@@ -37,7 +37,7 @@ class Greeting extends React.Component {
 }
 
 Greeting.defaultProps = {
-  name: 'Mary'
+  name: 'Лиза'
 };
 ```
 
@@ -47,7 +47,7 @@ Greeting.defaultProps = {
 var Greeting = createReactClass({
   getDefaultProps: function() {
     return {
-      name: 'Mary'
+      name: 'Лиза'
     };
   },
 
@@ -89,7 +89,7 @@ var Counter = createReactClass({
 class SayHello extends React.Component {
   constructor(props) {
     super(props);
-    this.state = {message: 'Hello!'};
+    this.state = {message: 'Привет!'};
     // Эта строка важна!
     this.handleClick = this.handleClick.bind(this);
   }
@@ -102,7 +102,7 @@ class SayHello extends React.Component {
     // Мы можем использовать `this.handleClick` как обработчик событий, потому что он привязан
     return (
       <button onClick={this.handleClick}>
-        Say hello
+        Поздороваться
       </button>
     );
   }
@@ -114,7 +114,7 @@ class SayHello extends React.Component {
 ```javascript
 var SayHello = createReactClass({
   getInitialState: function() {
-    return {message: 'Hello!'};
+    return {message: 'Привет!'};
   },
 
   handleClick: function() {
@@ -124,7 +124,7 @@ var SayHello = createReactClass({
   render: function() {
     return (
       <button onClick={this.handleClick}>
-        Say hello
+        Поздороваться
       </button>
     );
   }
@@ -139,7 +139,7 @@ var SayHello = createReactClass({
 class SayHello extends React.Component {
   constructor(props) {
     super(props);
-    this.state = {message: 'Hello!'};
+    this.state = {message: 'Привет!'};
   }
   // ВНИМАНИЕ! Этот синтаксис экспериментальный!
   // Здесь стрелочная функция выполняет привязку:
@@ -150,7 +150,7 @@ class SayHello extends React.Component {
   render() {
     return (
       <button onClick={this.handleClick}>
-        Say hello
+        Поздороваться
       </button>
     );
   }
@@ -208,7 +208,7 @@ var TickTock = createReactClass({
   render: function() {
     return (
       <p>
-        React has been running for {this.state.seconds} seconds.
+        React был выполнен за {this.state.seconds} секунд.
       </p>
     );
   }

From 783dc1e1574f49732c70efda1bc99e1c65996830 Mon Sep 17 00:00:00 2001
From: ANOTHER GUY <another-guy@users.noreply.github.com>
Date: Fri, 1 Mar 2019 14:33:56 -0800
Subject: [PATCH 11/11] Update react-without-es6.md

---
 content/docs/react-without-es6.md | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/content/docs/react-without-es6.md b/content/docs/react-without-es6.md
index 9f00d0962..662a34b4c 100644
--- a/content/docs/react-without-es6.md
+++ b/content/docs/react-without-es6.md
@@ -27,7 +27,7 @@ var Greeting = createReactClass({
 
 API ES6-классов похож на `createReactClass()` за некоторыми исключениями.
 
-## Объявление свойств компонента {#declaring-default-props}
+## Объявление пропсов по умолчанию {#declaring-default-props}
 
 С помощью функций и классов ES6 `defaultProps` определяется как свойство самого компонента:
 
@@ -131,7 +131,7 @@ var SayHello = createReactClass({
 });
 ```
 
-Это означает, что классы ES6 пишутся с чуть более универсальным кодом для обработчиков событий, при этом производительность громоздких приложений немного выше.
+Это означает, что ES6 классы пишутся с чуть большим количеством однообразного кода для обработчиков событий, зато производительность громоздких приложений немного возрастает.
 
 Если универсальный код для вас слишком неприглядный, вы можете включить **экспериментальный** синтаксис [свойств класса](https://babeljs.io/docs/plugins/transform-class-properties/) с помощью Babel:
 
@@ -157,9 +157,9 @@ class SayHello extends React.Component {
 }
 ```
 
-Обратите внимание, что приведённый выше синтаксис является **экспериментальным** и может измениться, возможно это предложение не станет стандартом.
+Обратите внимание, что приведённый выше синтаксис является **экспериментальным** и может измениться. Возможно, предложенный синтаксис не войдёт в стандарт.
 
-Если вы предпочитаете безопасный вариант, у вас их несколько:
+Существует несколько безопасных вариантов:
 
 * Привязывайте методы в конструкторе.
 * Используйте стрелочные функции, например, `onClick={(e) => this.handleClick(e)}`.
@@ -169,7 +169,7 @@ class SayHello extends React.Component {
 
 >**Примечание:**
 >
->ES6 запущен без поддержки примесей. Поэтому нет никакой поддержки примесей когда вы используете React с классами ES6.
+>ES6 запущен без поддержки примесей. Поэтому React не поддерживает примеси с классами ES6.
 >
 >**Кроме того, мы нашли множество проблем в кодовых базах, используя примеси, [и не рекомендуем использовать их в коде](/blog/2016/07/13/mixins-considered-harmful.html).**
 >
@@ -177,7 +177,7 @@ class SayHello extends React.Component {
 
 Иногда очень разные компоненты могут иметь общую функциональность. Иногда это называют [cквозной функциональностью](https://en.wikipedia.org/wiki/Cross-cutting_concern). `createReactClass` позволяет использовать для этого устаревшую систему `mixins`.
 
-Одним из распространенных вариантов использования — когда вы собираетесь обновлять компонент через какой-то промежуток времени. Можно просто использовать `setInterval()`, но важно отменить процесс, когда он больше не нужен, для экономии памяти. React предоставляет [методы жизненного цикла](/docs/react-component.html#the-component-lifecycle), которые позволяют узнать, когда компонент будет создан или уничтожен. Давайте создадим простую примесь, которое использует эти методы, для простой функции `setInterval()`, чтобы автоматически очищать мусор при удалении вашего компонента.
+Одним из распространенных вариантов использования — когда вы собираетесь обновлять компонент через какой-то промежуток времени. Можно просто использовать `setInterval()`, но важно отменить процесс, когда он больше не нужен, чтобы сэкономить память. React предоставляет [методы жизненного цикла](/docs/react-component.html#the-component-lifecycle), которые позволяют узнать, когда компонент будет создан или уничтожен. Давайте применим эти методы и создадим небольшую примесь, которая предоставляет функцию `setInterval()` и автоматически очищает мусор, когда компонент уничтожается.
 
 ```javascript
 var SetIntervalMixin = {
@@ -220,4 +220,4 @@ ReactDOM.render(
 );
 ```
 
-Если компонент использует несколько примесей и они определяют один и тот же метод жизненного цикла (т.е. хотят выполнить некоторую очистку при уничтожении компонента), все методы жизненного цикла гарантированно будут вызваны. Методы, определённые на примесях, запускаются по порядку, после вызова метода на компоненте.
+Если компонент использует несколько примесей и они определяют один и тот же метод жизненного цикла (т.е. хотят выполнить некоторую очистку при уничтожении компонента), все методы жизненного цикла гарантированно будут вызваны. Методы, определённые на примесях, запускаются в том порядке, в котором они перечислены, а затем вызывается метод самого компонента.