12+
Оглавление - 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: Проекты и практика
- Напутствие к читателю
- Полезные ссылки