React и TypeScript: Практическое руководство [Ирина Кириченко]

React и TypeScript: Практическое руководство Ирина Кириченко Это руководство предназначено для тех, кто желает освоить создание веб-приложений, используя такие современные инструменты, как React и TypeScript. Оно предлагает последовательный путь в освоении этих технологий — от начальных концепций до более глубоких аспектов. Независимо от вашего уровня подготовки, предлагаются практические примеры и полезные советы, чтобы сделать ваши знания еще более глубокими и применимыми. Часть 1. Основы React и TypeScript Глава 1. Введение в React и TypeScript Заключение Глава 2. Установка и настройка окружения разработки 2.1 Установка Node. js и npm 2.2 Настройка редактора кода 2.3 Создание проекта с использованием Create React App 2.4 Установка TypeScript 2.5 Заключение Глава 3. Понятие компонента в React 3.1 Понятие компонента в React 3.2 Создание функционального компонента 3.3 Использование компонента в приложении 3.6 Файл README.md 3.7 Запуск приложения 3.8 Заключение Глава 4. JSX и его синтаксис 4.1 Понятие JSX 4.2 Основы синтаксиса JSX 4.3 Рендеринг JSX 4.4 Преимущества JSX 4.5 Заключение Глава 5. Работа с компонентами и их вложенность 5.1 Создание компонента 5.2 Использование компонентов 5.3 Вложенность компонентов 5.4 Компонент высшего порядка 5.5 Заключение Глава 6. Основы использования props и state 6.1 Введение в props и state 6.2 Использование пропсов 6.5 Заключение Глава 7. Методы жизненного цикла компонентов 7.1 Введение в методы жизненного цикла 7.2 Основные методы жизненного цикла 7.3 Пример использования методов жизненного цикла 7.4 Заключение Глава 8. Автоматическое создание объектов props в React 8.1 Введение в объект props в React 8.2 Роль объекта props в компонентах 8.3 Создание объекта props 8.4 Доступ к свойствам через объект props 8.5 Порядок именования свойств в объекте props 8.6 Заключение Дополнительная информация Расширения файлов в React:.js,.jsx,.tsx Обзор популярных React Hooks Часть 2. Работа с формами и событиями Глава 1. Обработка событий в React 1.1 Обработка событий в JSX 1.2 Передача параметров в обработчики событий 1.3 События в функциональных компонентах 1.4 Заключение Глава 2. Работа с формами и контролируемые компоненты 2.1 Создание формы в React 2.2 Контролируемые компоненты 2.3 Отправка данных формы 2.4 Управление состоянием формы 2.5 Заключение Глава 3. Валидация ввода данных 3.1 Введение в валидацию данных 3.2 Валидация на стороне клиента 3.3 Валидация на стороне сервера 3.4 Обратная связь для пользователя 3.5 Использование библиотек валидации 3.6 Заключение Глава 4. Управление состоянием и обновление компонентов 4.1 Состояние компонентов в React 4.2 Обновление состояния 4.3 Передача состояния через props 4.4 Управление множественными частями состояния 4.5 Заключение Дополнительная информация Babel Часть 3. Работа с данными и запросами Глава 1. Работа с API и запросы к серверу 1.1 Введение в работу с API 1.2 Выполнение запросов к серверу 1.3 Обработка полученных данных 1.4 Отправка данных на сервер 1.5 Защита данных и обработка ошибок 1.6 Заключение Глава 2. Обработка ответов и обновление состояния компонентов 2.1 Обработка данных от сервера 2.2 Обновление состояния компонентов 2.3 Обновление компонентов на основе данных 2.4 Заключение Глава 3. Асинхронное программирование 3.1 Понятие асинхронных операций 3.2 Callback-функции 3.3 Promises 3.6 Отображение данных на веб-странице 3.7 Заключение Глава 4. Использование библиотек для упрощения работы с данными 4.1 Преимущества использования библиотек для работы с данными 4.2 Redux 4.3 Mobx 4.4 Axios 4.5 React Query 4.6 Заключение Дополнительная информация Методы HTTP «POST» и «GET» JSON формат Часть 4. Роутинг и навигация Глава 1. Введение в роутинг в React (React Router) 1.1 Роль роутинга в веб-разработке 1.2 React Router 1.3 Основные компоненты React Router 1.4 Заключение Глава 2. Создание многoстраничных приложений 2.1 Структура многoстраничного приложения 2.2 Определение маршрутов 2.3 Создание компонентов страниц 2.4 Заключение Глава 3. Динамическая навигация 3.1 Понятие динамической навигации 3.2 Передача параметров маршрута 3.3 Использование useParams хука 3.4 Использование хука useHistory 3.5 Защита маршрутов 3.6 Заключение Дополнительная информация Метод map () в JavaScript Метод reduce () в JavaScript Часть 5. TypeScript в React Глава 1. Введение в TypeScript и его типы данных 1.1 Роль TypeScript в разработке приложений 1.5 Заключение Глава 2. Добавление TypeScript в проект React 2.1 Начало работы с TypeScript и React 2.2 Настройка TypeScript 2.3 Преимущества TypeScript в проекте React 2.4 Заключение Глава 3. Введение в основные концепции TypeScript: type, interface и generics 3.1 Интерфейсы (interface) 3.2 Пользовательские типы данных (type) 3.3 Дженерики (generics) 3.4 Опциональные значения 3.5 Заключение Глава 4. Модули и пространства имен в TypeScript 4.1 Модули 4.2 Пространство имен 4.2 Разница между модулями и пространствами имен 4.3 Заключение Дополнительная информация Области видимости в TypeScript Часть 6. TypeScript в React Глава 1. Декораторы в TypeScript 1.1 Понятие декораторов 1.2 Способы использования декораторов 1.3 Заключение Глава 2. Аннотации типов для функций и компонентов 2.1 Аннотации типов для функций 2.2 Аннотации типов для компонентов React. 2.3 Аннотации типов для событий и обработчиков событий 2.4 Заключение Глава 3. Типизация props и state компонентов 3.1 Объявление типов для props компонентов 3.2 Объявление типов для state компонентов 3.3 Заключение Глава 4. Работа с событиями и обработчиками событий 4.1. Типизация событий 4.2 Объявление обработчиков событий 4.3 Пропсы для обработчиков событий 4.4 Практические примеры 4.5 Заключение Глава 3. Использование дженериков (generics) в React 3.1 Дженерики в React с TypeScript 3.2 Дженерики в хуках и компонентах 3.3 Лучшие практики использования дженериков в React с TypeScript 3.4 Заключение Дополнительная информация Файлы с расширением. d. ts Часть 6. Продвинутые темы Глава 1. Контекст и передача данных между компонентами 1.1 Основы контекста в React 1.2 Создание контекста 1.3 Предоставление и потребление данных контекста 1.4 Обновление данных контекста 1.5 Пример контекста 1.6 Заключение Глава 2. Redux и управление глобальным состоянием 2.1 Роль Redux в приложениях 2.2 Основные понятия Redux 2.3 Основные шаги работы с Redux 2.4 Пример использования Redux 2.5 Заключение Глава 3: Асинхронные операции с Redux Thunk 3.1 Понятие Redux Thunk 3.2 Установка Redux Thunk 3.3 Создание асинхронных действий 3.4 Подключение Redux Thunk к хранилищу 3.5 Заключение Глава 4: Рефакторинг и лучшие практики 4.1 Преимущества и цели рефакторинга кода 4.2 Лучшие практики рефакторинга 4.3 Заключение Дополнительная информация Функция fetch Часть 8. Тестирование и развертывание Глава 1. Тестирование компонентов с использованием 1.1 Введение в Jest и React Testing Library 1.2 Установка Jest и React Testing Library 1.3. Jest 1.4 React Testing Library 1.5 Написание тестов 1.6 Запуск тестов 1.7 Заключение Глава 3. Автоматизация сборки и развертывания с помощью инструментов Webpack и Babel 3.1 Преимущества автоматизации сборки проекта 3.2 Webpack 3.3 Babel 3.5 Заключение Полезные библиотекидля стилизации React-приложений Часть 9: Проекты и практика Напутствие к читателю Полезные ссылки Формат: epub, fb2, pdfRead, mobi