React. Сборник рецептов - Гриффитс Д.

Оглавление

Введение

Использование примеров кода

Возможности онлайнового обучения от компании O’Reilly
Как связаться с нами

Благодарности

1. Создание приложений
Решение

Обсуждение

1.2. Создание приложений с обширным информационным наполнением посредством Gatsby
Решение

Обсуждение

1.3. Создание универсальных приложений с помощью Razzle
Решение

Обсуждение
1.4. Создание серверного и клиентского кода посредством Next.js

Решение

Обсуждение

1.5. Создание крошечных приложений посредством Preact
Решение

Обсуждение

1.6. Создание библиотек посредством набора инструментов nwb
Решение

Обсуждение
1.7. Добавление React в код Rails посредством Webpacker
Решение

Обсуждение
1.8. Создание пользовательских элементов посредством Preact
Решение

Обсуждение

1.9. Разработка компонентов посредством Storybook
Решение

Обсуждение
1.10. Тестирование кода в браузере посредством Cypress
Решение

Обсуждение

2. Маршрутизация

Решение

Обсуждение

2.2. Размещение состояния в маршрутах

Решение

Обсуждение

2.3. Модульное тестирование посредством MemoryRouter

Решение

Обсуждение

2.4. Подтверждение ухода со страницы посредством компонента Prompt

Решение

Обсуждение
2.5. Создание переходов посредством библиотеки React Transition Group

Решение

Обсуждение
2.6. Создание защищенных маршрутов

Решение

Обсуждение

3. Управление состоянием

Решение

Обсуждение

3.2. Создание возможности ’’Отмена”
Решение

Обсуждение

3.3. Создание форм и проверка действительности их данных
Решение

Обсуждение
3.4. Часы для измерения времени
Решение

Обсуждение

3.5. Мониторинг состояния сетевого подключения
Решение

Обсуждение
3.6. Управление глобальным состоянием посредством библиотеки Redux
Решение

Обсуждение

3.7. Сохранение состояния при обновлении страниц посредством Redux Persist

Решение

Обсуждение
3.8. Вычисление производного состояния посредством Reselect

Решение

Обсуждение

4. Проектирование для обеспечения интерактивности

Решение

Обсуждение

4.2. Создаем интерактивное справочное руководство
Решение

Обсуждение
4.3. Сложные взаимодействия посредством преобразователей

Решение

Обсуждение
4.4. Взаимодействие с клавиатурой
Решение

Обсуждение
4.5. Создание насыщенного содержимого посредством редактора Markdown
Решение

Обсуждение
4.6. Анимация посредством классов CSS
Решение

Обсуждение
4.7. Анимация средствами React

Решение

Обсуждение
4.8. Анимация информационной графики посредством библиотеки TweenOne

Решение

Обсуждение

5. Подключение к службам

Решение

Обсуждение

5.2. Автоматическое обновление посредством счетчиков состояния

Решение

Обсуждение

5.3. Отмена сетевых запросов посредством маркеров
Решение

Обсуждение
5.4. Сетевые вызовы посредством Redux

Решение

Обсуждение

5.5. Подключение к GraphQL
Решение

Обсуждение

5.6. Уменьшение сетевой нагрузки при помощи очищенных запросов

Решение

Обсуждение

6. Библиотеки компонентов

Решение

Обсуждение

6.2. Простой пользовательский интерфейс посредством React Bootstrap
Решение

Обсуждение
6.3. Просмотр наборов данных посредством окна React Window
Решение

Обсуждение
6.4. Создание реагирующих диалоговых окон посредством библиотеки Material-UI
Решение

Обсуждение

6.5. Создание консоли администратора посредством React Admin
Решение

Обсуждение
6.6. Использование Semantic UI вместо дизайнера

Решение

Обсуждение

7. Безопасность
Решение

Обсуждение

7.2. Аутентификация посредством физических ключей
Решение

Обсуждение

7.3. Работа с протоколом HTTPS
Решение

Обсуждение
7.4. Аутентификация посредством отпечатка пальца
Решение

Обсуждение

7.5. Подтверждение действий, предоставляя учетные данные
Решение

Обсуждение

7.6. Однофакторная аутентификация
Решение

Обсуждение

7.7. Проверка приложения на устройстве Android

Решение

Обсуждение
7.8. Проверка безопасности посредством ESlint

Решение

Обсуждение

7.9. Удобные для браузера формы входа в систему
Решение

Обсуждение

8. Тестирование

Решение

Обсуждение

8.2. Использование Storybook для тестирования отрисовки
Решение

Обсуждение

8.3. Тестирование без сервера посредством Cypress
Решение

Обсуждение

8.4. Использование Cypress для офлайнового тестирования
Решение

Обсуждение
8.5. Использование Selenium для тестирования в браузере

Решение

Обсуждение

8.6. Тестирование внешнего вида на разных браузерах посредством ImageMagick
Решение

Обсуждение

8.7. Добавление консоли в браузер мобильного устройства
Решение

Обсуждение

8.8. Удаление произвольности из тестов

Решение

Обсуждение

8.9. Путешествие во времени
Решение

Обсуждение

9. Доступность специальных возможностей

Решение

Обсуждение
9.2. Применение ролей

Решение

Обсуждение

9.3. Проверка доступности посредством ESlint
Решение

Обсуждение

9.4. Динамический анализ посредством axe DevTools
Решение

Обсуждение

9.5. Автоматизация тестирования в браузере посредством Cypress Axe
Решение

Обсуждение

9.6. Добавление в страницу кнопок пропуска содержимого

Решение

Обсуждение

9.7. Добавление возможности пропуска областей страницы

Решение

Обсуждение
9.8. Захват области действия в модальных окнах

Решение

Обсуждение
9.9. Создание считывателя экрана посредством Speech API

Решение

Обсуждение

10. Производительность

Решение

Обсуждение
10.2. Слежение за отрисовкой посредством Profiler

Решение

Обсуждение
10.3. Создание модульных тестов с Profiler
Решение

Обсуждение

10.4. Точное измерение времени

Решение

Обсуждение

10.5. Уменьшение размера приложений посредством разделения кода

Решение

Обсуждение

10.6. Объединение сетевых обещаний

Решение

Обсуждение

10.7. Отрисовка на стороне сервера
Решение

Обсуждение

10.8. Использование основных показателей веб-производительности

Решение

Обсуждение

11. Прогрессивные веб-приложения

Решение

Обсуждение

11.2. Создание прогрессивных веб-приложений посредством Create React Арр
Решение

Обсуждение
11.3. Кеширование сторонних ресурсов
Решение

Обсуждение
11.4. Автоматическая перезагрузка воркеров

Решение

Обсуждение
11.5. Добавление извещений

Решение

Обсуждение

11.6. Модификации в режиме офлайн посредством фоновой синхронизации
Решение

Обсуждение

11.7. Добавляем специализированный установочный пользовательский интерфейс

Решение

Обсуждение

11.8. Предоставление ответов в режиме офлайн

Решение

Обсуждение

Предметный указатель

Об авторах

Об обложке