This document was uploaded by one of our users. The uploader already confirmed that they had the permission to publish it. If you are author/publisher or own the copyright of this documents, please report to us by using this DMCA report form.
Sometimes the book is free on Amazon As well, so go ahead and hit "Search on Amazon"
Книга «React в действии» знакомит фронтенд-разработчиков с фреймворком React и смежными инструментами. Сначала вы познакомитесь с библиотекой React, затем освежите материал о некоторых фундаментальных идеях в данном контексте и узнаете о работе с компонентами. Вы на практике освоите чистый React (без транспиляции, без синтаксических помощников), перейдете от простейших статических компонентов к динамическим и интерактивным.
Во второй половине книги рассмотрены различные способы взаимодействия с React. Вы изучите базовые методы жизненного цикла, научитесь создавать поток данных, формы, а также тестировать приложения. На закуску вас ждет материал об архитектуре React-приложения, взаимодействии с Redux, экскурс в серверный рендеринг и обзор React Native.
https://www.manning.com/books/react-in-action
https://github.com/react-in-action
Author(s): Марк Тиленс Томас Series: Для профессионалов Publisher: Питер Year: 2019
Language: Russian Pages: 368 City: СПб. Tags: js
Краткое содержание
Оглавление
Предисловие
Благодарности
О книге
Аудитория
Структура издания
О коде
Требования к программному и аппаратному обеспечению
Об авторе
Об обложке
Часть I. Обзор React
Глава 1. Что такое React
1.1. Знакомство с React
1.1.1. Для кого эта книга
1.1.2. Примечание по инструментарию
1.1.3. Кто использует React
1.2. Чего React не делает
1.3. Виртуальная объектная модель документа в React
1.3.1. Объектная модель документа
1.3.2. Виртуальная объектная модель документа
1.3.3. Обновления и отличия
1.3.4. Виртуальная DOM: жажда скорости
1.4. Компоненты — базовая единица React
1.4.1. Компоненты в целом
1.4.2. Компоненты в React: инкапсулированные и многоразовые
1.5. React для командной работы
1.6. Резюме
Глава 2. : наш первый компонент
2.1. Введение в компоненты React
2.1.1. Данные приложения
2.1.2. Несколько компонентов: гибридные и родственные отношения
2.1.3. Установление отношений компонентов
2.2. Создание компонентов в React
2.2.1. Создание элементов React
2.2.2. Рендеринг вашего первого компонента
2.2.3. Создание компонентов React
2.2.4. Создание классов React
2.2.5. Метод рендеринга
2.2.6. Проверка свойств с помощью PropTypes
2.3. Время жизни и время компонента
2.3.1. «Реактивное» состояние
2.3.2. Установка начального состояния
2.4. Знакомство с JSX
2.4.1. Создание компонентов с помощью JSX
2.4.2. Преимущества JSX и отличия от HTML
2.5. Резюме
Часть II. Компоненты и данные в React
Глава 3. Данные и потоки данных в React
3.1. Использование состояния
3.1.1. Что такое состояние
3.1.2. Изменяемое и неизменяемое состояние
3.2. Состояние в React
3.2.1. Изменяемое состояние в React: состояние компонента
3.2.2. Неизменяемое состояние в React: свойства
3.2.3. Работа со свойствами: PropTypes и свойства по умолчанию
3.2.4. Функциональные компоненты без состояния
3.3. Связь компонентов
3.4. Однонаправленный поток данных
3.5. Резюме
Глава 4. Рендеринг и методы жизненного цикла в React
4.1. Начало работы с репозиторием Letters Social
4.1.1. Получение исходного кода
4.1.2. Какую версию узла следует использовать?
4.1.3. Замечание по инструментам и CSS
4.1.4. Развертывание
4.1.5. Сервер API и база данных
4.1.6. Запуск приложения
4.2. Процесс рендеринга и методы жизненного цикла
4.2.1. Знакомство с методами жизненного цикла
4.2.2. Типы методов жизненного цикла
4.2.3. Начальный метод и метод типа «будет»
4.2.4. Монтирование компонентов
4.2.5. Методы обновления
4.2.6. Методы размонтирования
4.2.7. Перехват ошибок
4.3. Начало создания Letters Social
4.4. Резюме
Глава 5. Работа с формами в React
5.1. Создание сообщений в Letters Social
5.1.1. Требования к данным
5.1.2. Обзор и иерархия компонентов
5.2. Веб-формы в React
5.2.1. Начало работы с веб-формами
5.2.2. Элементы и события формы
5.2.3. Обновление состояния в формах
5.2.4. Контролируемые и неконтролируемые компоненты
5.2.5. Подтверждение и очистка формы
5.3. Создание новых сообщений
5.4. Резюме
Глава 6. Интеграция сторонних библиотек с React
6.1. Отправка сообщений в API Letters Social
6.2. Расширение компонента с помощью карт
6.2.1. Разработка компонента DisplayMap с использованием ссылок
6.2.2. Создание компонента LocationTypeAhead
6.2.3. Обновление CreatePost и добавление карт в сообщения
6.3. Резюме
Глава 7. Маршрутизация в React
7.1. Что такое маршрутизация
7.2. Создание роутера
7.2.1. Маршрутизация компонентов
7.2.2. Создание компонента
7.2.3. Сборка компонента
7.2.4. Сопоставление URL-адресов и параметризованной маршрутизации
7.2.5. Добавление маршрутов в компонент Router
7.3. Резюме
Глава 8. Маршрутизация и интеграция Firebase
8.1. Использование роутера
8.1.1. Создание страницы для сообщения
8.1.2. Создание компонента
8.1.3. Создание компонента
8.2. Интеграция Firebase
8.3. Резюме
Глава 9. Тестирование компонентов React
9.1. Типы тестирования
9.2. Тестирование компонентов React с помощью Jest, Enzyme и React-test-renderer
9.3. Написание первых тестов
9.3.1. Начало работы с Jest
9.3.2. Тестирование функционального компонента без состояния
9.3.3. Тестирование компонента CreatePost без Enzyme
9.3.4. Покрытие тестированием
9.4. Резюме
Часть III. Архитектура React-приложений
Глава 10. Архитектура приложения Redux
10.1. Архитектура приложения Flux
10.1.1. Знакомьтесь с Redux: вариант Flux
10.1.2. Настройка для Redux
10.2. Действия в Redux
10.2.1. Определение типов действий
10.2.2. Создание действий в Redux
10.2.3. Создание действий для хранилища и диспетчера Redux
10.2.4. Асинхронные действия и промежуточное ПО
10.2.5. Redux или не Redux?
10.2.6. Тестирование действий
10.2.7. Создание пользовательского промежуточного ПО Redux для отчетов о сбоях
10.3. Резюме
Глава 11. Интеграция Redux и React
11.1. Редукторы определяют, как должно измениться состояние
11.1.1. Форма состояния и начальное состояние
11.1.2. Настройка редукторов для реагирования на входящие действия
11.1.3. Объединение редукторов вместе в нашем хранилище
11.1.4. Тестирование редукторов
11.2. Сведение React и Redux
11.2.1. Контейнеры против показательных компонентов
11.2.2. Использование для подключения компонентов к хранилищу Redux
11.2.3. Связывание действий с обработчиками событий компонентов
11.2.4. Обновление тестов
11.3. Резюме
Глава 12. React на стороне сервера и интеграция React Router
12.1. Что такое рендеринг на стороне сервера
12.2. Зачем рендерить на сервере
12.3. Нужен ли вам рендеринг на стороне сервера?
12.4. Рендеринг компонентов на сервере
12.5. Переход на React Router
12.6. Обработка аутентифицированных маршрутов с помощью роутера React
12.7. Рендеринг на стороне сервера с получением данных
12.8. Резюме
Глава 13. Введение в React Native
13.1. Обзор React Native
13.2. React и React Native
13.3. Когда использовать React Native
13.4. Простейший пример Hello World
13.5. Дальнейшее изучение
13.6. Резюме
