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

Создание больших приложений с помощью 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$.

Скрытая ссылка