React и Redux: функциональная веб-разработка PDF
Preview React и Redux: функциональная веб-разработка
ББК 32.988.02-018 УДК 004.738.5 Б97 Бэнкс Алекс, Порселло Ева Б97 React и Redux: функциональная веб-разработка. — СПб.: Питер, 2018. — 336 с.: ил. — (Серия «Бестселлеры O’Reilly»). ISBN 978-5-4461-0668-4 Хотите научиться писать эффективные пользовательские интерфейсы при помощи React? Тогда вы нашли нужную книгу. Авторы расскажут, как создавать пользовательские интерфейсы при помо- щи этой компактной библиотеки и писать сайты, на которых можно обрабатывать огромные объемы данных без перезагрузки страниц. Также вы изучите новейшие возможности стандарта ECMAScript и функционального программирования. 16+ (В соответствии с Федеральным законом от 29 декабря 2010 г. № 436-ФЗ.) ББК 32.988.02-018 УДК 004.738.5 Права на издание получены по соглашению с O’Reilly. Все права защищены. Никакая часть данной книги не может быть воспроизведена в какой бы то ни было форме без письменного разрешения владельцев авторских прав. Информация, содержащаяся в данной книге, получена из источников, рассматриваемых издательством как на- дежные. Тем не менее, имея в виду возможные человеческие или технические ошибки, издательство не может гарантировать абсолютную точность и полноту приводимых сведений и не несет ответственности за возможные ошибки, связанные с использованием книги. ISBN 978-1491954621 англ. Authorized Russian translation of the English edition of Learning React, ISBN 9781491954621 © 2017 Alex Banks, Eve Porcello This translation is published and sold by permission of O’Reilly Media, Inc., which owns or controls all rights to publish and sell the same. ISBN 978-5-4461-0668-4 © Перевод на русский язык ООО Издательство «Питер», 2018 © Издание на русском языке, оформление ООО Издательство «Питер», 2018 © Серия «Бестселлеры O’Reilly», 2018 Краткое содержание Предисловие ..........................................................................................11 Глава 1. Добро пожаловать в React .....................................................14 Глава 2. Новый синтаксис JavaScript ...................................................21 Глава 3. Функциональное программирование с применением JavaScript .....................................................................42 Глава 4. Чистый React ...........................................................................70 Глава 5. React с JSX ...............................................................................91 Глава 6. Свойства, состояние и дерево компонентов .......................118 Глава 7. Усовершенствование компонентов .....................................149 Глава 8. Redux ......................................................................................190 Глава 9. React Redux ............................................................................217 Глава 10. Тестирование .......................................................................234 Глава 11. Маршрутизатор React Router .............................................282 Глава 12. React и сервер .....................................................................304 Оглавление Предисловие ...............................................................................................11 Условные обозначения ..............................................................................11 Использование примеров кода ..................................................................12 Благодарности ..........................................................................................13 Глава 1. Добро пожаловать в React ........................................................14 Препятствия и трудности ..........................................................................15 React как библиотека .........................................................................15 Новый синтаксис ECMAScript ...............................................................15 Популярность функционального JavaScript .........................................15 Утомительный JavaScript .....................................................................16 Почему React будет не трудно изучить ...............................................16 Будущее библиотеки React ........................................................................17 Нужно идти в ногу со временем ................................................................17 Работа с файлами .....................................................................................18 Файловый репозиторий ......................................................................18 Инструменты React-разработчика ......................................................19 Установка Node.js ...............................................................................19 Глава 2. Новый синтаксис JavaScript ......................................................21 Объявление переменных в ES6 .................................................................22 const ..................................................................................................22 let .......................................................................................................22 Шаблонные строки .............................................................................24 Параметры по умолчанию ..................................................................26 Стрелочные функции ................................................................................26 Оглавление 7 Транспиляция ES6 .....................................................................................30 Объекты и массивы ES6 ............................................................................31 Деструктурирующее присваивание .....................................................31 Расширения объектных литералов ......................................................33 Оператор распространения ................................................................34 Промисы ...................................................................................................36 Классы ......................................................................................................37 Модули ES6 ...............................................................................................39 CommonJS .................................................................................................41 Глава 3. Функциональное программирование с применением JavaScript .........................................................................42 Значение понятия функциональности .......................................................43 Сравнение императивности с декларативностью .......................................45 Функциональные концепции .....................................................................47 Неизменяемость .................................................................................47 Чистые функции .................................................................................50 Преобразование данных .....................................................................52 Функции высшего порядка .................................................................59 Рекурсия ............................................................................................60 Композиция ........................................................................................63 А теперь все вместе ...........................................................................65 Глава 4. Чистый React ...............................................................................70 Настройка страницы .................................................................................70 Виртуальная DOM .....................................................................................71 Элементы React .........................................................................................73 ReactDOM ..................................................................................................75 Дочерние элементы ..................................................................................76 Конструирование элементов с данными ....................................................78 Компоненты React .....................................................................................80 React.createClass .................................................................................81 React.Component ................................................................................83 Функциональные компоненты, не имеющие состояния .......................84 Отображение DOM ....................................................................................85 Фабрики ....................................................................................................88 8 Оглавление Глава 5. React с JSX ...................................................................................91 Элементы React в виде кода JSX ...............................................................91 Советы по применению JSX .......................................................................92 Вложенные компоненты .....................................................................92 className ...........................................................................................93 Выражения JavaScript .........................................................................93 Вычисление ........................................................................................93 Отображение массивов на JSX ............................................................93 Babel .........................................................................................................94 Введение в Webpack ...............................................................................103 Загрузчики Webpack ..........................................................................104 Приложение кулинарных рецептов с применением сборки, выполняемой Webpack ......................................................................104 Глава 6. Свойства, состояние и дерево компонентов .........................118 Проверка свойств ....................................................................................118 Проверка свойств при использовании createClass ..............................119 Свойства, используемые по умолчанию .............................................123 Настраиваемая проверка свойств ......................................................124 Классы ES6 и функциональные компоненты, не имеющие состояния ......................................................................125 Ссылки ....................................................................................................128 Обратный поток данных ....................................................................130 Ссылки в функциональных компонентах, не имеющих состояния ......................................................................132 Управление состоянием React .................................................................133 Внедрение состояния компонента .....................................................133 Инициализация состояния из свойств ................................................137 Состояние внутри дерева компонента .....................................................139 Новый взгляд на приложение органайзера цветов ............................140 Передача свойств вниз по дереву компонентов .................................141 Передача данных вверх по дереву компонентов ................................144 Глава 7. Усовершенствование компонентов ........................................149 Жизненные циклы компонентов ..............................................................149 Жизненный цикл установки ...............................................................150 Оглавление 9 Жизненный цикл обновления ............................................................154 React.Children ....................................................................................164 Подключение библиотек JavaScript .........................................................166 Создание запросов с помощью Fetch .................................................166 Подключение D3 Timeline ..................................................................168 Компоненты высшего порядка ................................................................174 Управление состоянием за пределами React ...........................................180 Flux .........................................................................................................182 Представление ..................................................................................184 Действия и создатели действий .........................................................185 Диспетчер .........................................................................................186 Хранилища ........................................................................................187 А теперь все вместе ..........................................................................188 Реализации Flux ................................................................................188 Глава 8. Redux ..........................................................................................190 Состояние ...............................................................................................191 Действия .................................................................................................194 Преобразователи ....................................................................................197 Преобразователь цвета .....................................................................200 Преобразователь цветов ...................................................................202 Преобразователь сортировки ............................................................204 Хранилище ..............................................................................................205 Подписка на хранилища ....................................................................208 Сохранение в localStorage ..................................................................209 Создатели действий ................................................................................210 Функции промежуточного звена ..............................................................213 Глава 9. React Redux................................................................................217 Явная передача хранилища ....................................................................219 Передача хранилища через контекст ......................................................222 Сравнение презентационных и контейнерных компонентов ..................................................................226 Провайдер React Redux ...........................................................................230 Функция connect библиотеки React Redux ...............................................231 10 Оглавление Глава 10. Тестирование ..........................................................................234 ESLint ......................................................................................................234 Тестирование Redux ................................................................................238 Разработка, основанная на тестировании ..........................................239 Тестирование преобразователей .......................................................240 Тестирование хранилища ..................................................................248 Тестирование компонентов React ............................................................251 Настройка среды Jest ........................................................................251 Enzyme ..............................................................................................252 Имитация компонентов......................................................................255 Тестирование на основе отображения мгновенного состояния (Snapshot Testing) ...............................................263 Использование данных об охвате кода ....................................................268 Глава 11. Маршрутизатор React Router ................................................282 Встраивание маршрутизатора .................................................................283 Вложенные маршруты .............................................................................288 Использование страничного шаблона ................................................288 Подразделы и подменю .....................................................................290 Параметры маршрутизатора ....................................................................294 Добавление страницы с информацией о цвете ..................................295 Перемещение состояния сортировки цветов в маршрутизатор ..........300 Глава 12. React и сервер .........................................................................304 Сравнение изоморфизма с универсализмом ............................................305 Код React, отображаемый на сервере ......................................................308 Универсальный органайзер цветов .........................................................314 Универсальный Redux .......................................................................316 Универсальная маршрутизация .........................................................318 Обмен данными с сервером.....................................................................325 Выполнение действий на сервере ......................................................326 Действия с Redux Thunks ...................................................................329
The list of books you might like
