Создание больших приложений с помощью Vue 3 и TypeScript [leanpub] [Алексей Пыльцын]

Создание больших приложений с помощью Vue 3 и TypeScript ​ Язык: русский Формат: оригинальный 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 Правила именования Стандарт разработки кода Примечания