|
4 | 4 |
|
5 | 5 | ## Привет, меня зовут React. |
6 | 6 |
|
7 | | -**Зачем вам нужно изучать React?** В последние годы популярные одностраничные приложения ([single-page application, SPA](https://ru.wikipedia.org/wiki/%D0%9E%D0%B4%D0%BD%D0%BE%D1%81%D1%82%D1%80%D0%B0%D0%BD%D0%B8%D1%87%D0%BD%D0%BE%D0%B5_%D0%BF%D1%80%D0%B8%D0%BB%D0%BE%D0%B6%D0%B5%D0%BD%D0%B8%D0%B5)). Фреймворки, такие как Angular, Ember и Backbone, помогали разработчикам JavaScript создавать современные веб-приложения за пределами использования чистого (ванильного) JavaScript и jQuery. Список этих популярных решений далеко не полный. Существует широкий круг фреймворков для создания SPA. Если посмотреть на даты релизов, то большинство из них относятся к первому поколению SPA: Angular 2010, Backbone 2010 и Ember 2011. |
| 7 | +**Зачем вам нужно изучать React?** В последние годы стали популярны одностраничные приложения ([single-page application, SPA](https://ru.wikipedia.org/wiki/%D0%9E%D0%B4%D0%BD%D0%BE%D1%81%D1%82%D1%80%D0%B0%D0%BD%D0%B8%D1%87%D0%BD%D0%BE%D0%B5_%D0%BF%D1%80%D0%B8%D0%BB%D0%BE%D0%B6%D0%B5%D0%BD%D0%B8%D0%B5)). Фреймворки, такие как Angular, Ember и Backbone, помогали разработчикам JavaScript создавать современные веб-приложения за пределами использования чистого (ванильного) JavaScript и jQuery. Список этих популярных решений далеко не полный. Существует широкий круг фреймворков для создания SPA. Если посмотреть на даты релизов, то большинство из них относятся к первому поколению SPA: Angular 2010, Backbone 2010 и Ember 2011. |
8 | 8 |
|
9 | 9 | React был изначально выпущен Facebook в 2013 году. React — это не SPA-фреймворк, а библиотека для разработки пользовательских интерфейсов (UI). Это только представление, буква V в аббревиатуре [MVC](https://ru.wikipedia.org/wiki/Model-View-Controller) (Model View Controller). Она позволяет вам отрисовывать (render) компоненты в качестве видимых элементов в браузере. Однако целая экосистемы вокруг React позволяет создавать одностраничные приложения. |
10 | 10 |
|
@@ -148,7 +148,7 @@ npm install react react-dom |
148 | 148 |
|
149 | 149 | ## Установка без конфигурации |
150 | 150 |
|
151 | | -В нашей книге вы будете использовать [create-react-app](https://github.com/facebookincubator/create-react-app) для начальной инициализации вашего приложения. Это самоуверенный, но с без всякой ручной конфигурации стартовый набор для React-приложений, представленный Facebook в 2016 году, и согласно опросу в Twitter [рекомендуется 96% начинающим разработчикам React](https://twitter.com/dan_abramov/status/806985854099062785). В *create-react-app* инструменты и конфигурация отходит на задний план, тогда как основное внимание уделяется реализации приложения. |
| 151 | +В нашей книге вы будете использовать [create-react-app](https://github.com/facebookincubator/create-react-app) для начальной инициализации вашего приложения. Это предварительно настроенный без необходимости в ручной конфигурации стартовый набор для React-приложений, представленный Facebook в 2016 году, и согласно опросу в Twitter [рекомендуется 96% начинающим разработчикам React](https://twitter.com/dan_abramov/status/806985854099062785). В *create-react-app* инструменты и конфигурация отходит на задний план, тогда как основное внимание уделяется реализации приложения. |
152 | 152 |
|
153 | 153 | Чтобы начать работу, вам требуется установить пакет в каталог глобальных node-пакетов. После этого вы всегда будете иметь возможность из командной строки инициализировать новое React-приложение. |
154 | 154 |
|
@@ -234,7 +234,7 @@ npm run build |
234 | 234 |
|
235 | 235 | ### Упражнения: |
236 | 236 |
|
237 | | -* выполните команду `npm start` и перейти к просмотру приложения в вашем браузере (вы можете выйти из команды, завершить её, нажав на Control + C) |
| 237 | +* выполните команду `npm start` и перейдите к просмотру приложения в вашем браузере (вы можете выйти из команды, завершить её, нажав на Control + C) |
238 | 238 | * запустите интерактивный скрипт `npm test` |
239 | 239 | * запустите скрипт `npm run build` и убедитесь, что в проекте создался каталог *build/* (вы можете удалить его потом; обратите внимание, что каталог сборки может использоваться позже для [развёртывания приложения](https://www.robinwieruch.de/deploy-applications-digital-ocean/)) |
240 | 240 | * ознакомьтесь со структурой каталогов |
|
0 commit comments