Изучаем React, Чиннатамби К., 2019

Изучаем React, Чиннатамби К., 2019.

  Второе, обновленное, издание снискавшей множество положительных отзывов на Amazon книги известного преподавателя основ веб-разработки, автора обучающего Youtube-канала Кирупы Чиннатамби. Эта книга позволит вам освоить разработку современных веб-приложений с использованием React и Redux. До выхода этой книги считалось, что освоить React самостоятельно, да еще и новичку, практически невозможно. Однако благодаря свежему взгляду и легкому стилю изложения автора этой книги сотни веб-разработчиков по всему миру признали, что освоили тему легко и быстро. На то, чтобы приступить к созданию первых собственных приложений на React, вам потребуется буквально несколько минут чтения. Дерзайте!




Работа c JSX.
Прежде чем приступить к созданию приложения, нам следует обратить внимание на один важный нюанс. React не похожа на прежние библиотеки JavaScript. Ее не слишком радует, когда вы ссылаетесь на написанный для нее код, используя элемент script. Эта раздражающая особенность влияет на процесс создания React-приложений.

Как вы знаете, веб-приложения (и все остальное, что отображается в браузере) состоят из кода на языках HTML, CSS и JavaScript (рис. 2.2).
Неважно, создано ли веб-приложение с помощью React или другой библиотеки, вроде Angular, Knockout или jQuery. Конечный результат должен представлять собой комбинацию кода на языках HTML, CSS и JavaScript; в противном случае браузер не будет знать, что с ним делать.

Тут и проявляется особенность React. Помимо обычного HTML, CSS и JavaScript основная часть вашего React-кода будет написана с использованием синтаксиса JSX. Как я уже упоминал в главе 1, JSX — это язык, который позволяет легко смешивать код JavaScript с HTML-подобными тегами для определения элементов пользовательского интерфейса (UI) и их функциональности. Это звучит здорово (и чуть позже вы увидите JSX в действии), однако есть небольшая проблема. Браузер не знает, что делать с JSX.

Содержание.
Об авторе.
Благодарности.
Глава 1. Знакомство с React.
Многостраничный дизайн старой школы.
Одностраничные приложения новой школы.
Знакомьтесь с React.
Автоматическое управление состоянием пользовательского интерфейса.
Быстрое манипулирование DOM.
API для создания компонуемых пользовательских интерфейсов.
Визуальные элементы, целиком определенные
в коде JavaScript.
Только V в архитектуре MVC.
Заключение.
Глава 2. Создание первого React-приложения.
Работа с JSX.
Использование React.
Отображение имени.
Пока ничего нового.
Смена места назначения.
Добавление стилей.
Заключение.
Глава 3. Компоненты React.
Краткий обзор функций.
Изменения во взаимодействии с пользовательским интерфейсом.
Встречайте компонент React.
Создание компонента HelloWorld.
Указание свойств.
Часть первая: Обновление определения компонента.
Вторая часть: Изменение кода вызова компонента.
Работа с дочерними элементами.
Заключение.
Глава 4. Стили в библиотеке React.
Отображение нескольких гласных.
Стилизация контента React с помощью CSS.
Разберитесь в сгенерированном HTML-коде.
Примените стиль.
Стилизация контента методом библиотеки React.
Создание объекта стиля.
Стилизация контента.
Настройка фонового цвета.
Заключение.
Глава 5. Создание сложных компонентов.
От визуализации до компонентов.
Определение основных визуальных элементов.
Определение компонентов.
Создание компонентов.
Компонент Card.
Компонент square.
Компонент Label.
Передача свойств.
Почему так важна компоновка компонентов.
Заключение.
Глава 6. Передача свойств.
Обзор проблемы.
Глубокий анализ проблемы.
Оператор расширения.
Лучший способ передачи свойств.
Заключение.
Глава 7. Встречайте JSX. Вновь!.
Что происходит с JSX?.
Причуды JSX, которые надо запомнить.
Обработка выражений.
Возвращение нескольких элементов.
Нельзя использовать встроенные стили CSS.
Комментарии.
Регистр, HTML-элементы и компоненты.
JSX-код может быть где угодно.
Заключение.
Глава 8. Работа с состояниями React.
Использование состояний.
Начало работы.
Настройка счетчика.
Установка начального значения состояния.
Запуск таймера и установка состояния.
Рендеринг смены состояния.
Дополнительно: полный код.
Заключение.
Глава 9. Переход отданных к пользовательскому интерфейсу.
Пример.
JSX-код может быть где угодно, часть II.
Работа с массивами.
Заключение.
Глава 10. События в React.
Определение и реагирование на события.
Начало работы.
Создание кнопки действия.
Свойства события.
Синтетические события.
Работа со свойствами события.
Действия с событиями.
Вы не можете напрямую прослушивать события компонентов.
Прослушивание стандартных событий DOM.
Значение this внутри обработчика событий.
React. Почему? Почему?.
Совместимость с браузерами.
Повышение производительности.
Заключение.
Глава 11. Жизненный цикл компонента.
Знакомство с методами жизненного цикла.
Методы жизненного цикла в действии.
Этап начального рендеринга.
Получение свойств по умолчанию.
Получение состояния по умолчанию.
component WillMount.
render.
component DidMount.
Этап обновления.
Изменение состояний.
shouldComponentUpdate.
componentWill Update.
render.
componentDidUpdate.
Изменения свойств.
Этап размонтирования.
Заключение.
Глава 12. Доступ к элементам DOM в React.
Код приложения «Палитра».
Знакомство со ссылками.
Использование порталов.
Заключение.
Глава 13. Настройка среды разработки React.
Проект Create React.
Анализ произошедшего.
Создание демонстрационного приложения.
Сборка проекта.
Заключение.
Глава 14. Работа с внешними данными в React.
Основы веб-запросов.
Время работать с React.
Начало работы.
Получение IP-адреса.
Визуальные эффекты уровнем выше.
Заключение.
Глава 15. Создание планировщика в React.
Поехали!.
Создание интерфейса.
Построение остальной части приложения.
Добавление элементов.
Отображение элементов.
Форматирование контента приложения.
Удаление элементов.
Анимация! Анимация! Анимация!.
Заключение.
Глава 16. Создание плавающего меню в React.
Как работает плавающее меню.
Настройка плавающего меню.
Начало работы.
Отображение и сокрытие меню.
Создание кнопки.
Создание меню.
Заключение.
Глава 17. Избегайте ненужных операций рендеринга.
Вкратце о методе render.
Оптимизация количества вызовов метода render.
Разбираем пример.
Анализ вызовов метода render.
Переопределение обновления компонента.
Использование компонента PureComponent.
Заключение.
Глава 18. Создание одностраничного приложения React с помощью роутера.
Пример.
Начало работы.
Создание одностраничного приложения.
Отображение начального фрейма.
Создание страниц с контентом.
Использование библиотеки React Router.
Последние штрихи.
Исправление путей маршрутизации.
Добавление правил CSS.
Выделение активной ссылки.
Заключение.
Глава 19. Введение в Redux.
Что такое Redux.
Создание простого приложения с помощью Redux.
Настало время Redux.
Свет! Камера! Мотор!.
Управление редуктором.
Работа с хранилищем.
Заключение.
Глава 20. Совместное использование Redux с React.
Управление состояниями React с помощью Redux.
Как пересекаются React и Redux.
Начало работы.
Создание приложения.
Заключение.
Предметный указатель.

Купить .





Теги: учебник по программированию :: программирование :: Чиннатамби