#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

#vue #skeleton

Скелетоны - штука простая и понятная, но часто у новичков возникают вопросы по её реализации, поэтому вот вам небольшая, но очень полезная статейка на тему skeleton-loader от нашего уважаемого подписчика @SRyzhkov

https://github.com/SergeyRyzhkov/front-docs/blob/main/docs/nuxt2/cases/skeleton.md

#vue #greensock #en

Интересная статья по созданию анимаций с помощью GreenSock(GSAP)+Vue.js

https://blog.toluadegboyega.dev/greensock-animation-platform-gsap-x-vue

#vuejs

На этих выходных кстати бесплатный доступ к курсам Vue Mastery, за наводку спасибо @TtKoma

https://www.vuemastery.com/free-weekend

#vuejs #nuxt #recaptcha

А между тем, замечательная статья от нашего уважаемого подписчика @SRyzhkov на тему грамотной установки reCaptcha на сайт с сохранением баллов от Lighthouse

https://github.com/SergeyRyzhkov/front-docs/blob/main/docs/nuxt2/cases/recaptcha.md

#npm #yarn #pnpm

Статья на тему сравнения пакетных менеджеров, вдруг вы найдете что-то новое для себя

#vue #courses

Народ, тут на выходных открывался бесплатный доступ к курсам Vue Mastery, и он закончился.
НО! Благодаря уважаемому @Black_Yuzia вы все ещё можете их посмотреть туть: https://t.me/vue_courses

P.S: всем хорошей недели 😎

#vuejs #socket #nodejs

Интересная статейка на тему взаимодействия Vue.js, Node и socket.io, а вы уже написали свой первый чат на сокетах?)

https://blog.openreplay.com/rendering-real-time-data-with-vue-node-and-socket-io

И на эту же тему @SRyzhkov предложил посмотреть в сторону https://vueuse.org/core/useWebSocket/

#vuejs #lunchboxjs #threejs

Почему бы не заинтегрировать что нибудь ТриДэшное с Vue.js? Опыт конечно интересный, поэтому вот вам статья на эту тему с утреца)

https://blog.logrocket.com/build-3d-visuals-vue-lunchbox-js/

#vuejs #vueuse

Там зарелизили 9 версию VueUse, есть много всяких серьёзных изменений, тут вот их можно почитать:

https://github.com/vueuse/vueuse/releases/tag/v9.0.0

#vuejs #meetup

НАКАНЕЦТА! 25 августа в 19:00 пройдёт ОФФЛАЙН митап по Vue.js в Москве в районе метро Тульская, в офисе Voximplant, ребята только собирают доклады, так что программы пока нет. По трансляции пока решается, но записи точно будут.

Подробности можете узнать в их чатике
https://t.me/msk_vue_js

#vuejs #habr

Интересная статейка на тему стеков разных сайтов для общего развития)

#vuejs

А почему бы не замутить на Vue.js генерацию штрихкодов в реалтайме?)

#vuejs #notion

Зацените прикольный клон Notion написанный на Vue 3 + Typescript

https://github.com/Dashibase/lotion