Replace "-" with "—"

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() {
@@ -107,7 +107,7 @@ class Clock extends React.Component {
 `Clock` теперь определён как класс, а не функция.
 
 
-Метод `render` будет вызываться каждый раз, когда происходит обновление. Так как мы рендерим `<Clock />` в один и тот же DOM-контейнер, мы используем единственный экземпляр класса `Clock` - поэтому мы можем задействовать внутреннее состояние и хуки жизненного цикла.
+Метод `render` будет вызываться каждый раз, когда происходит обновление. Так как мы рендерим `<Clock />` в один и тот же DOM-контейнер, мы используем единственный экземпляр класса `Clock` — поэтому мы можем задействовать внутреннее состояние и хуки жизненного цикла.
 
 ## Добавление локального состояния в класс {#adding-local-state-to-a-class}
 
@@ -198,13 +198,13 @@ ReactDOM.render(
 
 [**Посмотреть на 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()`:
 
@@ -261,7 +261,7 @@ class Clock extends React.Component {
   }
 ```
 
-Наконец, реализуем метод `tick()` - он запускается таймером каждую секунду и использует `this.setState()`, который планирует обновление внутреннего состояния компонента:
+Наконец, реализуем метод `tick()` — он запускается таймером каждую секунду и использует `this.setState()`, который планирует обновление внутреннего состояния компонента:
 
 ```js{18-22}
 class Clock extends React.Component {
@@ -305,7 +305,7 @@ ReactDOM.render(
 
 [**Посмотреть на CodePen**](http://codepen.io/gaearon/pen/amqdNA?editors=0010)
 
-Результат - часы обновляются каждую секунду.
+Результат — часы обновляются каждую секунду.
 
 Давайте рассмотрим наше решение и разберем порядок, в котором вызываются методы:
 
@@ -315,7 +315,7 @@ ReactDOM.render(
 
 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()`, таким образом таймер будет остановлен и удален.
 
@@ -410,11 +410,11 @@ this.setState(function(state, props) {
   }
 ```
 
-Слияние состояния - поверхностное, поэтому вызов `this.setState({comments})` оставляет `this.state.posts` нетронутым, но полностью заменяет `this.state.comments`.
+Слияние состояния — поверхностное, поэтому вызов `this.setState({comments})` оставляет `this.state.posts` нетронутым, но полностью заменяет `this.state.comments`.
 
 ## Однонаправленный поток данных {#the-data-flows-down}
 
-В иерархии компонентов, ни родительский, ни дочерние компоненты не знают задано (stateful) или нет (stateless) состояние определенного компонента. Так же им не важно, как был создан определенный компонент - с помощью функцим или класса. В связи с этим, состояние часто называют "локальным", "внутренним" или инкапсулированным. Оно недоступно для любого другого компонента, за исключением того, который им владеет и устанавливает его.
+В иерархии компонентов, ни родительский, ни дочерние компоненты не знают задано (stateful) или нет (stateless) состояние определенного компонента. Так же им не важно, как был создан определенный компонент — с помощью функцим или класса. В связи с этим, состояние часто называют "локальным", "внутренним" или инкапсулированным. Оно недоступно для любого другого компонента, за исключением того, который им владеет и устанавливает его.
 
 Компонент может передать своё состояние вниз по дереву компонентов в виде пропс для его дочерних компонентов: