Выпуск # 216

Обнаружение кликов вне элемента во Vue

Вы когда-нибудь пытались закрыть раскрывающееся меню, когда пользователь щелкает за пределами элемента? Научитесь писать настраиваемую директиву, которая делает это во Vue.

Https://shivam.dev/blog/outside-click

VueJS - компонент сборщика данных многократного использования

Научитесь создавать компонент, который поможет вам управлять получением данных и обеспечивать правильную обратную связь с пользователями.

Https://dev.to/vcpablo/vuejs-reusable-data-fetcher-component-1jdo

Легко управлять версиями компонентов с помощью Vue 3

Рефакторинг компонентов может стать огромной проблемой из-за критических изменений, на очистку которых могут уйти часы. Вот простая стратегия управления версиями компонентов.

Https://dev.to/rdelga80/easily-handle-component-versioning-with-vue3-48n8

Проблемы с серверными плагинами в Nuxt.js

Когда вы используете рендеринг на стороне сервера в Nuxt, вы можете создавать высокодинамичные и высокопроизводительные приложения. Джош Делтенер исследует одну из менее известных проблем с серверными плагинами в Nuxt.

Https://masteringnuxt.com/blog/problems-with-server-side-plugins-in-nuxtjs

Спонсируемый

Новое видео: веб-сборка

Веб-сборка (WASM) - это язык низкого уровня, который может работать в веб-браузерах с производительностью, близкой к нативной.

В последнем видеоролике DevTrends объясняется, как WASM позволяет создавать 3D-игры, виртуальную реальность и другие приложения для Интернета, которые были бы непростыми при использовании одного только JavaScript.

Создавайте расширенные компоненты в Vue 3 с помощью $ attrs

В этой статье мы рассмотрим атрибут $ attrs. Мы объясним, для чего он используется, чем его реализация отличается от Vue 2, и построим пример кода, который поможет понять его возможности.

Https://labs.thisdot.co/blog/build-advanced-components-in-vue-3-using-usdattrs

Выполнение преобразования изображений в Vue.js с помощью ImageKit

Краткое прочтение о том, как выполнять преобразование изображений для изображений, размещенных на ImageKit, с помощью настраиваемых компонентов ImageKit Vue.

Https://dev.to/xinnks/perform-image-transformations-in-vue-js-with-imagekit-5f4m

Измерение веб-производительности в 2021 году: полное руководство

Это полное руководство по показателям, методам и измерениям производительности Интернета в 2021 году. Все фундаментальные идеи, которые вам нужно понять, чтобы создать быстрый веб-сайт для ваших пользователей и поисковых систем.

Https://requestmetrics.com/web-performance/measure-web-performance

До следующей недели,

- Энтони Гор, куратор информационного бюллетеня разработчиков Vue.js