Vue | Глобальные Sass/Less переменные

Глобальные переменные css перепроцессоров это удобно и экономит много времени при разработке, можно создать отдельный файл, в котором будут собраны все переменные, но как его использовать в большом проекте, чтоб не пришлось вручную подключать в каждый новый файл компонентов?

По ссылка вы найдете статьи с решением этой проблемы для Vue.js и Nuxt.js

Нагрузочное тестирование веб-сокетов с помощью k6.

https://proglib.io/w/71603b39

Vue | Onsen UI компоненты для мобильных приложений

Onsen UI предоставляет широкий спектр готовых к использованию компонентов Vue, которые соответствуют рекомендациям и дизайну пользовательского интерфейса iOS и Android

Vue | Коллекция реализованных проектов

made with vue.js - сайт где собрано всё что связанно с vue.js
- Приложения
- Шаблоны
- Книги
- Фреймворки
- Игры
- Плагины
- Руководства
- и многое другое

Все записи снабжены ссылками на репозитории и документацию.

JavaScript. Полное руководство

Автор: Дэвид Флэнаган

Год издания: 2021

Скачать книгу

#javascript #русский

📌 Django + Docker

● Django + Docker на русском - часть 1 - Смотреть
● Vue.js + Docker на русском - часть 2 - Смотреть
● Django + Docker разделение настроек - часть 3 - Смотреть
● Django + Docker deploy - часть 4 - Смотреть
● Vue + Docker deploy - часть 5 - Смотреть
● Vue + Docker deploy - часть 5/1 - Смотреть

@itlecture

Vue | Управление зависимостями

У Vue-приложения одна точка входа — файл main.js. Там, помимо создания экземпляра Vue, происходит импорт и своего рода Dependency Injection всех ваших глобальных зависимостей. В итоге получается один огромный файл со всеми конфигурациями.

В этой статье речь пойдет о том, как организовать глобальные зависимости, чтобы этого избежать.

Vue | Создание Vue приложения со строго типизацией

Vue.js 2 принес и популяризировал typescript в компонентах и в хранилище (store), но оставил бреши в связи их между собой, store все еще не подсказывает типизацию в компонентах. Чтобы решить эту проблему автор статьи предлагает использовать vue-property-decorator для компонентов и vuex-smart-module для прокидывания типов из стора.

7 паттернов Vue, которые стоит использовать чаще

Если вы используете фреймворк Vue, то рекомендуем вам обратить внимание на несколько паттернов, которые присутствуют в официальной документации, но могли быть не замечены:

https://tprg.ru/Pjlc

#vue

#english #article

Как структурировать проект на Vue

https://itnext.io/how-to-structure-my-vue-js-project-e4468db005ac

#english #article #important

Как организовать удобный API-шлюз во Vue

Smart api module for VueJS

https://itnext.io/vue-tricks-smart-api-module-for-vuejs-b0cae563e67b

#english #article #important

Автоматическое создание роутов на основе структуры каталогов в папке views.

Довольно интересное решение, правда, несколько смущает использование async/await

https://itnext.io/vue-tricks-smart-router-for-vuejs-93c287f46b50

Готовый пакет с этой штукой.
https://www.npmjs.com/package/vue-automatic-router

​​Перестанут ли PWA работать в Chrome 93?

Пользователь medium.com по имени Кевин Бэйсит предположил в своем блоге, что 52% всех Progressive Web Apps (PWA) перестанут работать с выходом Chrome 93 и Edge 93. Для решения проблемы Кевин Бэйсит разработал ресурс Progressier, который позволяет создать PWA-приложение за считанные минуты.

https://highload.today/perestanut-li-pwa-rabotat-v-chrome-93/

#google #chrome #mozilla #microsoft #samsung #apple #pwa #edge #progressier

☕️ 5 продвинутых советов по повышению производительности Vue

Рассмотрим советы и рекомендации по оптимизации памяти и уменьшению повторного рендеринга, которые могут быть применены к любому приложению на vue2/vue3.

https://proglib.io/w/1b444261

#vue

Nuxt | Создание файла с глобальными переменными

Хранить глобальные переменные, вроде адреса api для axios, можно и во vuex store, но это получается очень громоздко и избыточно.

Можно создать файл в папке plugins:

// globalvars.js
export default ({ app }, inject) => {
    inject("vars", {
        apiUrl: "some_url",
    });
};

Подключить его в nuxt.config.js:

export default {
  plugins: ['~/plugins/globalvars.js']
}

И использовать в компонентах:

this.$vars.apiUrl

Vue Cheatsheet (шпора по вьюхе)

https://marozed.com/vue-cheatsheet/

Nuxt + Strapi = ❤️

Strapi — это headless CMS с открытым исходным кодом, сокращающая время затрачиваемое на разработку API.

Strapi предоставляет ряд встроенных возможностей: панель администратора, аутентификацию и управление доступами, управление контентом, генерацию API и т.д.

Серия статей расскажет как подружить Nuxt и Strapi на примере создания сервиса по доставке еды.

Топ-10 библиотек UI-компонентов для Vue

Для Vue существует множество различных библиотек, которые предлагают готовые к использованию UI-компоненты. У каждой из них есть свои особенности.

В этой статье представлены наиболее популярные из них:

https://tprg.ru/VFyH

#vue

Руководство по прогрессивным веб-приложениям, которое вы давно искали

Преобразуйте свои старые веб-сайты в PWA https://betterprogramming.pub/the-progressive-web-apps-guide-youve-been-looking-for-5ae3fa2cea83

Попиксельная анимация нас Canvas

Двухчасовой урок по прикольным анимациям.

https://www.freecodecamp.org/news/create-pixel-effects-with-javascript-and-html-canvas/