Создание больших приложений с помощью Vue 3 и TypeScript

Отозвана

Эта книга не больше недоступна для продажи.

Создание больших приложений с помощью Vue 3 и TypeScript

Узнайте, как создавать крупномасштабные приложения.

О книге

(NOTE: There is a 2nd edition of this book in the work here https://leanpub.com/vue-vite-typescript. If you already bought this, reach to me with the same email you used on Leanpub and I will send you a coupon to download the new edition for free)

Создавайте фронтенд-приложения с большой кодовой базой, которые будут хорошо организованными, легко расширяемыми и простыми в поддержке при помощи следующих методов:

  • Разработка UI-компонентов независимо от API-клиента, который может возвращать как настоящие, так и фиктивные данные;
  • Разделённое на модули хранилище Vuex с группировкой на предметные области приложения;
  • Интернационализация и локализация, чтобы сделать доступным приложение на разных языках, включая форматирование чисел и дат согласно правилам определённой культуры;
  • TypeScript и проверка типов во время разработки, чтобы сократить количество ошибок или багов во время выполнения;
  • Продуманная файловая структура и разумные стандарты по именованию;
  • Модульные тесты для моделей и компонентов;
  • Библиотеки компонентов;
  • И многое другое.

This book is a translation into Русский of Large Scale Apps with Vue 3 and TypeScript which was originally written in Английский.

О авторах

Damiano Fusco
Damiano Fusco

Web Developer with 20 years of experience.

Specialties: VueJS, Svelte, React, TypeScript, JavaScript, HTML, SCSS, Microfrontends, and more.

Working as a freelance consultant, after 20 years of employment work. Hire my services to help your company get unstuck from the drawbacks of your current legacy frontend, and start moving forward at much higher speed and quality.

Follow me on GitHub, Twitter (X), LinkedIn

Personal website: www.damianofusco.com

Applications:

Alexey Pyltsyn
Alexey Pyltsyn

Web developer (mostly PHP and JavaScript). Maintainer of official Russian documentation on PHP. Translate articles on web development into Russian for devSchacht.

Оглавление

  • КРУПНОМАСШТАБНЫЕ ПРИЛОЖЕНИЯ ПРИ ПОМОЩИ 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
  • Правила именования
    • Стандарт разработки кода
  • Примечания

Безусловная 100% гарантия счастья без риска от Leanpub

В течение 60 дней с момента покупки вы можете получить 100% возврат средств на любую покупку в Leanpub всего в два клика. Мы обрабатываем заявки на возврат средств вручную, так что этот процесс может занять несколько дней. Смотрите полные условия.

Earn $8 on a $10 Purchase, and $16 on a $20 Purchase

We pay 80% royalties on purchases of $7.99 or more, and 80% royalties minus a 50 cent flat fee on purchases between $0.99 and $7.98. You earn $8 on a $10 sale, and $16 on a $20 sale. So, if we sell 5000 non-refunded copies of your book for $20, you'll earn $80,000.

(Yes, some authors have already earned much more than that on Leanpub.)

In fact, authors have earnedover $14 millionwriting, publishing and selling on Leanpub.

Learn more about writing on Leanpub

Free Updates. DRM Free.

If you buy a Leanpub book, you get free updates for as long as the author updates the book! Many authors use Leanpub to publish their books in-progress, while they are writing them. All readers get free updates, regardless of when they bought the book or how much they paid (including free).

Most Leanpub books are available in PDF (for computers), EPUB (for phones and tablets) and MOBI (for Kindle). The formats that a book includes are shown at the top right corner of this page.

Finally, Leanpub books don't have any DRM copy-protection nonsense, so you can easily read them on any supported device.

Learn more about Leanpub's ebook formats and where to read them

Пишите и публикуйте на Leanpub

Авторы и издатели используют Leanpub для публикации замечательных ещё незаконченных и уже завершенных книг, как эта. Вы можете использовать Leanpub для написания, публикации и продажи своей книги! Leanpub - мощная платформа для серьезных авторов, сочетающая простой, элегантный письменный и издательский процесс с магазином, ориентированным на продажу продвигаемых электронных книг. Leanpub - волшебная пишущая машинка для авторов: просто пишите в текстовом виде и опубликуйте свою книгу, просто нажимая кнопку. Это действительно проще простого.

Узнать подробнее о написании на Leanpub