From 1800ae6c5f765e6657354a90ca20b41956ea8fcf Mon Sep 17 00:00:00 2001
From: minatko <minatko@gmail.com>
Date: Sat, 9 Feb 2019 03:12:31 +0300
Subject: [PATCH 01/10] translated rendering-elements.md

---
 content/docs/rendering-elements.md | 52 +++++++++++++++---------------
 1 file changed, 26 insertions(+), 26 deletions(-)

diff --git a/content/docs/rendering-elements.md b/content/docs/rendering-elements.md
index 34bb62b7c..641c6aac1 100644
--- a/content/docs/rendering-elements.md
+++ b/content/docs/rendering-elements.md
@@ -1,6 +1,6 @@
 ---
 id: rendering-elements
-title: Rendering Elements
+title: Отрисовка Элементов
 permalink: docs/rendering-elements.html
 redirect_from:
   - "docs/displaying-data.html"
@@ -8,68 +8,68 @@ prev: introducing-jsx.html
 next: components-and-props.html
 ---
 
-Elements are the smallest building blocks of React apps.
+Элементы являются самыми маленькими строительными блоками в React-приложениях.
 
-An element describes what you want to see on the screen:
+Элемент опысывает то, что вы хотите увидеть на экране:
 
 ```js
 const element = <h1>Hello, world</h1>;
 ```
 
-Unlike browser DOM elements, React elements are plain objects, and are cheap to create. React DOM takes care of updating the DOM to match the React elements.
+В отличии от DOM-элементов, элементы React — это простые объексты, на их создание уходит немного ресурсов. React DOM обновляет DOM, чтобы он соотвествовал элементам React.
 
->**Note:**
+>**Заметка:**
 >
->One might confuse elements with a more widely known concept of "components". We will introduce components in the [next section](/docs/components-and-props.html). Elements are what components are "made of", and we encourage you to read this section before jumping ahead.
+>Элементы можно перепутать с более известной концепцией "компонентов". Про компоненты будет рассказано в [следующей главе](/docs/components-and-props.html). Элементы — это то, "из чего сделаны" компоненты, и мы рекомендуем вам дочитать эту главу, прежде чем двигаться дальше.
 
-## Rendering an Element into the DOM {#rendering-an-element-into-the-dom}
+## Как отрисовать элемент в DOM {#rendering-an-element-into-the-dom}
 
-Let's say there is a `<div>` somewhere in your HTML file:
+Дапустим, в вашем HTML-файле есть `<div>`:
 
 ```html
 <div id="root"></div>
 ```
 
-We call this a "root" DOM node because everything inside it will be managed by React DOM.
+Мы называем его "корневым" узлом DOM, так как всё, что находится в нём, будет управляться React DOM.
 
-Applications built with just React usually have a single root DOM node. If you are integrating React into an existing app, you may have as many isolated root DOM nodes as you like.
+Обычно в приложения, написанных польностью на React, есть только один единственный корневой элемент. Если вы хотите использовать React в существующем приложении, то вы можете создать столько независимых корневых элементов, сколько посчитаете нужным.
 
