Vue.js Digest 🇷🇺 🇺🇸
39 subscribers
389 photos
745 links
Дайджест новостей из мира vuejs
Download Telegram
A simple schools and properties app built with vue.js

https://vuejsexamples.com/a-simple-schools-and-properties-app-built-with-vue-js/
A simple SPA that leverages from data captured from different domains and provides tools to plot and visualize said that to aid people in making decisions on where to live.
Event Bus no Vue2: Comunicação organizada entre componentes isolados.

https://medium.com/@flavionobre11/event-bus-no-vue2-comunica%C3%A7%C3%A3o-organizada-entre-componentes-isolados-7429fac1b998?source=rss------vuejs-5
Como criar um serviço de eventos (EventService) para prover comunicação global entre os componentes da sua aplicação.Continue reading on Medium »
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.



Давайте посмотрим, как работали комментарии полгода назад, до того, как мы начали работу по оптимизации.
Читать дальше →