#vuejs #bottomsheet

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

Github: https://github.com/vaban-ru/vue-bottom-sheet

Потыкать демо: https://vaban-ru.github.io/vue-bottom-sheet-demo/

PRы приветствуются!

#vue #nuxt

А между тем новая версия двойки Nuxt появится с Vue.js 2.7

#vuejs #cookie #marketing

Библиотека позволяющая вам получить UTM-метки как из GET параметров, так и из Cookies если они там есть, очень полезная штука когда нужно например прикрепить их к форме заявки

Github: https://github.com/NorvikIT/utm-aska

#vuejs #prettier #eslint #webstorm

Заметил что у новичков возникают проблемы с ESLint + Prettier при создании проекта через Vue CLI и последующей работой с ним в WebStorm, поэтому решил написать небольшой мануальчик.

https://telegra.ph/Vue-CLI-proekt--ESLint--Prettier--WebStorm-07-04

#vuejs #compare

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

https://component-party.dev/

#nuxt #utm

Есть очень редкий кейс в разработке. Вас могу попросить сделать добавление UTM меток из GET параметров вообще на все ссылки на сайте (причем они у вас могу быть вперемешку, <a> или <nuxt-link>), кроме телефонов и т.д. И вот для такого редкого кейса сделали плагин для Nuxt. PRы конечно же приветствуются!

Github: https://github.com/NorvikIT/nuxt-utm-adder

#habr #js

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

https://habr.com/ru/company/avito/blog/675586/

650 невероятных людей, спасибо что читаете 🎉 Вы лучшие 😎

#nuxt #vue #router #дляновичков

Заметил, что начинающие работать с Nuxt.js ребята и пришедшие из чистого Vue.js очень путаются в его встроенном роутере основанном на папках и файлах. Поэтому написал небольшой гайд как использовать привычный Vue Router в Nuxt.js.

P.S всем замечательной рабочей недели!

https://telegra.ph/Vue-Router-v-Nuxtjs-07-11

#regex

Забавная штука, переводит обычный язык в регулярку с помощью нейросети, пока в бете конечно же)

https://www.autoregex.xyz/home

#vite

А между тем вышла Vite 3 со всякими разными улучшениями которые я пожалуй тут перечислять сейчас не буду, лучше почитайте сами:

https://vitejs.dev/blog/announcing-vite3.html

#vite #vue #laravel

Это конечно скорее статья для бекенда, но все же связанная с Vue и Vite, так что надеюсь кому-то пригодится. Рассказывает как установить Vue 3 в Laravel c помощью Vite

https://devdojo.com/techvblogs/how-to-install-vue-3-in-laravel-9-with-vite

#vite

ViteConf — должно быть интересно 🔥

Тема: веб-разработка
Дата: 11-12 октября
Цена: вроде пока бесплатно по предварительной регистрации
Язык: английский
Формат: онлайн

https://viteconf.org/

#vue #nuxt #ddd

Создание крупных приложений штука не простая, поэтому изначальная структура Nuxt или Vue может быть неудобной, и очень удобной и расширяемой альтернативой может стать подход DDD(Domain-Driven Design).

И что бы нам проще было влиться, наш уважаемый подписчик @SRyzhkov собрал в одном месте много интересного касающегося Domain-Driven Design в Nuxt и Vue. Подход интересный, и для новичков может показаться сложным, но вместе мы обязательно изучим и его)

https://github.com/SergeyRyzhkov/front-docs/blob/main/docs/nuxt2/main/folder-structure.md

#nuxt #nuxt3

Вышла небольшая обновка на Nuxt 3, изменений не много, но хоть какое-то движение, глядишь так и полноценного релиза дождемся)

Почитать тут: https://github.com/nuxt/framework/releases/tag/v3.0.0-rc.6

#services

Кстаааати, вот вам классная штука что бы делать красивые скриншоты кода

https://carbon.now.sh/

#vue #radial #library

Мне тут не так давно понадобилось сделать круговой прогресс бар, но пилить с нуля было лень, да и времени небыло, поэтому вот вам красивая и удобная либа для таких штук, настроек просто тьма

Github: https://github.com/setaman/vue-ellipse-progress

Потыкать:
https://vue-ellipse-progress-demo.netlify.app/

СЕМЬСОТ хоспади откуда же вас столько) вы крутые ребят, спасибо всем кто читает 🎉

#vue3 #directives

Я думаю про v-once слышали многие, это такая директива которая позволяет один раз отрисовать контент, и потом при любых обновлениях не трогать его, очень полезно для отрисовки статичного контента и оптимизации.

Но есть ещё такая штука как v-memo. Она позволяет вам в неё передать массив зависимых значений и предотвратить перерисовку поддерева именно тех частей которые не изменились, это очень помогает когда у вас есть гигантское количество элементов, но меняются не все элементы и вы хотите избежать перерисовки сразу всех элементов.

Так же эту директиву можно использовать в связке с v-for как на скрине выше.

Хорошая статья на эту тему:
https://learnvue.co/tutorials/v-once-v-memo

#vue #vuequery

В общем в процессе чтения всякого разного в чатах наткнулся на библиотеку Vue Query. И вроде бы я примерно понял, что это по сути адаптер позволяющий более гибко управлять получением данных во Vue, добавляя кеширование, работу с пагинацией, отслеживание состояния запроса и т.д.

Но так как в проде я ещё его не юзал, то буду рад если кто-то поделится опытом в комментариях или напишет в личку, выложу пост с вашим упоминанием 😎

Github: https://github.com/DamianOsipiuk/vue-query
Документация: https://vue-query.vercel.app/

#habr #vuejs #vue3

Статейка на тему сборки своей библиотеки компонентов и последующей публикации её в NPM. В целом интересно, правда надо бы понять чем выхлоп отличается от обычного vue-cli-service build --target lib './src/index.ts', но для начала пойдёт.

Статья: https://habr.com/ru/post/678274/

Кстати вот ещё интересная репа с готовым конфигом для сборки либы с тришейкингом: https://github.com/shubhadip/vue3-component-library