-To render a React element into a root DOM node, pass both to `ReactDOM.render()`:
+Чтобы отрисовать React-элемент в корневой узел DOM, передайте их в качестве параметров в `ReactDOM.render()`:
 
 `embed:rendering-elements/render-an-element.js`
 
 [](codepen://rendering-elements/render-an-element)
 
-It displays "Hello, world" on the page.
+На странице будет написано "Hello, world".
 
-## Updating the Rendered Element {#updating-the-rendered-element}
+## Обновление отрисованных элементов {#updating-the-rendered-element}
 
-React elements are [immutable](https://en.wikipedia.org/wiki/Immutable_object). Once you create an element, you can't change its children or attributes. An element is like a single frame in a movie: it represents the UI at a certain point in time.
+Элементы React [неизменяемы](https://ru.wikipedia.org/wiki/%D0%9D%D0%B5%D0%B8%D0%B7%D0%BC%D0%B5%D0%BD%D1%8F%D0%B5%D0%BC%D1%8B%D0%B9_%D0%BE%D0%B1%D1%8A%D0%B5%D0%BA%D1%82). После создания элемента, нельзя изменить его потомков или аттрибуты. Элемент похож на единичный кадр в фильме: он отразает состояние интерфейса в конкретный момент времени.
 
-With our knowledge so far, the only way to update the UI is to create a new element, and pass it to `ReactDOM.render()`.
+Как нам теперь известно, единственный способ обновить интерфейс — это создать новый элемент и передать его в `ReactDOM.render()`.
 
-Consider this ticking clock example:
+Рассмотрим пример с часами:
 
 `embed:rendering-elements/update-rendered-element.js`
 
 [](codepen://rendering-elements/update-rendered-element)
 
-It calls `ReactDOM.render()` every second from a [`setInterval()`](https://developer.mozilla.org/en-US/docs/Web/API/WindowTimers/setInterval) callback.
+В примере выше `ReactDOM.render()` вызывается каждую секунду с помощью коллбека [`setInterval()`](https://developer.mozilla.org/en-US/docs/Web/API/WindowTimers/setInterval)
 
->**Note:**
+>**Заметка:**
 >
->In practice, most React apps only call `ReactDOM.render()` once. In the next sections we will learn how such code gets encapsulated into [stateful components](/docs/state-and-lifecycle.html).
+>На практике, большинство React-приложений вызывают `ReactDOM.render()` только один раз. В следующем разделе вы узнаете как создать [компонент с состоянием](/docs/state-and-lifecycle.html).
 >
->We recommend that you don't skip topics because they build on each other.
+>Мы рекомендуем не пропускать разделы, поскольку в них используется информация из предыдущих разделов.
 
-## React Only Updates What's Necessary {#react-only-updates-whats-necessary}
+## React обновляет только то, что необходимо {#react-only-updates-whats-necessary}
 
-React DOM compares the element and its children to the previous one, and only applies the DOM updates necessary to bring the DOM to the desired state.
+React DOM сравнивает элемент и его потомков с предыдущим состоянием и делает только те изменения в DOM, которые необходимы для приведения элемента в новое состояние.
 
-You can verify by inspecting the [last example](codepen://rendering-elements/update-rendered-element) with the browser tools:
+Вы можете увидеть это, рассмотрев [последний пример](codepen://rendering-elements/update-rendered-element) с помощью инструментов разработчика в браузере:
 
-![DOM inspector showing granular updates](../images/docs/granular-dom-updates.gif)
+![В DOM видно частичное обновление](../images/docs/granular-dom-updates.gif)
 
-Even though we create an element describing the whole UI tree on every tick, only the text node whose contents has changed gets updated by React DOM.
+Несмотря на то, что мы создаем элемент, описывающий все дерево пользовательского интерфейса, каждую секунду, React DOM изменяет только текстовый узел, содержимое которого изменилось.
 
-In our experience, thinking about how the UI should look at any given moment rather than how to change it over time eliminates a whole class of bugs.
+Согласно нашему опыту, удаётся избежать многих ошибок, если думать о том, как должен выглядеть интерфейс в каждый конкретный момент времени, а не о том, как его изменять.

From d6ccdca1df47c7c4bb8947ef7c04f0798a35d63b Mon Sep 17 00:00:00 2001
From: minatko <minatko@gmail.com>
Date: Sat, 9 Feb 2019 03:17:38 +0300
Subject: [PATCH 02/10] translated rendering-elements.md

---
 content/docs/rendering-elements.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/content/docs/rendering-elements.md b/content/docs/rendering-elements.md
index 641c6aac1..72aeb72ed 100644
--- a/content/docs/rendering-elements.md
+++ b/content/docs/rendering-elements.md
@@ -30,7 +30,7 @@ const element = <h1>Hello, world</h1>;
 <div id="root"></div>
 ```
 
-Мы называем его "корневым" узлом DOM, так как всё, что находится в нём, будет управляться React DOM.
+Мы называем его "корневым" узлом DOM, так как всё, что находится в нём, будет управляться React DOM. 
 
 Обычно в приложения, написанных польностью на React, есть только один единственный корневой элемент. Если вы хотите использовать React в существующем приложении, то вы можете создать столько независимых корневых элементов, сколько посчитаете нужным.
 

From 30e717c4789b1ea21fb3c03919e3ceec2285de49 Mon Sep 17 00:00:00 2001
From: minatko <minatko@gmail.com>
Date: Sat, 9 Feb 2019 05:40:16 +0300
Subject: [PATCH 03/10] corrections

---
 content/docs/rendering-elements.md | 28 ++++++++++++++--------------
 1 file changed, 14 insertions(+), 14 deletions(-)

diff --git a/content/docs/rendering-elements.md b/content/docs/rendering-elements.md
index 72aeb72ed..7fe8a514c 100644
--- a/content/docs/rendering-elements.md
+++ b/content/docs/rendering-elements.md
@@ -1,6 +1,6 @@
 ---
 id: rendering-elements
-title: Отрисовка Элементов
+title: Рендеринг элементов
 permalink: docs/rendering-elements.html
 redirect_from:
   - "docs/displaying-data.html"
@@ -8,7 +8,7 @@ prev: introducing-jsx.html
 next: components-and-props.html
 ---
 
-Элементы являются самыми маленькими строительными блоками в React-приложениях.
+Элементы — мельчайшие кирпичики React-приложениях.
 
 Элемент опысывает то, что вы хотите увидеть на экране:
 
@@ -16,11 +16,11 @@ next: components-and-props.html
 const element = <h1>Hello, world</h1>;
 ```
 
-В отличии от DOM-элементов, элементы React — это простые объексты, на их создание уходит немного ресурсов. React DOM обновляет DOM, чтобы он соотвествовал элементам React.
+В отличии от DOM-элементов, элементы React — это простые объекты, не отнимающие много ресурсов. React DOM обновляет DOM, чтобы он соотвествовал элементам React.
 
->**Заметка:**
+>**Примечание:**
 >
->Элементы можно перепутать с более известной концепцией "компонентов". Про компоненты будет рассказано в [следующей главе](/docs/components-and-props.html). Элементы — это то, "из чего сделаны" компоненты, и мы рекомендуем вам дочитать эту главу, прежде чем двигаться дальше.
+>Элементы можно перепутать с более известной концепцией "компонентов". С компонентами мы ознакомимся в [следующей главе](/docs/components-and-props.html). Элементы — это то, "из чего сделаны" компоненты, и мы рекомендуем вам дочитать эту главу, прежде чем двигаться дальше.
 
 ## Как отрисовать элемент в DOM {#rendering-an-element-into-the-dom}
 
@@ -34,7 +34,7 @@ const element = <h1>Hello, world</h1>;
 
 Обычно в приложения, написанных польностью на React, есть только один единственный корневой элемент. Если вы хотите использовать React в существующем приложении, то вы можете создать столько независимых корневых элементов, сколько посчитаете нужным.
 
-Чтобы отрисовать React-элемент в корневой узел DOM, передайте их в качестве параметров в `ReactDOM.render()`:
+Чтобы отрисовать React-элемент в корневой узел DOM, вызовите `ReactDOM.render()` с React-элементом и корневым DOM узлом в качестве аргументов:
 
 `embed:rendering-elements/render-an-element.js`
 
@@ -44,9 +44,9 @@ const element = <h1>Hello, world</h1>;
 
 ## Обновление отрисованных элементов {#updating-the-rendered-element}
 
-Элементы React [неизменяемы](https://ru.wikipedia.org/wiki/%D0%9D%D0%B5%D0%B8%D0%B7%D0%BC%D0%B5%D0%BD%D1%8F%D0%B5%D0%BC%D1%8B%D0%B9_%D0%BE%D0%B1%D1%8A%D0%B5%D0%BA%D1%82). После создания элемента, нельзя изменить его потомков или аттрибуты. Элемент похож на единичный кадр в фильме: он отразает состояние интерфейса в конкретный момент времени.
+Элементы React [иммутабельны](https://ru.wikipedia.org/wiki/%D0%9D%D0%B5%D0%B8%D0%B7%D0%BC%D0%B5%D0%BD%D1%8F%D0%B5%D0%BC%D1%8B%D0%B9_%D0%BE%D0%B1%D1%8A%D0%B5%D0%BA%D1%82). После создания элемента, нельзя изменить его потомков или аттрибуты. Элемент похож на единичный кадр в фильме: он отразает состояние интерфейса в конкретный момент времени.
 
-Как нам теперь известно, единственный способ обновить интерфейс — это создать новый элемент и передать его в `ReactDOM.render()`.
+Пока что, мы знаем только один способ обновить интерфейс — это создать новый элемент и передать его в `ReactDOM.render()`.
 
 Рассмотрим пример с часами:
 
@@ -54,9 +54,9 @@ const element = <h1>Hello, world</h1>;
 
 [](codepen://rendering-elements/update-rendered-element)
 
-В примере выше `ReactDOM.render()` вызывается каждую секунду с помощью коллбека [`setInterval()`](https://developer.mozilla.org/en-US/docs/Web/API/WindowTimers/setInterval)
+В примере выше `ReactDOM.render()` вызывается каждую секунду с помощью колбэка [`setInterval()`](https://developer.mozilla.org/en-US/docs/Web/API/WindowTimers/setInterval)
 
->**Заметка:**
+>**Примечание:**
 >
 >На практике, большинство React-приложений вызывают `ReactDOM.render()` только один раз. В следующем разделе вы узнаете как создать [компонент с состоянием](/docs/state-and-lifecycle.html).
 >
@@ -64,12 +64,12 @@ const element = <h1>Hello, world</h1>;
 
 ## React обновляет только то, что необходимо {#react-only-updates-whats-necessary}
 
-React DOM сравнивает элемент и его потомков с предыдущим состоянием и делает только те изменения в DOM, которые необходимы для приведения элемента в новое состояние.
+React DOM сравнивает элемент и его потомков с отображаемым на странице и вносит в DOM только те изменения, которые необходимы, чтобы на странице оказался новый элемент.
 
-Вы можете увидеть это, рассмотрев [последний пример](codepen://rendering-elements/update-rendered-element) с помощью инструментов разработчика в браузере:
+Вы можете убедиться в этом на [последнем примере](codepen://rendering-elements/update-rendered-element) с помощью инструментов разработчика в браузере:
 
 ![В DOM видно частичное обновление](../images/docs/granular-dom-updates.gif)
 
-Несмотря на то, что мы создаем элемент, описывающий все дерево пользовательского интерфейса, каждую секунду, React DOM изменяет только текстовый узел, содержимое которого изменилось.
+Несмотря на то, что мы создаем элемент, описывающий все дерево пользовательского интерфейса, каждую секунду React DOM изменяет только текстовый узел, содержимое которого изменилось.
 
-Согласно нашему опыту, удаётся избежать многих ошибок, если думать о том, как должен выглядеть интерфейс в каждый конкретный момент времени, а не о том, как его изменять.
+Наш опыт подсказывает, что при реализации изменений в интерфейсе возникает много ошибок. Их можно избежать, если думать о том, как должно выглядеть приложение, а не как внести изменения.

From c54f04afd555eaa264d4cfa87d7cb18cb29c2a4a Mon Sep 17 00:00:00 2001
From: minatko <minatko@gmail.com>
Date: Sat, 9 Feb 2019 05:41:33 +0300
Subject: [PATCH 04/10] corrections fix

---
 content/docs/rendering-elements.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/content/docs/rendering-elements.md b/content/docs/rendering-elements.md
index 7fe8a514c..c0c1ae56c 100644
--- a/content/docs/rendering-elements.md
+++ b/content/docs/rendering-elements.md
@@ -10,7 +10,7 @@ next: components-and-props.html
 
 Элементы — мельчайшие кирпичики React-приложениях.
 
-Элемент опысывает то, что вы хотите увидеть на экране:
+Элемент описывает то, что вы хотите увидеть на экране:
 
 ```js
 const element = <h1>Hello, world</h1>;

From 80c9393d824be0a41e63a15685cc29d30b554838 Mon Sep 17 00:00:00 2001
From: minatko <minatko@gmail.com>
Date: Sat, 9 Feb 2019 05:42:33 +0300
Subject: [PATCH 05/10] corrections fix 2

---
 content/docs/rendering-elements.md | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/content/docs/rendering-elements.md b/content/docs/rendering-elements.md
index c0c1ae56c..df6713bb6 100644
--- a/content/docs/rendering-elements.md
+++ b/content/docs/rendering-elements.md
@@ -24,7 +24,7 @@ const element = <h1>Hello, world</h1>;
 
 ## Как отрисовать элемент в DOM {#rendering-an-element-into-the-dom}
 
-Дапустим, в вашем HTML-файле есть `<div>`:
+Допустим, в вашем HTML-файле есть `<div>`:
 
 ```html
 <div id="root"></div>
@@ -32,7 +32,7 @@ const element = <h1>Hello, world</h1>;
 
 Мы называем его "корневым" узлом DOM, так как всё, что находится в нём, будет управляться React DOM. 
 
-Обычно в приложения, написанных польностью на React, есть только один единственный корневой элемент. Если вы хотите использовать React в существующем приложении, то вы можете создать столько независимых корневых элементов, сколько посчитаете нужным.
+Обычно в приложениях, написанных польностью на React, есть только один единственный корневой элемент. Если вы хотите использовать React в существующем приложении, то вы можете создать столько независимых корневых элементов, сколько посчитаете нужным.
 
 Чтобы отрисовать React-элемент в корневой узел DOM, вызовите `ReactDOM.render()` с React-элементом и корневым DOM узлом в качестве аргументов:
 

From 9bd71ae528536dc02c1882f1a4d9a14cd753cab0 Mon Sep 17 00:00:00 2001
From: minatko <minatko@gmail.com>
Date: Sat, 9 Feb 2019 05:43:19 +0300
Subject: [PATCH 06/10] corrections fix 3

---
 content/docs/rendering-elements.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/content/docs/rendering-elements.md b/content/docs/rendering-elements.md
index df6713bb6..593197836 100644
--- a/content/docs/rendering-elements.md
+++ b/content/docs/rendering-elements.md
@@ -8,7 +8,7 @@ prev: introducing-jsx.html
 next: components-and-props.html
 ---
 
-Элементы — мельчайшие кирпичики React-приложениях.
+Элементы — мельчайшие кирпичики React-приложений.
 
 Элемент описывает то, что вы хотите увидеть на экране:
 

From 532aaab2e961119274946bdbf7453317c14298e4 Mon Sep 17 00:00:00 2001
From: minatko <minatko@gmail.com>
Date: Sun, 10 Feb 2019 14:23:16 +0300
Subject: [PATCH 07/10] corrections

---
 content/docs/rendering-elements.md | 26 +++++++++++++-------------
 1 file changed, 13 insertions(+), 13 deletions(-)

diff --git a/content/docs/rendering-elements.md b/content/docs/rendering-elements.md
index 593197836..82191b05e 100644
--- a/content/docs/rendering-elements.md
+++ b/content/docs/rendering-elements.md
@@ -16,13 +16,13 @@ next: components-and-props.html
 const element = <h1>Hello, world</h1>;
 ```
 
-В отличии от DOM-элементов, элементы React — это простые объекты, не отнимающие много ресурсов. React DOM обновляет DOM, чтобы он соотвествовал элементам React.
+В отличии от DOM-элементов, элементы React — это простые объекты, не отнимающие много ресурсов. React DOM обновляет DOM, чтобы он соответствовал переданным React-элементам.
 
 >**Примечание:**
 >
->Элементы можно перепутать с более известной концепцией "компонентов". С компонентами мы ознакомимся в [следующей главе](/docs/components-and-props.html). Элементы — это то, "из чего сделаны" компоненты, и мы рекомендуем вам дочитать эту главу, прежде чем двигаться дальше.
+>Элементы можно перепутать с более известной концепцией «компонентов». С компонентами мы ознакомимся в [следующей главе](/docs/components-and-props.html). Элементы — это то, «из чего сделаны» компоненты, и мы рекомендуем вам дочитать эту главу, прежде чем двигаться дальше.
 
-## Как отрисовать элемент в DOM {#rendering-an-element-into-the-dom}
+## Рендеринг элемента в DOM {#rendering-an-element-into-the-dom}
 
 Допустим, в вашем HTML-файле есть `<div>`:
 
@@ -30,11 +30,11 @@ const element = <h1>Hello, world</h1>;
 <div id="root"></div>
 ```
 
-Мы называем его "корневым" узлом DOM, так как всё, что находится в нём, будет управляться React DOM. 
+Мы назовём его "корневым" узлом DOM, так как всё, что находится в нём, будет управляться React DOM. 
 
-Обычно в приложениях, написанных польностью на React, есть только один единственный корневой элемент. Если вы хотите использовать React в существующем приложении, то вы можете создать столько независимых корневых элементов, сколько посчитаете нужным.
+Обычно в приложениях, написанных полностью на React, есть только один корневой элемент. При встраивании React в существующее приложение столько независимых корневых элементов, сколько посчитаете нужным.
 
-Чтобы отрисовать React-элемент в корневой узел DOM, вызовите `ReactDOM.render()` с React-элементом и корневым DOM узлом в качестве аргументов:
+Для рендеринга React-элемента в корневом узле DOM, вызовите `ReactDOM.render()` с React-элементом и корневым DOM узлом в качестве аргументов:
 
 `embed:rendering-elements/render-an-element.js`
 
@@ -42,9 +42,9 @@ const element = <h1>Hello, world</h1>;
 
 На странице будет написано "Hello, world".
 
-## Обновление отрисованных элементов {#updating-the-rendered-element}
+## Обновление элементов на странице {#updating-the-rendered-element}
 
-Элементы React [иммутабельны](https://ru.wikipedia.org/wiki/%D0%9D%D0%B5%D0%B8%D0%B7%D0%BC%D0%B5%D0%BD%D1%8F%D0%B5%D0%BC%D1%8B%D0%B9_%D0%BE%D0%B1%D1%8A%D0%B5%D0%BA%D1%82). После создания элемента, нельзя изменить его потомков или аттрибуты. Элемент похож на единичный кадр в фильме: он отразает состояние интерфейса в конкретный момент времени.
+Элементы React [иммутабельны](https://ru.wikipedia.org/wiki/%D0%9D%D0%B5%D0%B8%D0%B7%D0%BC%D0%B5%D0%BD%D1%8F%D0%B5%D0%BC%D1%8B%D0%B9_%D0%BE%D0%B1%D1%8A%D0%B5%D0%BA%D1%82). После создания элемента, нельзя изменить его потомков или аттрибуты. Элемент похож на кадр в фильме: он отражает состояние интерфейса в конкретный момент времени.
 
 Пока что, мы знаем только один способ обновить интерфейс — это создать новый элемент и передать его в `ReactDOM.render()`.
 
@@ -54,22 +54,22 @@ const element = <h1>Hello, world</h1>;
 
 [](codepen://rendering-elements/update-rendered-element)
 
-В примере выше `ReactDOM.render()` вызывается каждую секунду с помощью колбэка [`setInterval()`](https://developer.mozilla.org/en-US/docs/Web/API/WindowTimers/setInterval)
+В этом примере `ReactDOM.render()` вызывается каждую секунду с помощью колбэка [`setInterval()`](https://developer.mozilla.org/en-US/docs/Web/API/WindowTimers/setInterval)
 
 >**Примечание:**
 >
->На практике, большинство React-приложений вызывают `ReactDOM.render()` только один раз. В следующем разделе вы узнаете как создать [компонент с состоянием](/docs/state-and-lifecycle.html).
+>На практике большинство React-приложений вызывают `ReactDOM.render()` только один раз. В следующем разделе вы узнаете как можно обновлять интерфейс при помощи [компонента с состоянием](/docs/state-and-lifecycle.html).
 >
 >Мы рекомендуем не пропускать разделы, поскольку в них используется информация из предыдущих разделов.
 
 ## React обновляет только то, что необходимо {#react-only-updates-whats-necessary}
 
-React DOM сравнивает элемент и его потомков с отображаемым на странице и вносит в DOM только те изменения, которые необходимы, чтобы на странице оказался новый элемент.
+React DOM сравнивает элемент и его потомков с предыдущей версией и вносит в DOM только те изменения, которые необходимы, чтобы на странице оказался новый элемент.
 
 Вы можете убедиться в этом на [последнем примере](codepen://rendering-elements/update-rendered-element) с помощью инструментов разработчика в браузере:
 
 ![В DOM видно частичное обновление](../images/docs/granular-dom-updates.gif)
 
-Несмотря на то, что мы создаем элемент, описывающий все дерево пользовательского интерфейса, каждую секунду React DOM изменяет только текстовый узел, содержимое которого изменилось.
+Несмотря на то, что мы создаем элемент, описывающий все UI-дерево, каждую секунду React DOM изменяет только текстовый узел, содержимое которого изменилось.
 
-Наш опыт подсказывает, что при реализации изменений в интерфейсе возникает много ошибок. Их можно избежать, если думать о том, как должно выглядеть приложение, а не как внести изменения.
+Проще описать, как интерфейс выглядит в конкретный момент, чем как он изменяется с течением времени. По нашему опыту, такой подход позволяет избавиться от целого класса ошибок.
\ No newline at end of file

From 69bca290b58c15df1c49d522f7d4ab92a1668213 Mon Sep 17 00:00:00 2001
From: minatko <minatko@gmail.com>
Date: Sun, 10 Feb 2019 14:35:10 +0300
Subject: [PATCH 08/10] type fix

---
 content/docs/rendering-elements.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/content/docs/rendering-elements.md b/content/docs/rendering-elements.md
index 82191b05e..860fd707c 100644
--- a/content/docs/rendering-elements.md
+++ b/content/docs/rendering-elements.md
@@ -16,7 +16,7 @@ next: components-and-props.html
 const element = <h1>Hello, world</h1>;
 ```
 
-В отличии от DOM-элементов, элементы React — это простые объекты, не отнимающие много ресурсов. React DOM обновляет DOM, чтобы он соответствовал переданным React-элементам.
+В отличиt от DOM-элементов, элементы React — это простые объекты, не отнимающие много ресурсов. React DOM обновляет DOM, чтобы он соответствовал переданным React-элементам.
 
 >**Примечание:**
 >

From 651897104c2b171fbca3bdbe3248ae4959e56130 Mon Sep 17 00:00:00 2001
From: minatko <minatko@gmail.com>
Date: Sun, 10 Feb 2019 14:39:00 +0300
Subject: [PATCH 09/10] type fix 2

---
 content/docs/rendering-elements.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/content/docs/rendering-elements.md b/content/docs/rendering-elements.md
index 860fd707c..9249401c8 100644
--- a/content/docs/rendering-elements.md
+++ b/content/docs/rendering-elements.md
@@ -44,7 +44,7 @@ const element = <h1>Hello, world</h1>;
 
 ## Обновление элементов на странице {#updating-the-rendered-element}
 
-Элементы React [иммутабельны](https://ru.wikipedia.org/wiki/%D0%9D%D0%B5%D0%B8%D0%B7%D0%BC%D0%B5%D0%BD%D1%8F%D0%B5%D0%BC%D1%8B%D0%B9_%D0%BE%D0%B1%D1%8A%D0%B5%D0%BA%D1%82). После создания элемента, нельзя изменить его потомков или аттрибуты. Элемент похож на кадр в фильме: он отражает состояние интерфейса в конкретный момент времени.
+Элементы React [иммутабельны](https://ru.wikipedia.org/wiki/%D0%9D%D0%B5%D0%B8%D0%B7%D0%BC%D0%B5%D0%BD%D1%8F%D0%B5%D0%BC%D1%8B%D0%B9_%D0%BE%D0%B1%D1%8A%D0%B5%D0%BA%D1%82). После создания элемента, нельзя изменить его потомков или атрибуты. Элемент похож на кадр в фильме: он отражает состояние интерфейса в конкретный момент времени.
 
 Пока что, мы знаем только один способ обновить интерфейс — это создать новый элемент и передать его в `ReactDOM.render()`.
 

From 2723ec7ef14c465c28c5bccbe80b4ee20c1a2a3e Mon Sep 17 00:00:00 2001
From: minatko <minatko@gmail.com>
Date: Mon, 11 Feb 2019 00:59:54 +0300
Subject: [PATCH 10/10] type fix 3

---
 content/docs/rendering-elements.md | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/content/docs/rendering-elements.md b/content/docs/rendering-elements.md
index 9249401c8..3f6f946c6 100644
--- a/content/docs/rendering-elements.md
+++ b/content/docs/rendering-elements.md
@@ -16,7 +16,7 @@ next: components-and-props.html
 const element = <h1>Hello, world</h1>;
 ```
 
-В отличиt от DOM-элементов, элементы React — это простые объекты, не отнимающие много ресурсов. React DOM обновляет DOM, чтобы он соответствовал переданным React-элементам.
+В отличие от DOM-элементов, элементы React — это простые объекты, не отнимающие много ресурсов. React DOM обновляет DOM, чтобы он соответствовал переданным React-элементам.
 
 >**Примечание:**
 >
@@ -32,9 +32,9 @@ const element = <h1>Hello, world</h1>;
 
 Мы назовём его "корневым" узлом DOM, так как всё, что находится в нём, будет управляться React DOM. 
 
-Обычно в приложениях, написанных полностью на React, есть только один корневой элемент. При встраивании React в существующее приложение столько независимых корневых элементов, сколько посчитаете нужным.
+Обычно в приложениях, написанных полностью на React, есть только один корневой элемент. При встраивании React в существующее приложение вы можете создать столько независимых корневых элементов, сколько посчитаете нужным.
 
-Для рендеринга React-элемента в корневом узле DOM, вызовите `ReactDOM.render()` с React-элементом и корневым DOM узлом в качестве аргументов:
+Для рендеринга React-элемента в корневом узле DOM вызовите `ReactDOM.render()` с React-элементом и корневым DOM узлом в качестве аргументов:
 
 `embed:rendering-elements/render-an-element.js`