Хотите создавать эффективные приложения с помощью React? Тогда эта книга написана для вас. Познакомьтесь лучшими практиками и шаблонами создания современного кода.
Вам не потребуются глубокие знания React или функционала JavaScript — достаточно знакомства с принципами работы JavaScript, CSS и HTML.
Алекс Бэнкс и Ева Порселло научат вас создавать пользовательские интерфейсы, которые будут динамически отображать изменения без необходимости перезагрузки страницы даже на крупномасштабных сайтах, работающих с огромными массивами данных.
Author(s): Алекс Бэнкс, Ева Порселло
Series: Бестселлеры O’Reilly
Edition: 1
Publisher: Питер
Year: 2022
Language: Russian
Commentary: Vector PDF
Pages: 320
City: СПб.
Tags: Programming; JavaScript; Web Applications; Functional Programming; Asynchronous Programming; DOM; Node.js; Testing; Routing; JSX; Stateful Applications; Test-Driven Development; Next.js; React.js
Предисловие
Условные обозначения
Использование примеров кода
Благодарности
От издательства
Глава 1. Добро пожаловать в React
Прочный фундамент
Прошлое и будущее React
Изменения во втором издании книги
Работа с файлами
Файловый репозиторий
React Developer Tools
Установка Node.js
Глава 2. JavaScript для React
Объявление переменных
Ключевое слово const
Ключевое слово let
Шаблонные строки
Создание функций
Объявление функций
Функциональные выражения
Параметры по умолчанию
Стрелочные функции
Транспиляция JavaScript
Объекты и массивы
Деструктуризация объектов
Деструктуризация массивов
Расширение объектного литерала
Оператор распространения
Асинхронный JavaScript
Простые промисы и функция fetch
Async и await
Сборка промисов
Классы
Модули ES6
CommonJS
Глава 3. Функциональное программирование с использованием JavaScript
Что значит «функциональное»?
Императивное и декларативное программирование
Функциональные концепции
Неизменяемость
Чистые функции
Преобразование данных
Функции высшего порядка
Рекурсия
Композиция
Соберем все вместе
Глава 4. Как работает React
Настройка страницы
Элементы React
ReactDOM
Потомки
Компоненты React
Компоненты React: историческая справка
Глава 5. React и JSX
Представление элементов React в JSX
Советы по использованию JSX
Рендеринг массивов с помощью JSX
Babel
Приложение с рецептами в виде JSX
Фрагменты React
Введение в webpack
Создание проекта
Загрузка пакета
Сопоставление источников
Создание приложения React
Глава 6. Управление состояниями
Создание компонента системы оценок
Хук useState
Рефакторинг для улучшения повторного использования
Состояние в деревьях компонентов
Передача состояния вниз по дереву компонентов
Передача взаимодействий вверх по дереву компонентов
Создание форм
Использование ссылок
Контролируемые компоненты
Создание собственных хуков
Добавление цветов в состояние
Контекст React
Размещение цветов в контексте
Получение массива colors с помощью useContext
Провайдеры контекста с отслеживанием состояния
Пользовательские хуки с контекстом
Глава 7. Улучшение компонентов с помощью хуков
Знакомство с хуком useEffect
Массив зависимостей
Глубокая проверка зависимостей
Когда использовать LayoutEffect
Правила работы с хуками
Улучшение кода с помощью хука useReducer
Использование хука useReducer для обработки сложного состояния
Повышение производительности рендеринга компонентов
shouldComponentUpdate и PureComponent
Когда проводить рефакторинг
Глава 8. Включение данных
Запрос данных
Отправка данных с запросом
Загрузка файлов с помощью функции fetch
Авторизованные запросы
Сохранение данных локально
Обработка состояний промисов
Рендер-пропсы
Виртуализированные списки
Создание хука Fetch
Создание компонента Fetch
Обработка множественных запросов
Запоминание значений
Каскадные запросы
Регулирование скорости передачи
Параллельные запросы
В ожидании значений
Отмена запросов
Знакомство с GraphQL
GitHub GraphQL API
Выполнение запроса GraphQL
Глава 9. Suspense
Границы ошибок
Разделение кода
Введение в компонент Suspense
Использование Suspense с данными
Запуск промиса
Создание источников данных с задержкой
Fiber
Глава 10. Тестирование в React
ESLint
Плагины ESLint
Prettier
Настройка Prettier в проекте
Prettier в VSCode
Проверка типов для приложений React
PropTypes
Flow
TypeScript
Разработка через тестирование
TDD и обучение
Внедрение Jest
Create React App и тестирование
Тестирование компонентов React
Запросы
Тестирование событий
Использование понятия покрытия кода
Глава 11. React Router
Внедрение Router
Свойства маршрутизатора
Вложенность маршрутов
Использование переадресации
Параметры маршрутизации
Глава 12. React и сервер
Изоморфность против универсальности
Клиентские и серверные среды
Рендеринг React на сервере
Серверный рендеринг с Next.js
Gatsby
Будущее React
Об авторах
Об обложке
