krambertech
diff --git a/‎01-introduction-to-react/README.md
Lines changed: 17 additions & 17 deletions b/‎01-introduction-to-react/README.md
Lines changed: 17 additions & 17 deletions
@@ -1,4 +1,4 @@
-# Урок 1 - Введение в React
+# Урок 1 — Введение в React
 
 [мини-тест по содержанию урока (5 минут)](http://itsquiz.com/activations/566533792ba96aaf3c016c34?ref=reactjs-essential)
 
@@ -12,41 +12,41 @@
 
 #### Что такое React?
 
-ReactJS - это JаvaScript библиотека для построения пользовательских интерфейсов. Это не MVC фреймворк. К нему можно применить только V из этой аббревиатуры. Такая узкая сфера применения дает свободу использования React в различных системах в комбинации с другими библиотеками.
+ReactJS — это JаvaScript библиотека для построения пользовательских интерфейсов. Это не MVC фреймворк. К ней можно применить только V из этой аббревиатуры. Такая узкая сфера применения дает свободу использования React в различных системах в комбинации с другими библиотеками.
 
 React был представлен Facebook в 2013 году, и очень быстро обрел популярность. Сегодня его используют многие известные компании включая Instagram, Airbnb, Ebay, Netflix, Yahoo и [другие](https://github.com/facebook/react/wiki/Sites-Using-React).
 
-Основным отличием React от других JavaScript фреймворков является то, как он управляет состоянием приложения. Если вспомнить, как пользователи взаимодействовали с веб-страницами еще 10-15 лет назад, то увидим такую картину:
+Основным отличием React от других JavaScript фреймворков является то, как он управляет состоянием приложения. Если вспомнить, как пользователи взаимодействовали с веб-страницами еще 10–15 лет назад, то увидим такую картину:
 
 ![Как было 10-15 лет назад](/01-introduction-to-react/images/001.png)
 
-Сервер всегда возвращал статическую страницу, и реакцией на действия пользователя была полная перезагрузка страницы. Преимуществами такого подхода, была простота в реализации и понимании, недостатками - скорость работы, отзывчивость, UX и потеря состояния при каждой перезагрузке.
+Сервер всегда возвращал статическую страницу, и реакцией на действия пользователя была полная перезагрузка страницы. Преимуществами такого подхода, была простота в реализации и понимании, недостатками — скорость работы, отзывчивость, UX и потеря состояния при каждой перезагрузке.
 
-Все очень изменилось с появлением AJAX, это подход к построению интерактивных веб-приложений, заключающийся в «фоновом» обмене данными браузера с веб-сервером. То есть, в фоновом режиме отправляются запросы на сервер, приходят с него ответы, изменяется состояние приложения и, соответственно, внешний вид. Именно такой подход породил понятие Single Page Application.
+Все очень изменилось с появлением AJAX, — это подход к построению интерактивных веб-приложений, заключающийся в «фоновом» обмене данными браузера с веб-сервером. То есть, в фоновом режиме отправляются запросы на сервер, приходят с него ответы, изменяется состояние приложения и, соответственно, внешний вид. Именно такой подход породил понятие Single Page Application.
 
 ![AJAX](/01-introduction-to-react/images/002.png)
 
 Но каждое визуальное изменение на странице соответствует изменению ее DOM дерева. Не секрет, что все манипуляции с DOM деревом являются очень ресурсоемкими операциями, т.к. изначально DOM дерево было статическим и никакой динамики не предусматривало.
 
 ![Изменения на странице](/01-introduction-to-react/images/006.png)
 
-Именно поэтому в React используется виртуальный DOM. Это такая легковесная копия реального DOM дерева на Javascript. Таким образом, React манипулирует не с реальным (синоним - медленным) DOM деревом, а с виртуальным.
+Именно поэтому в React используется виртуальный DOM. Это такая легковесная копия реального DOM дерева на Javascript. Таким образом, React манипулирует не с реальным (синоним — медленным) DOM деревом, а с виртуальным.
 
 ![DOM DIFF](/01-introduction-to-react/images/003.png)
 
 Он сравнивает предыдущее состояние виртуального DOM дерева с его следующим состоянием и находит минимальное количество манипуляций, которые можно произвести уже с реальным DOM, чтобы обновить вид приложения согласно его новому состоянию.
 
 ![Обновление реального DOM](/01-introduction-to-react/images/004.png)
 
-И это действительно быстро работает. А все что вам нужно делать - это просто менять состояние вашего приложения, а все остальное React сделает уже за вас!
+И это действительно быстро работает. А все что вам нужно делать — это просто менять состояние вашего приложения, а все остальное React сделает уже за вас!
 
 #### JSX
 
 Для рендеринга данных в React используется JSX. JSX нужен для JavaScript XML — разметки в стиле XML внутри компонентов React. React работает и без JSX, но именно JSX поможет сделать ваши компоненты более читаемыми, поэтому рекомендуется использовать его.
 
 ```jsx
 // с JSX
-var app = <Nav color=“blue">
+var app = <Nav color="blue">
     <Profile>click</Profile>
 </Nav>;
 ```
@@ -106,13 +106,13 @@ var HelloWorld = React.createClass({
 });
 ```
 
-У каждого компонента есть один обязательный метод - ```render```, который возвращает JSX разметку, соответствующую виду компонента.
+У каждого компонента есть один обязательный метод — ```render```, который возвращает JSX разметку, соответствующую виду компонента.
 
 **Внимание!** Названия всех классов для ваших компонентов должны начинаться с большой буквы.
 
 #### Параметры aka props
 
-Каждый компонент может принимать параметры. Они передаются из выше стоящих компонентов.  К параметрам компонента можно обращаться используя ```this.props.propName```.
+Каждый компонент может принимать параметры. Они передаются из вышестоящих компонентов.  К параметрам компонента можно обращаться используя ```this.props.propName```.
 
 ```jsx
 var Heading = React.createClass({
@@ -128,11 +128,11 @@ var Hello = React.createClass({
 });
 ```
 
-Запомните: Модифицировать ```this.props``` **крайне нежелательно***!
+Запомните: Модифицировать ```this.props``` **крайне нежелательно**!
 
 #### Состояние aka state
 
-Также каждый компонент может хранить свое состояние. К нему можно получить доступ, обратившись к ```this.state```. В состоянии компонента стоит хранить данные, от которых компонент напрямую зависит внешний вид компонента, и при изменении которых его внешний вид тоже должен меняться (будет вызываться метод ```render```). Cостояние компонента доступно только внутри самого компонента. Для объявления начального состояния компонента, нужно использовать метод ```getInitialState```. Этот метод вызывается до того, как компонент отобразиться в доме и определяет первоначальное значение состояния компонента. Для того, чтобы модифицировать состояние компонента нужно вызвать метод ```this.setState({ /* новое состояние */ })```, тогда состояние компонента измениться и вызовется метод ```render```.
+Также каждый компонент может хранить свое состояние. К нему можно получить доступ, обратившись к ```this.state```. В состоянии компонента стоит хранить данные, от которых напрямую зависит внешний вид компонента, и при изменении которых его внешний вид тоже должен меняться (будет вызываться метод ```render```). Cостояние компонента доступно только внутри самого компонента. Для объявления начального состояния компонента, нужно использовать метод ```getInitialState```. Этот метод вызывается до того, как компонент отобразится в доме и определяет первоначальное значение состояния компонента. Для того, чтобы модифицировать состояние компонента нужно вызвать метод ```this.setState({ /* новое состояние */ })```, тогда состояние компонента изменится и вызовется метод ```render```.
 
 ```jsx
 var Component = React.createClass({
@@ -193,7 +193,7 @@ var EventComponent = React.createClass({
 
 О том, какие события поддерживаются можно прочитать [тут](https://facebook.github.io/react/docs/events.html).
 
-## Вопросы к самопроверке
+## Вопросы для самопроверки
 
  - Как работает виртуальный DOM?
  - Как можно создать компонент? Какая функция используется для этого?
@@ -214,31 +214,31 @@ var EventComponent = React.createClass({
 
 ## Домашнее задание
 
-**Задание 1 : Сделать компонент для отображения статьи**
+**Задание 1: Сделать компонент для отображения статьи**
 
 _Уровень сложности: низкий_
 
 В компонент передается заголовок, имя автора и текст, а он их отображает, как статью. Внешний вид на ваше усмотрение.
 
 [подсказка](/01-introduction-to-react/homework/01.md)
 
-**Задание 2 : Написать динамический Hello World.**
+**Задание 2: Написать динамический Hello World.**
 
 _Уровень сложности: низкий_
 
 В поле ввода вводится текст. Снизу надпись, которая отображает “Hello, <введенный текст>!”. Текст должен меняться по мере ввода. Если в поле ничего не введено, то должно быть выведено “Hello, stranger!”.
 
 [подсказка](/01-introduction-to-react/homework/02.md)
 
-**Задание 3 : Дополнительная информация о контактах**
+**Задание 3: Дополнительная информация о контактах**
 
 _Уровень сложности: средний_
 
 Усовершенствовать список контактов, написаный на уроке. При клике на контакт, он должен разворачиваться (увеличиваться в высоте) и должна отображаться какая-то дополнительная информация о контакте (например, адрес и email). При повторном клике, информация должна сворачиваться.
 
 [подсказка](/01-introduction-to-react/homework/03.md)
 
-**Задание 4 : Простой калькулятор**
+**Задание 4: Простой калькулятор**
 
 _Уровень сложности: выше среднего_