Каталог UI библиотек для Vue
Пример того, как придумать и сделать полезный пет-проект, который прорекламирует сам Эван.

https://ui-libs.vercel.app/

#ui #tip

План «Барбаросса» от Vue.js

https://habr.com/ru/articles/776480/

#article #stats #evan #antfu #vite #vitepress #unjs #angular #react

Вышла очередная (v2.1.1) версия плагина для ESlint - @antfu/eslint-config

Данный плагин очень сильно облегчает конфигурацию линтера, пряча под капот подключение и настройку необходимых плагинов и конфигов для JavaScript, TypeScript, Vue, а с последней версии и React проектов.
Начиная с v1.0.0 для конфига используется новый формат ESLint Flat config.
Также содержит правила для форматирования кода Stylistic.

#eslint #antfu

HTTP/1.1, HTTP/2 и HTTP/3

С момента своего появления в 1989 году в версии 0.9 протокол HTTP претерпел значительные изменения...

#http

Перевод статьи Anthony Fu "Reimagine Atomic CSS". Первая часть.

#unocss #antfu #tailwind

Anthony Fu сделал еще один инструмент для работы с ESLint конфигурацией - eslint-flat-config-viewer
Визуально показывает правила eslint.config.js, созданного в новом Flat конфиг формате
Запускается без установки в проект следующей командой в директории, где лежит конфиг файл:

npx eslint-flat-config-viewer

#eslint #antfu

Интересная статистика по использованию трёх основных фронтенд фреймворков от similartech.com

Ангуляр - поисковик Google и другие его сервисы
React - новостные ресурсы и поисковик Yandex
Vue - adult, Zoom и Apple
(детальней - в комментариях)

#stats #react #angular

https://habr.com/ru/articles/778236/

#spa #google #ssr #article #seo

Иллюстрация к эксперименту в сообщении выше в виде Coding Music Video

https://vimeo.com/891441617

#cmv #spa #google #seo

Вторая часть статьи Anthony Fu "Reimagine Atomic CSS".
UnoCSS

#unocss #antfu #tailwind

Форма обратной связи для вебсайтов на статичных хостингах

Многие вебсайты как "нестатичный" элемент имеют только форму обратной связи. Обычно она посылает письмо владельцу сайта, и для этого нужен бэкенд. Есть много хороших бесплатных хостингов для статики, но отправка письма обычно требует дополнительных затрат на использование сторонних сервисов или своего бэкенд-сервера

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

(Подробнее - в комментарии)

#tip

Reddit подводит итоги.
Статистика по каналу r/vuejs

Обновился vue-webapp builder
Добавлены несколько хедеров, футеров и навбар в стиле Mantine UI

Документация проекта

#vwa #ui

Интересный пример использования TypeScript класса в качестве стора через composable

Дает возможность использовать приватные поля, сеттеры и геттеры (без .value), first class type support

Не в качестве рекомендации, но как демонстрация того, что возможно с Composition API

#ts #tip #pinia

Интересная дискуссия по теме "Pinia сторы против глобальных рефов" прошла на Reddit-e.

Плюсы composable сторов на глобальных рефах заявлены как:
1. Простота
2. Нативность по отношению к фреймворку
3. Отсутствие зависимостей означает отсутствие будущей ситуации "RIP Vuex" с переписыванием 50% кодовой базы проекта
4. API Composition выглядит очень зрелым и стабильным и вряд ли сильно изменится в ближайшем будущем (по сравнению с переходом Vue 2 -> Vue 3).
5. Позволяет использовать всю мощь Reactivity API вместо жесткой Reactive обертки для переменных у Pinia. Разница в производительности может быть огромной.

Выводы:

1. Большинство согласилось, что если не нужна поддержка SSR и интеграция с Devtools, то работа с Reactivity API напрямую и инкапсуляция реактивного состояния и бизнес логики в composable функции вполне возможна. Для многих это лучше использования Pinia.
2. Работа с Reactivity API позволяет делать многое, что не позволяет Pinia - например, делать сторы на TypeScript классах, как описано в предыдущем сообщении.
3. Был предложен лайфхак - во время разработки импортировать реактивные данные из composable сторов в Pinia, и тогда возможно использование Devtools. При билде для продакшна Pinia уже нет.
4. Единственный аргумент в пользу Pinia - унификация работы со стором в команде.

#pinia #architecture