Vue.js Digest 🇷🇺 🇺🇸
39 subscribers
389 photos
745 links
Дайджест новостей из мира vuejs
Download Telegram
Demo of using Nuxt 3 with GitHub authentication and creating issues with real-time updates

https://vuejsexamples.com/demo-of-using-nuxt-3-with-github-authentication-and-creating-issues-with-real-time-updates/
Demo of using Nuxt 3 with GitHub authentication and creating issues with real-time updates
A simple website for minishcap Built in Vue And TailwindCSS

https://vuejsexamples.com/a-simple-website-for-minishcap-built-in-vue-and-tailwindcss/
A simple website for minishcap. Built in Vite + TypeScript + TailwindCSS
Material Design Svg Icons for Vue.js

https://vuejsexamples.com/material-design-svg-icons-for-vue-js/
Material Design Svg Icons for Vue.js
Moving to a mono-repo: Part 2, The Destination

https://medium.com/empathyco/moving-to-a-mono-repo-part-2-the-destination-a47e597ff50d?source=rss------vuejs-5
The adventure continues, diving deeper into Empathy.co’s experience moving to a mono-repo.Continue reading on empathy.co »
Petite-vue: 6kb subset of Vue optimized for progressive enhancement

https://vuejsexamples.com/petite-vue-6kb-subset-of-vue-optimized-for-progressive-enhancement/
Petite-vue: 6kb subset of Vue optimized for progressive enhancement
Import types in Vue SFC for defineProps

https://vuejsexamples.com/import-types-in-vue-sfc-for-defineprops/
Import types in Vue SFC for defineProps
Criando tooltip utilizando Vue 3 directive

https://medium.com/@cairocampos98/criando-tooltip-utilizando-vue-3-directive-96c2145716cc?source=rss------vuejs-5
Fala Dev’s !!
Hoje iremos ver como criar o seu próprio elemento tooltip utilizando Vue 3 directive.Continue reading on Medium »
5 things I struggled with when learning React with a Vue background

https://medium.com/geekculture/5-things-i-struggled-with-when-learning-react-with-a-vue-background-5e23fccb04d2?source=rss------vuejs-5
This article aims to help others (with or without a Vue background) understand React functional components and to get up to speed with…Continue reading on Geek Culture »
In a recent interview, Manaf, a software developer at Turing.com,

https://medium.com/@Turingcom/in-a-recent-interview-manaf-a-software-developer-at-turing-com-24543c0d1753?source=rss------vuejs-5
Owing to the framework’s massive popularity, the Vue.js community continues to grow with contributions from front-end developers across…Continue reading on Medium »
A developer tool to traverse your Vue component tree

https://vuejsexamples.com/a-developer-tool-to-traverse-your-vue-component-tree/
A developer tool to traverse your Vue component tree.
Material Design Framework

Vuetify is a Vue UI Library with beautifully handcrafted Material Components. No design skills required — everything you need to create amazing applications is at your fingertips.

https://vuetifyjs.com/en/
Управление данными в системе автоматизации на Vue и Vuex и решение проблем тестирования с помощью Jest

https://habr.com/ru/post/590753/?utm_campaign=590753&utm_source=habrahabr&utm_medium=rss
Привет! Меня зовут Артём Карачёв, я фронтенд-разработчик в Sportmaster Lab. Сейчас мы пишем модуль автоматизации физической фотостудии, где работают несколько фотографов, менеджеров, фоторедакторов, кладовщиков и других. Все фото кроссовок, которые вы видите в интернет-магазинах Спортмастера, снимают и загружают в базу данных именно эти люди. Благодаря модулю автоматизации они смогут их выгружать быстрее и легче. Возможно, наш опыт организации vuex-хранилища и слоя получения данных, а также последующего интеграционно-компонентного тестирования окажется кому-то полезным. Читать далее
Vue.js devtools

Chrome and Firefox DevTools extension for debugging Vue.js applications.

https://chrome.google.com/webstore/detail/vuejs-devtools/nhdogjmejiglipccpnnnanhbledajbpd
Изучение Vue.js в 2022 году: дорожная карта разработчика

Изучение Vue.js стоит начать с того, что это популярный JavaScript-фреймворк для создания пользовательских интерфейсов. Ядро Vue включает в себя библиотеку ядра, маршрутизатор и Vuex, а сам фреймворк пригоден для постепенного внедрения, в отличие от аналогов-монолитов

https://tproger.ru/articles/izuchenie-vue-js-v-2021-godu-dorozhnaja-karta-razrabotchika/amp/
Как мы ускоряли комментарии Хабра

https://habr.com/ru/post/590111/?utm_campaign=590111&utm_source=habrahabr&utm_medium=rss
Комментарии на Хабре иногда несут больше пользы, чем сама статья. Поэтому при переходе на новую версию сайта было важно сделать работу с комментами не хуже, чем было.



Вы когда-нибудь открывали в старом дизайне Хабра пост с большим числом комментариев? Страничка даже с тысячей сообщений грузится шустро, на ней без серьёзных задержек работает форма для ответа, кнопки голосования и закладок. Но когда мы начали переход на новую версию Хабра, стало понятно, что добиться такой же скорости будет непросто.



Этому есть несколько причин. Во-первых, Хабр стал одностраничным приложением (SPA, Single Page Application) на Vue, то есть теперь переходы между страницами рисуются на клиенте с помощью JS вместо классического серверного рендеринга (Server-Side Rendering, SSR). Такие SPA-страницы отображаются быстрее на современных устройствах, но на старых девайсах могут тормозить.



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



В октябре мы постепенно выкатывали на часть пользователей обновлённую версию комментариев, над которой трудились последние полгода. Наши новые комментарии должны рендериться быстрее и доставлять удовольствие всем, а не только обладателям топовых MacBook Pro c M1 Max.



Давайте посмотрим, как работали комментарии полгода назад, до того, как мы начали работу по оптимизации.
Читать дальше →
A nuxt invoice app using nuxt.js and firebase

https://vuejsexamples.com/a-nuxt-invoice-app-using-nuxt-js-and-firebase/
A nuxt invoice app using nuxt.js and firebase