Refine terms according to glossary

Author: agoldis

content/docs/state-and-lifecycle.md

@@ -8,9 +8,9 @@ prev: components-and-props.html
 next: handling-events.html
 ---
 
-На этой странице представлена концепция "состояния" (state) и "жизненного цикла" (lifecycle) компонентов React. Подробная [документация API компонента доступна по ссылке](/docs/react-component.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() {
@@ -29,9 +29,9 @@ function tick() {
 setInterval(tick, 1000);
 ```
 
-[**Попробовать на CodePen**](http://codepen.io/gaearon/pen/gwoJZk?editors=0010)
+[**Посмотреть на CodePen**](http://codepen.io/gaearon/pen/gwoJZk?editors=0010)
 
-В этом разделе мы узнаем, как инкаспулировать и обеспечить многократное использование компонента `Clock`. Компонент будет самостоятельно инициировать свой собственный таймер и будет самообновляться раз в секунду.
+В этом разделе мы узнаем, как инкаспулировать и обеспечить многократное использование компонента `Clock`. Компонент самостоятельно создаст свой собственный таймер и будет самообновляться раз в секунду.
 
 Начнем с инкапсуляции кода ответственного за вывод строки с текущим временем в функциональный компонент `Clock`:
 
@@ -55,11 +55,11 @@ function tick() {
 setInterval(tick, 1000);
 ```
 
-[**Попробовать на CodePen**](http://codepen.io/gaearon/pen/dpdoYR?editors=0010)
+[**Посмотреть на CodePen**](http://codepen.io/gaearon/pen/dpdoYR?editors=0010)
 
-Обратите внимание, что инциирование таймера и ежесекундное обновление интерфейса не является внутренней деталью реализации компонента `Clock`, а это одно из ключевых требований.
+Обратите внимание, что создание таймера и ежесекундное обновление интерфейса не является внутренней деталью реализации компонента `Clock`, а это одно из ключевых требований.
 
-В идеале мы бы хотели имплементировать `Clock` таким образом, чтобы компонент сам себя обновлял:
+В идеале мы бы хотели реализовать `Clock` таким образом, чтобы компонент сам себя обновлял:
 
 ```js{2}
 ReactDOM.render(
@@ -72,11 +72,11 @@ ReactDOM.render(
 
 "Состояние" очень похоже на уже знакомые нам пропс (props), отличие в том, что состояние контролируется и доступно только конкретному компоненту.
 
-Мы [уже упоминали](/docs/components-and-props.html#functional-and-class-components), что класс-компоненты обладают дополнительными свойствами. Локальное "состояние" — это одно из таких свойств, которое доступно только класс-компнентам.
+Мы [уже упоминали](/docs/components-and-props.html#functional-and-class-components), что классовые компоненты обладают дополнительными свойствами. Локальное "состояние" — это одно из таких свойств, которое доступно только классовым компнентам.
 
 ## Преобразование функции в класс {#converting-a-function-to-a-class}
 
-Давайте преобразуем функциональный компонент `Clock` в класс-компонент в 5 этапов:
+Давайте преобразуем функциональный компонент `Clock` в классовый компонент в 5 этапов:
 
 1. Создаем [ES6-класс](https://developer.mozilla.org/ru/docs/Web/JavaScript/Reference/Classes) с таким же именем, указываем `React.Component` в качестве родительского класса
 
@@ -102,12 +102,12 @@ class Clock extends React.Component {
 }
 ```
 
-[**Попробовать на CodePen**](http://codepen.io/gaearon/pen/zKRGpo?editors=0010)
+[**Посмотреть на CodePen**](http://codepen.io/gaearon/pen/zKRGpo?editors=0010)
 
 `Clock` теперь определён как класс, а не функция.
 
 
-Метод `render` будет вызываться каждый раз, когда происходит обновление. Так как мы отрисовываем `<Clock />` в один и тот же DOM-контейнер, мы используем единственный экземпляр класса `Clock` - поэтому мы можем задействовать внутреннее состояние и хуки жизненного цикла.
+Метод `render` будет вызываться каждый раз, когда происходит обновление. Так как мы рендерим `<Clock />` в один и тот же DOM-контейнер, мы используем единственный экземпляр класса `Clock` - поэтому мы можем задействовать внутреннее состояние и хуки жизненного цикла.
 
 ## Добавление локального состояния в класс {#adding-local-state-to-a-class}
 
@@ -158,7 +158,7 @@ class Clock extends React.Component {
   }
 ```
 
-Класс-компоненты всегда должны вызывать базовый конструктор с передачей ему `props`.
+Классовые компоненты всегда должны вызывать базовый конструктор с передачей ему `props`.
 
 3) Удалим проп `date` из элемента `<Clock />`:
 
@@ -196,15 +196,15 @@ ReactDOM.render(
 );
 ```
 
-[**Попробовать на CodePen**](http://codepen.io/gaearon/pen/KgQpJd?editors=0010)
+[**Посмотреть на CodePen**](http://codepen.io/gaearon/pen/KgQpJd?editors=0010)
 
-Следущий этап - добавить в `Clock` инициализацию собственного таймера с обновлением каждую секунду.
+Следущий этап - добавить в `Clock` создание собственного таймера с обновлением каждую секунду.
 
 ## Добавление методов жизненного цикла в класс {#adding-lifecycle-methods-to-a-class}
 
 В приложениях с множеством компонентов очень важно освобождать используемые системные ресурсы при удалении компонентов.
 
-Мы называем "монтированием" (установкой) первоначальный рендеринг `Clock` в DOM. Наша цель - [инициировать таймер](https://developer.mozilla.org/en-US/docs/Web/API/WindowTimers/setInterval) всякий раз, когда это происходит.
+Мы называем "монтированием" (установкой) первоначальный рендеринг `Clock` в DOM. Наша цель - [создать таймер](https://developer.mozilla.org/en-US/docs/Web/API/WindowTimers/setInterval) всякий раз, когда это происходит.
 
 Каждый раз когда DOM-узел, созданный `Clock`, удаляется, просходит то, что мы называем "размонтирование". Учитывая важность сохранения ресурсов, мы [сбросим таймер](https://developer.mozilla.org/en-US/docs/Web/API/WindowTimers/clearInterval) при каждой "размонтировке".
 
@@ -238,7 +238,7 @@ class Clock extends React.Component {
 
 Эти методы называются "хуками (методами) жизненного цикла" (lifecycle methods).
 
-Хук `componentDidMount()` запускается после того, как компонент отрендерился в DOM - это подходящее место для инициализирования таймера:
+Хук `componentDidMount()` запускается после того, как компонент отрендерился в DOM - это подходящее место для создания таймера:
 
 ```js{2-5}
   componentDidMount() {
@@ -251,7 +251,7 @@ class Clock extends React.Component {
 
 Обратите внимание, что мы сохраняем ID таймера в `this`.
 
-В класс-компонентах `this.props` инициализируется самим React, так же как и `this.state` - у этих полей особое назначение. Однако, если вам нужно сохранить информацию, которая не является частью процесса обработки данных React, можно вручную добавить дополнительные поля в класс (например, ID таймера).
+В классовых компонентах `this.props` создается самим React, так же как и `this.state` - у этих полей особое назначение. Однако, если вам нужно сохранить информацию, которая не является частью процесса обработки данных React, можно вручную добавить дополнительные поля в класс (например, ID таймера).
 
 Удалим таймер в хуке жизненного цикла `componentWillUnmount()`:
 
@@ -303,7 +303,7 @@ ReactDOM.render(
 );
 ```
 
-[**Попробовать на CodePen**](http://codepen.io/gaearon/pen/amqdNA?editors=0010)
+[**Посмотреть на CodePen**](http://codepen.io/gaearon/pen/amqdNA?editors=0010)
 
 Результат - часы обновляются каждую секунду.
 
@@ -313,9 +313,9 @@ ReactDOM.render(
 
 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()` ежесекундно. Часть метода - вызов `setState()` с объектом, содержащим текущее время в качестве аргумента - таким образом компонент `Clock` планирует обновление UI. Благодаря вызову `setState()` React знает, что состояние изменилось, и снова вызывает метод `render()`, чтобы узнать, что должно отображаться на экране. На этот раз `this.state.date` в методе `render()` будет другим, и поэтому ренедер компонента будет включать обновлённое время и React соответственно обновит DOM.
 
 5) Если компонент `Clock` когда-либо удаляется из DOM, React вызывает хук жизненного цикла `componentWillUnmount()`, таким образом таймер будет остановлен и удален.
 
@@ -325,7 +325,7 @@ ReactDOM.render(
 
 ### Не изменяйте состояние напрямую {#do-not-modify-state-directly}
 
-В следующем примере повторной отрисовки компонента не происходит:
+В следующем примере повторного рендера не происходит:
 
 ```js
 // Неправильно
@@ -436,13 +436,13 @@ function FormattedDate(props) {
 }
 ```
 
-[**Попробовать на CodePen**](http://codepen.io/gaearon/pen/zKRqNB?editors=0010)
+[**Посмотреть на CodePen**](http://codepen.io/gaearon/pen/zKRqNB?editors=0010)
 
 Этот процесс называется "сверху вниз" ("top-down") потоком данных или "однонаправленным" ("unidirectional") потоком данных. Состояние всегда принадлежит определённому компоненту, а любые производные этого состояния могут влиять только на компоненты, находящиеся «ниже» в дереве компонентов.
 
 Если представить иерархию компонентов как водопад пропс, то состояние каждого компонента похоже на дополнительный источник, который сливается с водопадом в произвольной точке, но также течёт вниз.
 
-Чтобы показать, что все компоненты действительно изолированы, создадим компонент `App`, который отрисовывает три компонента `<Clock>`:
+Чтобы показать, что все компоненты действительно изолированы, создадим компонент `App`, который рендерит три компонента `<Clock>`:
 
 ```js{4-6}
 function App() {
@@ -461,7 +461,7 @@ ReactDOM.render(
 );
 ```
 
-[**Попробовать на CodePen**](http://codepen.io/gaearon/pen/vXdGmd?editors=0010)
+[**Посмотреть на CodePen**](http://codepen.io/gaearon/pen/vXdGmd?editors=0010)
 
 У каждого компонента `Clock` есть собственное состояние таймера, которое обновляется независимо от других компонентов.