Rewrite complex sentences, again

Author: agoldis

content/docs/state-and-lifecycle.md

@@ -10,7 +10,7 @@ next: handling-events.html
 
 На этой странице представлены понятия «состояние» (state) и «жизненный цикл» (lifecycle) React-компонентов. Подробный [справочник API компонентов находится по этой ссылке](/docs/react-component.html).
 
-В качестве примера рассмотрим идущие часы из [предыдущего раздела](/docs/rendering-elements.html#updating-the-rendered-element). В главе [Рендeринг элементов](/docs/rendering-elements.html#rendering-an-element-into-the-dom) мы изучили лишь один способ обновления UI — вызвать `ReactDOM.render()` для изменения результата рендера:
+В качестве примера рассмотрим идущие часы из [предыдущего раздела](/docs/rendering-elements.html#updating-the-rendered-element). В главе [Рендeринг элементов](/docs/rendering-elements.html#rendering-an-element-into-the-dom) мы научились обновлять UI только одним способом — вызовом `ReactDOM.render()`:
 
 ```js{8-11}
 function tick() {
@@ -31,7 +31,7 @@ setInterval(tick, 1000);
 
 [**Посмотреть на CodePen**](http://codepen.io/gaearon/pen/gwoJZk?editors=0010)
 
-В этой главе мы узнаем, как инкапсулировать и обеспечить многократное использование компонента `Clock`. Компонент самостоятельно создаст свой собственный таймер и будет самообновляться раз в секунду.
+В этой главе мы узнаем, как инкапсулировать и обеспечить многократное использование компонента `Clock`. Компонент самостоятельно установит свой собственный таймер и будет обновляться раз в секунду.
 
 Для начала, извлечём компонент, показывающий время:
 
@@ -70,7 +70,7 @@ ReactDOM.render(
 
 Для этого добавим так называемое «состояние» (state) в компонент `Clock`.
 
-«Состояние» очень похоже на уже знакомые нам пропсы (props), отличие в том, что состояние контролируется и доступно только конкретному компоненту.
+«Состояние» очень похоже на уже знакомые нам пропсы, отличие в том, что состояние контролируется и доступно только конкретному компоненту.
 
 Мы [уже упоминали](/docs/components-and-props.html#functional-and-class-components), что классовые компоненты обладают дополнительными способностями. Локальное «состояние» — одна из таких способностей, которое доступно только классовым компнентам.
 
@@ -197,17 +197,17 @@ ReactDOM.render(
 
 [**Посмотреть на CodePen**](http://codepen.io/gaearon/pen/KgQpJd?editors=0010)
 
-Теперь осталось только создать собственный таймер внутри `Clock` и обновлять компонент каждую секунду.
+Теперь осталось только установить собственный таймер внутри `Clock` и обновлять компонент каждую секунду.
 
 ## Добавим методы жизненного цикла в класс {#adding-lifecycle-methods-to-a-class}
 
 В приложениях с множеством компонентов очень важно освобождать используемые системные ресурсы когда компоненты удаляются.
 
-Первоначальный рендеринг компонента в DOM называется «монтирование» (установка). Нам нужно [создавать таймер](https://developer.mozilla.org/en-US/docs/Web/API/WindowTimers/setInterval) всякий раз, когда это происходит.
+Первоначальный рендеринг компонента в DOM называется «монтирование» (установка). Нам нужно [устанавливать таймер](https://developer.mozilla.org/en-US/docs/Web/API/WindowTimers/setInterval) всякий раз, когда это происходит.
 
-Каждый раз когда DOM-узел, созданный компонентом, удаляется, просходит то, что мы называем «размонтирование». Учитывая важность сохранения ресурсов, мы будем [сбрасывать таймер](https://developer.mozilla.org/en-US/docs/Web/API/WindowTimers/clearInterval) при каждой «размонтировке».
+Каждый раз когда DOM-узел, созданный компонентом, удаляется, просходит то, что мы называем «размонтирование». Учитывая важность сохранения ресурсов, мы будем [сбрасывать таймер](https://developer.mozilla.org/en-US/docs/Web/API/WindowTimers/clearInterval) при каждом «размонтировании».
 
-Объявим специальные методы, которые компонент будет вызывать при монтировнии и размонтировании:
+Объявим специальные методы, которые компонент будет вызывать при монтировании и размонтировании:
 
 ```js{7-9,11-13}
 class Clock extends React.Component {
@@ -237,7 +237,7 @@ class Clock extends React.Component {
 
 Эти методы называются «методами жизненного цикла» (lifecycle methods).
 
-Метод `componentDidMount()` запускается после того, как компонент отрендерился в DOM — здесь мы и создадим таймер:
+Метод `componentDidMount()` запускается после того, как компонент отрендерился в DOM — здесь мы и установим таймер:
 
 ```js{2-5}
   componentDidMount() {
@@ -252,7 +252,7 @@ class Clock extends React.Component {
 
 В классовых компонентах у полей `this.props` и `this.state` особое назначение, более того, React сам создает `this.props`. Вы можете вручную добавить новые поля (например, ID таймера), если нужно сохранить дополнительную информацию о классе.
 
-Удалим таймер в методе жизненного цикла `componentWillUnmount()`:
+Теперь нам осталось сбросить таймер в методе жизненного цикла `componentWillUnmount()`:
 
 ```js{2}
   componentWillUnmount() {
@@ -308,17 +308,17 @@ ReactDOM.render(
 
 Теперь часы обновляются каждую секунду.
 
-Давайте рассмотрим наше решение и разберем порядок, в котором вызываются методы:
+Давайте рассмотрим наше решение и разберём порядок, в котором вызываются методы:
 
 1) Когда мы передаём `<Clock />` в `ReactDOM.render()`, React вызывает конструктор компонента. `Clock` должен отображать текущее время, поэтому мы задаем начальное состояние `this.state` объектом с текущим временем.
 
-2) React вызывает метод `render()` компонента `Clock`. Таким образом React узнаёт, что отобразить на экране. Далее, React обновляет DOM так, чтобы он соответствовал выводу ренедера `Clock`.
+2) React вызывает метод `render()` компонента `Clock`. Таким образом React узнаёт, что отобразить на экране. Далее, React обновляет DOM так, чтобы он соответствовал выводу рендера `Clock`.
 
-3) Как только вывод рендера `Clock` вставлен в DOM, React вызывает метод жизненного цикла `componentDidMount()`. Внутри него компонент `Clock` указывает браузеру создать таймер, который будет вызывать `tick()` раз в секунду.
+3) Как только вывод рендера `Clock` вставлен в DOM, React вызывает метод жизненного цикла `componentDidMount()`. Внутри него компонент `Clock` указывает браузеру установить таймер, который будет вызывать `tick()` раз в секунду.
 
-4) Таймер вызывает метод `tick()` ежесекундно. Часть метода — вызов `setState()` с объектом текущего времени — таким образом компонент `Clock` планирует обновление UI. Благодаря вызову `setState()` React знает, что состояние изменилось, и снова вызывает метод `render()`, чтобы узнать, что должно отображаться на экране. На этот раз `this.state.date` в методе `render()` будет другим, рендер компонента будет включать обновлённое время и React обновит DOM соответственно.
+4) Таймер вызывает `tick()` ежесекундно. Внутри `tick()` мы меняем состояние посредством вызова `setState()` с текущим временем. React реагирует на изменение состояния и снова запускает `render()`. На этот раз `this.state.date` в методе `render()` содержит новое значение, поэтому React заменит DOM. Таким образом компонент `Clock` каждую секунду обновляет UI.
 
