Vue | Топ 10 книг по Vue

Чтение документации отлично подходит для изучения теории, но в этих книгах сконцентрировано множество полезных хитростей, наглядных примеров и практической реализации самых разных примеров.

​7 советов новичку, изучающему Vue.js

Vue — отличный фреймворк для фронтенда. Он прост в изучении, удобен в использовании и обладает большой экосистемой.

Если вы начали изучать Vue, то эти советы помогут вам быстрее в нём освоиться:

https://tprg.ru/Xn4H

Кстати, тут есть опытные разработчики на Vue? Напишите, чтобы вы ещё посоветовали новичкам.

#vue #javascript

Vue | Индикатор загрузки файла с Axios и VueJS

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

PWA для приложений на Vue: практическое руководство

https://dev.to/pegahsafaie/pwa-for-vue-applications-a-practical-guide-4de3

​Разработка PWA с поддержкой распознавания лица и голоса

Благодаря технологии PWA современные сайты уже способны заменить некоторые стандартные мобильные и десктопные приложения. А с возможностью добавить поддержку распознавания лица и голоса отличий от привычных приложений становится ещё меньше.

Как добавить такую возможность — в статье:

https://tprg.ru/VRgX

#pwa

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