React быстро Мардан А.React быстро купитьReact быстро. Веб-приложения на React, JSX, Redux и GraphQLReact быстро. Веб-приложения на React, JSX, Redux и GraphQL Мардан А.React быстро. Веб-приложения на React, JSX, Redux и GraphQL купить
React быстро
React быстро Мардан А.
React быстро купить
React быстро. Веб-приложения на React, JSX, Redux и GraphQL
React быстро. Веб-приложения на React, JSX, Redux и GraphQL Мардан А.
React быстро. Веб-приложения на React, JSX, Redux и GraphQL купить

React быстро. Веб-приложения на React, JSX, Redux и GraphQL, Мардан А.

650 грн.

Артикул: pit196 Категория: Метка:

Описание

Здесь можно купить: React быстро. Веб-приложения на React, JSX, Redux и GraphQL, Мардан А. книга

Издательство — Питер

Язык — русский

Обложка — Мягкая обложка

Год издания — 2019

Количество страниц — 560

ISBN — 978-5-4461-0952-4

Бумага — белая, офсетная

О книге React быстро. Веб-приложения на React, JSX, Redux и GraphQL, Мардан А.

Как решить проблемы front-end-разработчиков и сделать их жизнь более счастливой? Нужно всего лишь познакомиться с возможностями React! Только так вы сможете быстро выйти на новый уровень и получить не только моральное, но и материальное удовлетворение от веб-разработки. Успешные пользовательские интерфейсы должны быть визуально интересными, быстрыми и гибкими. React ускоряет тяжелые веб-приложения, улучшая поток данных между компонентами UI. Сайты начинают эффективно и плавно обновлять визуальные элементы, сводя к минимуму время на перезагрузку страниц.Перед вами труд, над которым на протяжении полутора лет работало более дюжины человек. Тщательно отобранные примеры и подробные комментарии позволяют разработчикам перейти на React быстро, чтобы затем эффективно создавать веб-приложения, используя всю мощь JavaScript.ВНУТРИ:• Основы React• Создание полнофункциональных веб-приложений с маршрутизацией• Тестирование• Оптимизация приложений React«Эта книга — лучший способ разобраться в React.js».Джон Сонмез, автора книги «Путь программиста»«Азат — один из самых авторитетных источников в области программирования. Эта книга выходит за рамки начального уровня и глубоко погружает в основы и архитектуру React».Эрик Хэнчетт, автор книги «Ember.js Cookbook»«React быстро — универсальный источник информации для читателя, который желает освоить React с его экосистемой инструментов, концепций и библиотек».Питер Купер, редактор «JavaScript Weekly»«Эта книга — отличный ресурс для изучения React. Четко и по делу. Я буду пользоваться ей в работе над своим следующим приложением».Натан Бэйли, полностековый разработчик, SpringboardAuto.com

React быстро. Веб-приложения на React, JSX, Redux и GraphQL, Мардан А. оглавление

Вступление

Предисловие

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

О книге

Структура книги

Для кого написана эта книга (обязательно прочитайте!)

Кому эта книга не подойдет (тоже прочитайте!)

Как использовать эту книгу

Исходный код

Об авторе

Об обложке

ЧАСТЬ I. ОСНОВЫ REACT

Глава 1. Знакомство с React

1. Что такое React?

2. Проблема, которую решает React

3. Преимущества React

3.1. Простота

3.2. Скорость и удобство тестирования

3.3. Экосистема и сообщество

4. Недостатки React

5. Как React интегрируется в веб-приложение

5.1. Библиотеки React и объекты рендеринга

5.2. Одностраничные приложения и React

5.3. Стек React

6. Первый код React: Hello world

7. Вопросы

8. Итоги

9. Ответы

6

Глава 2. Первые шаги с React

1. Вложение элементов

2. Создание классов компонентов

3. Работа со свойствами

4. Вопросы

5. Итоги

6. Ответы

Глава 3. Знакомство с JSX

1. Что такое JSX и чем он хорош?

2. Логика JSX

2.1. Создание элементов с JSX

2.2. Работа с JSX в компонентах

2.3. Вывод переменных в JSX

2.4. Работа со свойствами в JSX

2.5. Создание методов компонентов React

2.6. if/else в JSX

2.7. Комментарии в JSX

3. Настройка транспилятора JSX с Babel

4. Потенциальные проблемы React и JSX

4.1. Специальные символы

4.2. Атрибуты data-

4.3. Атрибут style

4.4. class и for

4.5. Значения логических атрибутов

5. Вопросы

6. Итоги

7. Ответы

Глава 4. Состояния и их роль в интерактивной природе React

1. Что такое состояние компонента React?

2. Работа с состояниями

2.1. Обращение к состояниям

2.2. Назначение исходного состояния

2.3. Обновление состояния

3. Состояния и свойства

4. Компоненты без состояния

5. Компоненты с состоянием и без состояния

6. Вопросы

7. Итоги

8. Ответы

7Глава 5. События жизненного цикла компонентов React

1. Общие сведения о событиях жизненного цикла компонентов React

