Large scale apps with vue 3 and 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 и проверка типов во время разработки, чтобы сократить количество ошибок или багов во время выполнения;
• Продуманная файловая структура и разумные стандарты по именованию;
• Модульные тесты для моделей и компонентов;
• Библиотеки компонентов;
• И многое другое.

Поделиться информацией о книге

Categories

• Computers and Programming
• JavaScript
• Vue.js
• Web Development
• Software Architecture
• TypeScript

Обратная связь

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

О авторах

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.

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
• Предисловие
  • Благодарности
  • Для кого предназначена эта книга
  • Цель
  • Принятые соглашения
  • Резюме первой главы
  • Список элементов
  • Требования к компоненту ItemsList
  • Код компонента ItemsList
  • Представление для главной страницы
  • Резюме второй главы
  • Директория с моделями
  • Интерфейс ItemInterface
  • Компонент ItemsList
  • Резюме третьей главы
  • Компонент ItemsList
  • Резюме четвёртой главы
  • ItemComponent
  • Модульные тесты ItemComponent
  • Компонент ItemsList
  • Обновление Home.vue
  • Резюме пятой главы
  • Краткое описание Vuex
  • Главное хранилище Vuex (файл: store/index.ts)
  • Интерфейс ItemsStateInterface
  • Продолжаем работать с файлом store/index.ts
  • Представление главной страницы
  • Тестирование в браузере
  • Улучшение ItemsList.component.vue
  • Home.vue
  • Проверка в браузера
  • Компонент-загрузчик
  • Компонент ItemsList
  • Улучшение обработчика клика на элементе в компоненте ItemsList
  • Хранилище Vuex: мутация selectItem
  • Хранилище Vuex: действие selectItem
  • Резюме шестой главы
  • Общая схема API-клиента
  • Предметные области
  • Основной API-клиент
  • API-клиент элементов
  • Фиктивный и реальный API-клиенты
  • Фиктивный API-клиент
  • Настоящий API-клиент
  • Фабрика API-клиентов
  • Обновления экземпляра хранилища Vuex
  • Альтернативы
  • Резюме седьмой главы
  • Интерфейсы и модели HttpClient
  • Модульные тесты для HttpClient
  • Обновления в ItemsApiClientModel
  • Резюме восьмой главы
  • Текущий экземпляр Vuex-хранилища (файл src/store/index.ts)
  • Модели для хранилища и состояния
  • Экземпляр хранилища
  • Уродливый синтаксис интерполяции модуля и мутации
  • Итого
  • Резюме девятой главы
  • Замечания
  • Улучшения
  • Плагин vue-i18n
  • Резюме десятой главы
  • Компонент LocaleSelector
  • Реализация LocalesStateInterface
  • Файл LocaleSelector.component.vue
  • Файл LocaleFlagRadio.component.vue
  • Файл src/main.ts
  • Файл src/App.vue
  • Браузер
  • Выводы одиннадцатой главы
  • Локализация основного навигационного меню
  • Локализация компонента элементов
  • Выводы двенадцатой главы
  • Обновления JSON-файлов локалей
  • Выводы тринадцатой главы
  • Файл src/config
  • Файл tsconfig.json
  • Файл src/config/index.ts
  • Модульные тесты для интерфейса Config
  • Выводы четырнадцатой главы
  • Библиотека SCSS
  • Обновления кода плагина с иконками флагов
  • Плагин MyAppScss
  • Компонент ThemeSelector
  • Выводы пятнадцатой главы
  • Удаление текущего кода ThemeSelector
  • Создание директории для внешних компонентов
  • Создание директории для ThemeSelector
  • Создание моделей ThemeSelector
  • Создание моделей хранилища ThemeSelector
  • Constant keys for localStorage
  • Создание компонента ThemeSelector
  • Модификация кода в App.vue
  • Выводы шестнадцатой главы
  • Использование пакета в my-project
  • Выводы семнадцатой главы
  • Атомарный дизайн и похожие подходы
  • Соглашения
  • Общие принципы
  • Tailwind CSS
  • Текстовые элементы
  • Представление с примитивами
  • Выводы восемнадцатой главы
  • Элементы-кнопки
  • Обновление представления примитивов
  • Элементы c переключателем/чекбоксом
  • Ещё одна доработка представления с примитивами
  • Выводы девятнадцатой главы
  • Обновления компонента Item
  • Обновление компонента ItemsList
  • Резюме
  • Вывод двадцатой главы
  • Простой элемент карточки
  • Компонент BaseWidget
  • Компонент CustomersWidget
  • Компонент OrdersWidget
  • Компонент ItemsListWidget
  • Файл WidgetsCatalog.ts
  • Компонент WidgetsContainer, его модели и состояние
  • Представление с демонстрацией виджетов
  • Тестирование в браузере
  • Резюме
  • Стандарт разработки кода

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

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

  80% Royalties. Earn $16 on a $20 book.

  We pay 80% royalties. That’s not a typo: you earn $16 on a $20 sale. If we sell 5000 non-refunded copies of your book or course for $20, you’ll earn $80,000.

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

  In fact, authors have earned over $12 million writing, publishing and selling 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.

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

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

  Publish Early, Publish Often

  Источник

  Books:
  Large Scale Apps with Vue/Svelte/React
  and TypeScript

  Build Large and Scalable front-ends that leverage component isolation, internationalization, localization, a modular state manager, Custom Component Libraries, API-client code that easily can switch between mocked data and live data and more.

  All Books:

  

  Large Scale Apps with Vue, Vite and TypeScript

  Companion code is on GitHub here:
  https://github.com

  Build Large and Scalable front-ends that leverage component isolation, internationalization, localization, a modular state manager, component Libraries, API-client code that easily can switch between mocked data and live data and more.

  

  Large Scale Apps with Svelte and TypeScript

  Companion code is on GitHub here:
  https://github.com

  Build Large and Scalable front-ends that leverage component isolation, a centralized state manager, internationalization, localization, custom Component Libraries, API-client code that easily can switch between mocked data and live data and more.

  

  Large Scale Apps with React and TypeScript

  Companion code is on GitHub here:
  https://github.com

  Build Large and Scalable front-ends that leverage component isolation, a centralized state manager, internationalization, localization, custom Component Libraries, API-client code that easily can switch between mocked data and live data and more.

  

  Sviluppa Applicazioni con Vue 3 e TypeScript (older edition)

  Il codice che accompagna questo libro si trova su GitHub a questo link:
  https://github.com/damianof/large-scale-apps-my-vue3-project

  Sviluppa interfacce (front-ends) che possono crescere in modo pulito e facile da mantenere ed espandere, usando tecniche come lo sviluppo veloce in isolamento dei componenti, TypeScript type-checking per scoprire errori durante lo sviluppo piuttosto Vuex modularizzato, l’internazionalizzazione e localizzazione, e molto più.

  Compralo su:

  

  Aplicaciones a gran escala con Vue 3 y TypeScript (older edition)

  El código que acompaña a este libro se puede encontrar en GitHub en este enlace:
  https://github.com/damianof/large-scale-apps-my-vue3-project

  Cree interfaces de usuario grandes y escalables que aprovechen el aislamiento de componentes, internacionalización, la localización, una tienda Vuex modular, bibliotecas de componentes personalizados, código de cliente API que puede cambiar fácilmente entre datos simulados y datos en vivo y más.

  Cómpralo:

  

  Applications à grande échelle avec Vue 3 et TypeScript (older edition)

  Le code accompagnant ce livre est disponible sur GitHub à ce lien:
  https://github.com/damianof/large-scale-apps-my-vue3-project

  Créez des frontaux volumineux et évolutifs qui tirent parti de l’isolation des composants, de l’internationalisation, de la localisation, d’un magasin Vuex modulaire, de bibliothèques de composants personnalisés, d’un code client API qui peut facilement basculer entre les données simulées et les données en direct, etc.

  Achetez-le:

  

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

  Код, прилагаемый к этой книге, можно найти на GitHub по этой ссылке:
  https://github.com/damianof/large-scale-apps-my-vue3-project

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

  Источник

  Large scale apps with vue 3 and typescript

  

  Large Scale Apps with Vue 3 and TypeScript (Latest edition)

  Companion code is on GitHub here:
  https://github.com

  Build Large and Scalable front-ends that leverage component isolation, internationalization, localization, a modular state manager, component Libraries, API-client code that easily can switch between mocked data and live data and more.

  

  Large Scale Apps with Svelte and TypeScript (Latest edition)

  Build Large and Scalable front-ends that leverage component isolation, a centralized state manager, internationalization, localization, Custom Component Libraries, API-client code that easily can switch between mocked data and live data and more.

  

  Large Scale Apps with React and TypeScript (Latest edition)

  Build Large and Scalable front-ends that leverage component isolation, a centralized state manager, internationalization, localization, Custom Component Libraries, API-client code that easily can switch between mocked data and live data and more.

  

  Large Scale Apps with Vue 3 and TypeScript (Previous edition)

  Build Large and Scalable apps with Vue.js 3 that leverage internationalization, localization, a modular Vuex store, API-client code that easily can switch between mocked data and live data and more.

  Источник