Vue-FAQ
920 subscribers
556 photos
90 videos
548 links
Канал сайта https://vue-faq.org
Информация о Vue.js, фронтенд разработке и не только

Contacts: @RuslanMakarov
Download Telegram
Media is too big
VIEW IN TELEGRAM
"JS беспредел"

В главной роли - Деми Мурыч

#js #video #murych #vuefaqpictures
Вышел ESLint Configuration Migrator

Предназначен для перевода предыдущих вариантов конфига ESlint (.eslintrc, .eslintrc.json, .eslintrc.yml) в новый "flat config" формат - eslint.config.js

Данный формат стал основным начиная с ESlint 9.0

#eslint
Одно из самых полезных нововведений CSS - конструкция of S

.container :nth-child(2 of .highlight) {
color: red;
}


Позволяет выбрать определённые элементы из списка селекторов

<body>
<div class="container">
<span>1</span>
<span class="highlight">2</span>
<span>3</span>
<span>4</span>
<span class="highlight">5</span>
<span class="highlight">6</span>
</div>
</body>


Выберет с "5"

#tip #css
Задача хорошей программы делать сложное простым.

Грэди Буч

#quote
Два самых значимых улучшения в грядущем Vue 3.5 связаны с оптимизацией реактивности

- PR#9511 - улучшает работу с большими reactive массивами (которые сейчас обслуживаются как все объекты - через Proxy), что должно дать многократное ускорение при работе с ним и оптимизацию по памяти

- PR#10407 - в целом в два раза уменьшает использование памяти на реактивном коде

#vuejs #optimization
Ember.js переходит на Vite, baby

#vite #ember
Мы уже писали пару раз о применении Reactivity API пакета вне Vue фронтенд приложений.

Вот новая библиотека/starter-kit, которая использует Vue Reactivity API для упрощения создания VS Code расширений. Путем отображения VSCode extension API (которая основана на event driven архитектуре) в композаблы. Несколько понижается производительность, значительно повышается DX.

Пока что Vue Reactivity API выглядит лучшей "реализацией" JS Signals.

#vscode #reactivity
Как в CSS выделить элемент, в котором ровно 5 прямых потомков?

Вот так:

.box:has(> :nth-child(5):last-child) { 
background-color: green;
}


#tip #css
Если выводить значение реактивной переменной в шаблоне через {{ }}, то для дебага это может оказаться намного удобней, чем Vue DevTools или вывод через console.log()

#tip
Эффективный способ сохранить работоспособность - это поддерживать энтузиазм в отношении дела. Заставляя себя строить планы, вы иногда можете подорвать свой энтузиазм и это приведет к обратным последствиям.
Johnson Chu, Автор Volar

То, как делается Volar. Встал с утра, чувствуешь энтузиазьм - работаешь. Нет энтузиазьма - пошел в лапту погонял.

#volar
Если Nuxt с SSR запустить в WebContainer-e, он станет SEO-friendly SPA?

#webcontainer
Evan You является BDFL (Benevolent Dictator For Life), - "великодушный пожизненный диктатор"

Данный распространенный термин появился в 1995 году и в контексте разработки open source ПО обозначает главу или основателя проекта, который сохраняет за собой право принимать окончательные решения.

Примеры - Гвидо ван Россум (Python), Линус Торвальдс (Linux kernel), Расмус Лердорф (PHP) и другие.

#evanyou
Попались на глаза еще несколько новых UI библиотек для Vue 3

Заглянул внутрь - берётся Headless UI (или подобный набор нестилизованных компонент), берется Tailwind и штампуется новая крутая библиотека.

#headlessui #lib
С @vuejs_ru чата

Человек переписал функцию с JavaScript на TypeScript

Пусть останется в анналах канала.

#ts
Возвращение к корням

Микрософт тут полушепотом призналась, что писала свой браузер Edge на React (имеется в виду обертка над Chromium - Избранное, Загрузки, Настройки, Новая страница и т.п.), но устала от его тормозов и переписала все на Web Components + HTML-first архитектуре.

В итоге всё залетало (видео)

#react #ms #msedge #webcomponents
Множество различных способов написания компонентов Vue стало историческим бременем, которое создает фрагментацию среди кодовых баз и путаницу для новых разработчиков. Я думаю, что в какой-то момент нам нужно будет более четко определить, что разработчики должны использовать в новых проектах, чтобы они выглядели более последовательно - но это будет в основном изменение документации. Это не значит, что мы должны лишить возможности использовать API Options, особенно в существующих проектах.

Options API станет "недокументированными возможностями" Vue.js

Грамотное решение

#optionsapi #vuejs
Как ведет себя import type в разных ситуациях

Просто импорт модуля в js (случаи 1 и 2 выше) может иметь сайд эффекты.

#ts
Codeium - самый продуктивный и удобный AI помощник для программирования по последнему опросу разработчиков Stack Overflow

#codeium #ai