-5) Если компонент `Clock` когда-либо удаляется из DOM, React вызывает метод жизненного цикла `componentWillUnmount()`, таким образом таймер будет остановлен и удален.
+5) Если компонент `Clock` когда-либо удалится из DOM, React вызовет метод жизненного цикла `componentWillUnmount()` и сбросит таймер.
 
 ## Как правильно использовать состояние {#using-state-correctly}
 
@@ -415,7 +415,7 @@ this.setState(function(state, props) {
 
 ## Однонаправленный поток данных {#the-data-flows-down}
 
-В иерархии компонентов, ни родительский, ни дочерние компоненты не знают задано ли состояние другого компонента. Также не важно, как был создан определенный компонент — с помощью функции или класса. 
+В иерархии компонентов, ни родительский, ни дочерние компоненты не знают, задано ли состояние другого компонента. Также не важно, как был создан определенный компонент — с помощью функции или класса. 
 
 Состояние часто называют «локальным», «внутренним» или инкапсулированным. Оно доступно только для самого компонента и скрыто от других.
 
@@ -425,13 +425,13 @@ this.setState(function(state, props) {
 <h2>Сейчас {this.state.date.toLocaleTimeString()}.</h2>
 ```
 
-Это также верно для пользовательских компонентов:
+Своё состояние можно передать и другому пользовательскому компоненту:
 
 ```js
 <FormattedDate date={this.state.date} />
 ```
 
-Компонент `FormattedDate` получает `date` через пропсы но не знает, является ли первоисточником состояние `Clock`, пропс `Clock` или оно было передано напрямую:
+Компонент `FormattedDate` получает `date` через пропсы но не знает, является ли первоисточником состояние `Clock`, пропсы `Clock` или оно было передано напрямую:
 
 ```js
 function FormattedDate(props) {