2. Категории событий

3. Реализация события

4. Сразу все действия

5. События подключения

5.1. componentWillMount()

5.2. componentDidMount()

6. События обновления

6.1. componentWillReceiveProps(newProps)

6.2. shouldComponentUpdate()

6.3. componentWillUpdate()

6.4. componentDidUpdate()

7. События отключения

7.1. componentWillUnmount()

8. Простой пример

9. Вопросы

Итоги

Ответы

Глава 6. Обработка событий в React

1. Работа с событиями DOM в React

1.1. Фазы спуска и подъема

1.2. События React во внутренней реализации

1.3. Работа с объектами события React SyntheticEvent

1.4. Использование событий и состояния

1.5. Передача обработчиков событий как свойств

1.6. Передача данных между компонентами

2. Реакция на события DOM, не поддерживаемые React

3. Интеграция React с другими библиотеками: UI-события jQuery

3.1. Интеграция кнопок

3.2. Интеграция надписей

4. Вопросы

5 Итоги

6. Ответы

Глава 7. Работа с формами в React

1. Рекомендуемый способ работы с формами в React

1.1. Определение формы и ее событий в React

1.2. Определение элементов форм

1.3. Отслеживание изменений в формах

8

7.1.4. Поле для банковского счета

2. Альтернативные способы работы с формами

2.1. Неуправляемые элементы с отслеживанием изменений

2.2. Неуправляемые элементы без отслеживания изменений

2.3. Использование ссылок для обращения к переменным

2.4. Значения по умолчанию

3. Вопросы

4. Итоги

5. Ответы

Глава 8. Масштабируемость компонентов React

1. Свойства по умолчанию в компонентах

2. Типы свойств React и проверка данных

3. Рендеринг дочерних элементов

4. Создание компонентов React высшего порядка для повторного использования кода

4.1. Использование displayName: как отличить дочерние компоненты от родителя

4.2. Использование оператора расширения: передача всех атрибутов

4.3. Использование компонентов высшего порядка

5. Презентационные и контейнерные компоненты

6. Вопросы

7. Итоги

8. Ответы

Глава 9. Компонент меню

1. Структура проекта и инициализация

2. Построение меню без JSX

2.1. Компонент Menu

2.2. Компонент Link

2.3. Запуск

3. Построение меню в JSX

3.1. Переработка компонента Menu

3.2. Переработка компонента Link

3.3. Запуск проекта JSX

4. Домашнее задание

5. Итоги

Глава 10. Компонент Tooltip

1. Структура проекта и инициализация

2. Компонент Tooltip

910.2.1. Функция toggle()

2.2. Функция render()

3. Запуск

4. Домашнее задание

5. Итоги

Глава 11. Компонент Timer

1. Структура проекта и инициализация

2. Архитектура приложения

3. Компонент TimerWrapper

4. Компонент Timer

5. Компонент Button

6. Запуск таймера

7. Домашнее задание

8. Итоги

ЧАСТЬ 2. АРХИТЕКТУРА REACT

Глава 12. Система сборки Webpack

1. Что делает Webpack?

2. Включение Webpack в проект

2.1. Установка системы Webpack и ее зависимостей

2.2. Настройка Webpack

3. Модуляризация кода

4. Запуск Webpack и тестирование сборки

5. Оперативная замена модулей

5.1. Настройка HMR

5.2. Оперативная замена модулей в действии

6. Вопросы

7. Итоги

8. Ответы

Глава 13. Маршрутизация в React

1. Реализация маршрутизации с нуля

1.1. Создание проекта

1.2. Создание мэппинга маршрутов в файле app.jsx

1.3. Создание компонента Router в router.jsx

2. React Router

2.1. Стиль JSX в React Router

2.2. История идентификатора фрагмента

2.3. История браузера

10

13.2.4. Настройка React Router для разработки с Webpack

2.5. Создание макетного компонента

3. Функциональность React Router

3.1. Обращение к маршрутизатору с использованием компонента

высшего порядка withRouter

3.2. Навигация на программном уровне

3.3. Параметры URL и другие данные маршрутов

3.4. Передача свойств в Router

4. Маршрутизация с использованием Backbone

5. Вопросы

6. Итоги

7. Ответы

Глава 14. Работа с данными с использованием Redux

1. Поддержка однонаправленной передачи данных в React

2. Архитектура данных Flux

3. Использование библиотеки данных Redux

3.1. Клон Netflix на базе Redux

3.2. Зависимости и конфигурации

3.3. Включение Redux

3.4. Маршруты

3.5. Объединение редьюсеров

3.6. Редьюсер для movies

3.7. Действия

3.8. Создатели действий

3.9. Установление связи компонентов с хранилищем

3

Передача действий

3

Передача создателей действий в свойствах компонентов

3

Выполнение клона Netflix

3

Redux: заключение

4. Вопросы

5. Итоги

6. Ответы

Глава 15. Работа с данными в GraphQL

1. GraphQL

2. Добавление сервера к клону Netflix

2.1. Установка GraphQL на сервере

2.2. Структура данных

