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

Contacts: @RuslanMakarov
Download Telegram
About
Blog
Apps
Platform
Join
Vue-FAQ
919 subscribers
Vue-FAQ
Области, где Vue.js был первым

Техническое влияние

- Первый, кто реализовал реактивность на основе глубокого отслеживания
- Первым объединил идею однофайловых компонентов с инструментами сборки
- Первым объединил в Composition API реактивность в стиле Signals с современными моделями компонентов
- Первым исследовал использование компилируемого сахара реактивности для Signals
- Уникален в плане поддержки как шаблонных так и Virtual DOM функций рендеринга.
- Впервые применил концепцию прогрессивного фреймворка: последовательные, но постепенно адаптируемые слои.

#vuejs #evanyou
1.0K viewsedited  
Vue-FAQ
29 выступлений с прошедшей в феврале конференции Vuejs Amsterdam 2024

#event #video
YouTube
Vuejs Amsterdam 2024
Share your videos with friends, family, and the world
794 views
Vue-FAQ
Doom на CSS

#css
codepen.io
Doom Scroll - Front End Conf 2024 Demo
Pure CSS scrollable Doom....
944 views
Vue-FAQ
Создатели UI библиотеки chakra-ui для React создали еще одну приятно смотрящуюся библиотеку для различных фреймворков, в том числе и Vue - Ark

Отличительные особенности - headless, a11y

Основана на другой их UI библиотеке - zag.js, которая работает на технике конечных автоматов состояния

Разрабатывает команда из Нигерии

#ui #lib #headless #arkui
Ark-Ui
Home | Ark UI
A headless UI library with over 45+ components designed to build reusable, scalable Design Systems that works for a wide range of JS frameworks.
886 viewsedited  
Vue-FAQ
Optimistic UI

С появлением и распространением концепции Single Page Application появилась возможность разрабатывать "толстый" клиент и управлять состоянием приложения.

Стратегия Optimistic UI предполагает, что, разработчик знает, что должно случиться в результате выполнения инициированной пользователем операции, и может сразу обновить интерфейс так, как если бы операция выполнилась успешно. А в это время в фоновом режиме выполнить соответствующий AJAX запрос или иную асинхронную операцию.

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

#optimisticui #ux
880 views
Vue-FAQ
Media is too big
VIEW IN TELEGRAM
"JS беспредел"

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

#js #video #murych #vuefaqpictures
993 viewsedited  
Vue-FAQ
Вышел ESLint Configuration Migrator

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

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

#eslint
npm
npm: @eslint/migrate-config
Configuration migration for ESLint. Latest version: 1.4.1, last published: a month ago. Start using @eslint/migrate-config in your project by running `npm i @eslint/migrate-config`. There are 5 other projects in the npm registry using @eslint/migrate-config.
1.1K views
Vue-FAQ
Одно из самых полезных нововведений 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
821 views
Vue-FAQ
This media is not supported in your browser
VIEW IN TELEGRAM
#video #humor
810 views
Vue-FAQ
Задача хорошей программы делать сложное простым.

Грэди Буч

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

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

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

#vuejs #optimization
GitHub
optimize array tracking (fix #4318) by jods4 · Pull Request #9511 · vuejs/core
This PR implements the optimisations proposed in #4318. Shortly:

It adds a special tracking key: ARRAY_ITERATE_KEY, which represents a full dependency on an array (not including extra keys when ha...
773 views
Vue-FAQ
Ember.js переходит на Vite, baby

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

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

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

#vscode #reactivity
kermanx.github.io
Reactive VSCode
Develop VSCode extension with Vue Reactivity API
745 views
Vue-FAQ
Как в CSS выделить элемент, в котором ровно 5 прямых потомков?

Вот так:

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


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

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

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

#volar
633 views
Vue-FAQ
This media is not supported in your browser
VIEW IN TELEGRAM
Фу фо зе вин

#video #ai
1.1K viewsedited  
Vue-FAQ
Если Nuxt с SSR запустить в WebContainer-e, он станет SEO-friendly SPA?

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

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

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

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

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

#headlessui #lib
764 viewsedited