Создание больших приложений с помощью Vue 3 и TypeScript
Авторы: Damiano Fusco и Alexey Pyltsyn
Язык: русский
Формат: оригинальный pdf
Количество страниц: 286
О книгеСоздавайте фронтенд-приложения с большой кодовой базой, которые будут хорошо организованными, легко расширяемыми и простыми в поддержке при помощи следующих методов:
Оглавление:
- Разработка UI-компонентов независимо от API-клиента, который может возвращать как настоящие, так и фиктивные данные;
- Разделённое на модули хранилище Vuex с группировкой на предметные области приложения;
- Интернационализация и локализация, чтобы сделать доступным приложение на разных языках, включая форматирование чисел и дат согласно правилам определённой культуры;
- TypeScript и проверка типов во время разработки, чтобы сократить количество ошибок или багов во время выполнения;
- Продуманная файловая структура и разумные стандарты по именованию;
- Модульные тесты для моделей и компонентов;
- Библиотеки компонентов;
- И многое другое.
- КРУПНОМАСШТАБНЫЕ ПРИЛОЖЕНИЯ ПРИ ПОМОЩИ VUE 3 И TYPESCRIPT
- Предисловие
- Благодарности
- Для кого предназначена эта книга
- Цель
- Принятые соглашения
- Обязательный минимум
- Сопутствующий код
- Глава 1: инициализация проекта с помощью vue-cli
- Резюме первой главы
- Глава 2: ваш первый компонент
- Список элементов
- Требования к компоненту ItemsList
- Код компонента ItemsList
- Представление для главной страницы
- Обновления App.vue
- Резюме второй главы
- Глава 3: интерфейсы модели данных
- Директория с моделями
- Интерфейс ItemInterface
- Компонент ItemsList
- Представление для главной страницы
- Резюме третьей главы
- Глава 4: добавление событий в компонент с элементами
- Компонент ItemsList
- Резюме четвёртой главы
- Глава 5 - Введение в модульное тестирование и небольшой рефакторинг
- ItemComponent
- Модульные тесты ItemComponent
- Компонент ItemsList
- Обновление Home.vue
- Резюме пятой главы
- Глава 6. Знакомство со Vuex
- Краткое описание Vuex
- Главное хранилище Vuex (файл: store/index.ts)
- Интерфейс ItemsStateInterface
- Продолжаем работать с файлом store/index.ts
- Представление главной страницы
- Тестирование в браузере
- Улучшение ItemsList.component.vue
- Home.vue
- Проверка в браузера
- Компонент-загрузчик
- Компонент ItemsList
- Улучшение обработчика клика на элементе в компоненте ItemsList
- Хранилище Vuex: мутация selectItem
- Хранилище Vuex: действие selectItem
- Резюме шестой главы
- Глава 7: API-клиент
- Общая схема API-клиента
- Предметные области
- Основной API-клиент
- API-клиент элементов
- Фиктивный и реальный API-клиенты
- Фиктивный API-клиент
- Настоящий API-клиент
- Фабрика API-клиентов
- Обновления экземпляра хранилища Vuex
- Альтернативы
- Резюме седьмой главы
- Глава 8: улучшение API-клиента
- Интерфейсы и модели HttpClient
- Модульные тесты для HttpClient
- Обновления в ItemsApiClientModel
- Резюме восьмой главы
- Глава 9: разбивка хранилища Vuex на модули
- Текущий экземпляр Vuex-хранилища (файл src/store/index.ts)
- Модели для хранилища и состояния
- Экземпляр хранилища
- Уродливый синтаксис интерполяции модуля и мутации
- Итого
- Резюме девятой главы
- Замечания
- Улучшения
- Глава 10: локализация и интернационализация. Часть 1
- Плагин vue-i18n
- Резюме десятой главы
- Глава 11: локализация и интернационализация. Часть 2
- Компонент LocaleSelector
- Реализация LocalesStateInterface
- Файл LocaleSelector.component.vue
- Файл LocaleFlagRadio.component.vue
- Файл src/main.ts
- Файл src/App.vue
- Браузер
- Выводы одиннадцатой главы
- Глава 12: локализация и интернационализация. Часть 3
- Локализация основного навигационного меню
- Локализация компонента элементов
- Выводы двенадцатой главы
- Глава 13: локализация и интернационализация. Форматирование чисел и времени
- Обновления JSON-файлов локалей
- Выводы тринадцатой главы
- Глава 14: конфигурация приложения
- Файл src/config
- Файл tsconfig.json
- Файл src/config/index.ts
- Модульные тесты для интерфейса Config
- Выводы четырнадцатой главы
- Глава 15: использование библиотек CSS/SASS/SCSS
- Библиотека SCSS
- Обновления кода плагина с иконками флагов
- Плагин MyAppScss
- Компонент ThemeSelector
- Выводы пятнадцатой главы
- Глава 16: создание внешних компонентов
- Удаление текущего кода ThemeSelector
- Создание директории для внешних компонентов
- Создание директории для ThemeSelector
- Создание моделей ThemeSelector
- Создание моделей хранилища ThemeSelector
- Constant keys for localStorage
- Создание компонента ThemeSelector
- Модификация кода в App.vue
- Выводы шестнадцатой главы
- Глава 17: Публикация библиотеки компонентов в виде пакета
- Использование пакета в my-project
- Выводы семнадцатой главы
- Глава 18: знакомство с примитивами
- Атомарный дизайн и похожие подходы
- Соглашения
- Общие принципы
- Tailwind CSS
- Текстовые элементы
- Представление с примитивами
- Выводы восемнадцатой главы
- Глава 19: добавление новых примитивов
- Элементы-кнопки
- Обновление представления примитивов
- Элементы c переключателем/чекбоксом
- Ещё одна доработка представления с примитивами
- Выводы девятнадцатой главы
- Глава 20: высокоуровневые компоненты
- Обновления компонента Item
- Обновление компонента ItemsList
- Резюме
- Вывод двадцатой главы
- Глава 21: динамические компоненты
- Простой элемент карточки
- Компонент BaseWidget
- Компонент CustomersWidget
- Компонент OrdersWidget
- Компонент ItemsListWidget
- Файл WidgetsCatalog.ts
- Компонент WidgetsContainer, его модели и состояние
- Представление с демонстрацией виджетов
- Тестирование в браузере
- Резюме
- Файл Vue.config.js
- Правила именования
- Стандарт разработки кода
- Примечания
Продажник: по ссылке перебрасывает на leanpub.com со скидкой. Цена 11$ вместо 15$.
Последнее редактирование модератором:
- Статус
- В этой теме нельзя размещать новые ответы.