2.3. Схема GraphQL

2.4. Запросы к API и сохранение ответа в хранилище

1115.2.5. Вывод списка фильмов

2.6. GraphQL: заключение

3. Вопросы

4. Итоги

5. Ответы

Глава 16. Модульное тестирование кода React c Jest

1. Разновидности тестирования

2. Почему именно Jest?

3. Модульное тестирование с Jest

3.1. Написание модульных тестов в Jest

3.2. Тестовые утверждения Jest

4. UI-тестирование React с использованием Jest и TestUtils

4.1. Поиск элементов с TestUtils

4.2. UI-тестирование виджета для генерирования паролей

4.3. Неглубокий рендеринг

5. TestUtils: заключение

6. Вопросы

7. Итоги

8. Ответы

Глава 17. Использование React с Node и универсальный JavaScript

1. Зачем нужен React на сервере? И что такое универсальный JavaScript?

1.1. Корректное индексирование страниц

1.2. Повышение быстродействия с ускорением загрузки

1.3 Упрощенное сопровождение кода

1.4. Универсальный JavaScript с React и Node

2. React с Node

3. React и Express: генерирование кода из компонентов на стороне сервера

3.1. Рендеринг простого текста на стороне сервера

3.2. Рендеринг страницы HTML

4. Универсальный JavaScript с Express и React

4.1. Структура и конфигурация проекта

4.2. Настройка сервера

4.3. Структурные шаблоны на стороне сервера с использованием

Handlebars

4.4. Формирование компонентов React на сервере

4.5. Клиентский код React

4.6. Настройка Webpack

4.7. Запуск приложения

5. Вопросы

12

17.6. Итоги

7. Ответы

Глава 18. Проект: создание книжного магазина с React Router

1. Структура проекта и конфигурация Webpack

2. Основной файл HTML

3. Создание компонентов

3.1. Главный файл: app.jsx

3.2. Компонент Cart

3.3. Компонент Checkout

3.4. Компонент Modal

3.5. Компонент Product

4. Запуск проекта

5. Домашнее задание

6. Итоги

Глава 19. Проект: проверка паролей с Jest

1. Структура проекта и конфигурация Webpack

2. Основной файл HTML

3. Реализация модуля надежного пароля

3.1. Тесты

3.2. Код

4. Реализация компонента Password

4.1. Тесты

4.2. Код

5. Виджет в действии

6. Домашнее задание

7. Итоги

Глава 20. Проект: реализация автозаполнения с Jest, Express и MongoDB

1. Структура проекта и конфигурация Webpack

2. Реализация веб-сервера

2.1. Определение REST-совместимых API

2.2. Рендеринг React на сервере

3. Добавление браузерного сценария

4. Создание серверного шаблона

5. Реализация компонента Autocomplete

5.1. Тесты для Autocomplete

5.2. Код компонента Autocomplete

6. Все вместе

7. Домашнее задание

8. Итоги

13ПРИЛОЖЕНИЯ

Приложение А. Установка приложений

Установка React

Установка Node.js

Установка Express

Установка Bootstrap

Установка Browserify

Установка MongoDB

Использование Babel для компиляции JSX и ES6

Node.js и ES6

Автономный браузер Babel

Приложение Б. Шпаргалки по React

Установка

React

React DOM

Рендеринг

ES5

ES5+JSX

Рендеринг на стороне сервера

Компоненты

ES5

ES5 + JSX

ES6 + JSX

Расширенные возможности компонентов

Варианты (ES5)

ES5

ES5 + JSX

ES6 + JSX

События жизненного цикла

Специальные свойства

propTypes

Свойства и методы компонентов

Дополнения React

Компоненты React

Приложение В. Краткая сводка Express.js

Установка Express.js

Генератор

Основы

14

Маршруты и команды HTTP

Запросы

Сокращенные обозначения заголовков

Ответ

Сигнатуры обработчиков

Stylus и Jade

Тело

Статические файлы

Подсоединение промежуточных модулей

Другие популярные промежуточные модули

Ресурсы

Приложение Г. Шпаргалка по MongoDB и Mongoose

MongoDB

Консоль MongoDB

Установка Mongoose

Простейший вариант использования Mongoose

Схема Mongoose

Пример Mongoose с использованием CRUD (Create/Read/Update/Delete)

Методы модели Mongoose

Методы документов Mongoose

Приложение Д. ES6 для успеха

Параметры по умолчанию

Шаблонные литералы

Многострочные строки

Деструктурирующее присваивание

Расширенные объектные литералы

Стрелочные функции

Обещания

Конструкции с блочной областью видимости: let и const

Классы

Модули

Использование ES6 с Babel

Другие возможности ES6

Также вы можете оставить вопрос или отзыв о книге: React быстро. Веб-приложения на React, JSX, Redux и GraphQL, Мардан А.

Отзывы

Отзывов пока нет.

Будьте первым, кто оставил отзыв на “React быстро. Веб-приложения на React, JSX, Redux и GraphQL, Мардан А.”

Ваш e-mail не будет опубликован. Обязательные поля помечены *