Оптимизация Vue приложения

Приоритет производительности при создании веб-приложений улучшает взаимодействие с пользователем и помогает обеспечить их использование большим количеством людей. В статье Мишель Баркер — старший frontend разработчик в Ada Mode поделиться некоторыми советами по оптимизации внешнего интерфейса веб-приложений на Vue.

👉 @sWebDev

Can the Composition API Replace Vue Mixins?

https://www.syncfusion.com/blogs/post/can-the-composition-api-replace-vue-mixins.aspx

#кодинг
#vue

Релиз Vite 4
Основное изменение — переход на сборщик Rollup 3.
https://vitejs.dev/blog/announcing-vite4.html

Шпаргалка по SQL

Доступные front-end паттерны для отображения таблиц

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

https://www.smashingmagazine.com/2022/12/accessible-front-end-patterns-responsive-tables-part1

How to create a debounced ref in Vue 3 using Composition API

https://theroadtoenterprise.com/blog/how-to-create-a-debounced-ref-in-vue-3-using-composition-api

#кодинг
#vue
#vue3

Лучшие практики тестирования JavaScript и Node.js: актуальная коллекция из 50+ передовых практик и примеров.

Репозиторий & Сайт

Подделка API

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

👉Читать статью

#статьи

А вы знали, что можно использовать latest() для сортировки результатов? По умолчанию метод сортирует по полю created_at, но вы, например, можете отсортировать по идентификатору: latest('id').

How to make custom endpoint for users in Strapi 4

https://forum.strapi.io/t/create-custom-endpoint-for-users-in-strapi-v4/13724/9

#кодинг
#nodejs
#strapi

Strapi v4 user register override

https://gist.github.com/bibekgupta3333/7c4d4ec259045d7089c36b5ae0c4e763

#кодинг
#nodejs
#strapi

How to Create a Refresh Token Feature in your Strapi Application

https://strapi.io/blog/how-to-create-a-refresh-token-feature-in-your-strapi-application

#кодинг
#nodejs
#strapi

58 PhpStorm Tips & Tricks
Приёмы и хитрости при работе в Шторме
https://masteringphpstorm.com/tips-and-tricks

Создание одностраничного приложения с Laravel и Vue

До запуска пользовательского интерфейса Laravel одной из его функций была поддержка Vue.js.
В статье мы рассмотрим, как создать одностраничное веб-приложение используя связку Laravel и Vue.

👉 @web_craft | #laravel

Книга «50 drops of PHP»
В ней собрано множество полезных и, либо неизвестных, либо недооцененных PHP-функций.
https://github.com/roberto-butti/50-drops-of-php

#vuejs

Статья от @dstrokov про v-once и v-memo во Vue.js

https://webislife.ru/vuejs-optimization-with-v-once-v-memo/

​Новый синтаксис диапазона медиа-запросов CSS

Представить адаптивный сайт без медиа-запросов невозможно. У страницы может быть сразу несколько вариантов стилей для разных устройств, диагоналей экранов и прочего.

Спецификация Media Queries Level 4 представила новый синтаксис для таргетинга на диапазон ширины вьюпорта с использованием обычных математических операторов сравнения — таких, как <, >, и =, которые имеют больше смысла синтаксически при написании меньшего количества кода. Подробнее о них здесь:

https://css-tricks.com/the-new-css-media-query-range-syntax/

#фронтенд #css