Руководство по стилю
Рефакторинг
- 🇺🇸 Рефакторинг Vue: очистка списка сообщений с лучшим разделением компонентов и с большим количеством ES6
- 🇺🇸 Очистка модулей Vue с помощью стрелочных функций ES6
- 🇺🇸 Примеры чистого кода Vue
- 🇺🇸 Оптимизация производительности с помощью вычисляемых свойств
- 🇺🇸 Упрощение компонентов с помощью вычисляемых сеттеров
Управление состоянием
Vuex
- 🇺🇸 Разделение модулей Vuex с паттерном «Посредник»
- 🇺🇸 Геттеры Vuex великолепны, но не злоупотребляйте ими
- 🇺🇸 Повторное использование функций-мутаций Vuex
- 🇺🇸 Паттерн для обработки AJAX-запросов в Vuex
- 🇺🇸 Одиночные изменения мутацией Vuex vs. принципа единственной ответственности
- 🇺🇸 Компоненты и способы взаимодействия в Vue и Vuex
- 🇺🇸 Почему VueX — идеальный интерфейс между фронтендом и API
- 🇺🇸 Композиция действий с Vuex
- 🇺🇸 Как создавать сложные, крупномасштабные приложения Vue.js с Vuex
- 🇺🇸 Должен ли я хранить данные в Vuex?
- 🇺🇸 В общем, это как использовать v-model с Vuex. Вычисляемый сеттер в действии.
- 🇺🇸 5 Vuex-плагинов для вашего следующего проекта на VueJS
MobX
Компоненты без рендеринга
- 🇺🇸 Компоненты без рендеринга во Vue.js (🇷🇺 перевод)
- 🇺🇸 Создание компонентов без рендеринга для обработки CRUD-операций во Vue.js
Примеры
Структура каталогов
- 🇺🇸 Как улучшить рабочий процесс с помощью консоли JavaScript (🇷🇺 перевод)
- 🇺🇸 Как структурировать проект Vue.js
- 🇺🇸 Крупномасштабная структура приложения Vuex
- 🇺🇸 Структура приложения Vue.js и архитектура CSS
- 🇺🇸 Создание структуры Vue-компонентов
Советы и хитрости
- 🇺🇸 Как создать Vue-компоненты, как и профессионал 😎
- 🇺🇸 4 совета по работе с Vue.js (🇷🇺 перевод)
- 🇺🇸 Советы для непритязательного разработчика VueJS
- 🇺🇸 Throttle и debounce событий с помощью Vue и lodash
- 🇺🇸 Возможны ли частично применимые функции в обработчиках событий?
- 🇺🇸 Vue.js — соображения и трюки (🇷🇺 перевод)
- 🇺🇸 Шесть случайных проблем и их решения в VueJS
- 🇺🇸 Когда VueJS не может помочь вам
- 🇺🇸 То, что не будет работать с использованием Vue
- 🇺🇸 Трюк#15 Отложенное выполнение с _.debounce
- 🇺🇸 Обработка API-вызовов во Vue
- 🇺🇸 Слайды - Паттерны Vue & REST API
Маршрутизатор
- 🇷🇺 Навигационные хуки - Официальная документация
- 🇺🇸 Навигационные хуки Vue-маршрутизатора с Vuex
- 🇺🇸 Реализация простого мидлвара с Vue Router
Антипаттерны
- 🇺🇸 Крис Фриц (Chris Fritz) - Антипаттерны Vue.js (и как их избежать)
- 🇺🇸 Распространённые ошибки, которые следует избегать при работе с Vue.js
- 🇺🇸 Избегайте этого распространённого антипаттерна в приложениях с полным стеком Vue / Laravel
- 🇺🇸 [Видео] - VueNYC - Три запаха кода Vue, и что вы можете с ними поделать- Matt Rothenberg (@mattrothenberg)
Видео / Аудио
- 🇺🇸 81: Evan You - Продвинутый дизайн Vue-компонента
- 🇺🇸 7 секретных шаблонов, про которые Vue-консультанты не хотели бы, чтобы вы о них знали
Репозитории
Платное
TypeScript
- 🇺🇸 Vue + TypeScript: A Match Made in Your Code Editor
- 🇺🇸 Написание компонентов на основе классов с помощью Vue.js и TypeScript
- 🇺🇸 Написание модулей Vuex в аккуратных классах Typescript
Flowtype
GraphQL
Тестирование
Разное
- 🇺🇸 Создание Vue-компонента Interpose на основе реализации из React
- 🇺🇸 Составление вычисляемых свойств в Vue.js
- 🇺🇸 4 AJAX-паттерна для приложений Vue.js
- 🇺🇸 3 паттерна разделения кода для VueJS и Webpack
- 🇺🇸 Самый простой способ улучшить ваше приложение Vue.js. Часть 1
- 🇺🇸 Использование JSX с Vue и почему вам должно быть не всё равно
- 🇺🇸 Составные компоненты
- 🇺🇸 Создание многоуровневых компонентов Vue.js
- 🇺🇸 Понимание реактивности Vue.js в подробностях с помощью Object.defineProperty()
- 🇺🇸 Шаблонизация в Vue: разделение проблем или разделение технологий или что-то еще?
- 🇺🇸 Хранение данных компонентов Vue
- 🇺🇸 Создание многоразовых переходов во Vue
- 🇺🇸 vue-advanced-workshop
- 🇺🇸 Сделайте элегантно: Как создать пользовательские интерфейсы, основанные на данных во Vue
- 🇺🇸 Создание экземпляров компонентов Vue.js программным путём
- 🇺🇸 Управление разрешениями пользователей в приложении Vue.js
- 🇺🇸 Рендеринг функциональных компонентов во Vue.js
- 🇺🇸 Проход по свойствам объекта
- 🇺🇸 Отмена асинхронных операций в Vue.js
- 🇺🇸 Стили с ограниченной областью видимости с помощью v-html
- 🇺🇸 Постраничная навигация с помощью с Vuejs
- 🇺🇸 Функция render() — что такое аргумент h (🇷🇺 перевод)
- 🇺🇸 Как писать Vue-компоненты, которые хорошо взаимодействуют (🇷🇺 перевод)
- 🇺🇸 Создание адаптивных компонентов Vue с помощью ResizeObserver
- 🇺🇸 Обязательное руководство по формам во Vue.js
- 🇺🇸 Хороший, спорный, злой Vue.js (🇷🇺 перевод)
- 🇺🇸 Динамические компоненты шаблона Vue.js
- 🇺🇸 Продвинутые концепты Vue.js: примиси, пользовательские директивы, фильтры, переходы и управление состоянием
- 🇺🇸 Введение паттерна одиночного элемента
- 🇺🇸 Управление DOM за пределами вашего приложения Vue.js с помощью portal-vue
- 🇺🇸 Добавление i18n и управление переводами сайта на Vue.js
- 🇺🇸 Управление сложными ожиданиями в пользовательских веб-интерфейсах
- 🇺🇸 Vue.js — Формы, компоненты и соображения
- 🇺🇸 Повторно используемая логика во Vue-компонентах
- 🇺🇸 Рекурсия вложенных с древовидной структурой компонентов во Vue
- 🇺🇸 Чек-лист для написания повторно используемых компонентов в React и во Vue