Создатели UI библиотеки
Отличительные особенности - headless, a11y
Основана на другой их UI библиотеке - zag.js, которая работает на технике конечных автоматов состояния
Разрабатывает команда из Нигерии
#ui #lib #headless #arkui
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.
Optimistic UI
С появлением и распространением концепции
Стратегия
В небольшом числе случаев операция закончится неудачей, и мы просто покажем сообщение об ошибке, откатившись, если надо, назад. В остальных случаях пользователям будет доставлен небесный UX.
#optimisticui #ux
С появлением и распространением концепции
Single Page Application появилась возможность разрабатывать "толстый" клиент и управлять состоянием приложения. Стратегия
Optimistic UI предполагает, что, разработчик знает, что должно случиться в результате выполнения инициированной пользователем операции, и может сразу обновить интерфейс так, как если бы операция выполнилась успешно. А в это время в фоновом режиме выполнить соответствующий AJAX запрос или иную асинхронную операцию.В небольшом числе случаев операция закончится неудачей, и мы просто покажем сообщение об ошибке, откатившись, если надо, назад. В остальных случаях пользователям будет доставлен небесный UX.
#optimisticui #ux
Вышел ESLint Configuration Migrator
Предназначен для перевода предыдущих вариантов конфига
Данный формат стал основным начиная с
#eslint
Предназначен для перевода предыдущих вариантов конфига
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.
Одно из самых полезных нововведений CSS - конструкция
Позволяет выбрать определённые элементы из списка селекторов
Выберет с "5"
#tip #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
Два самых значимых улучшения в грядущем
- PR#9511 - улучшает работу с большими reactive массивами (которые сейчас обслуживаются как все объекты - через
- PR#10407 - в целом в два раза уменьшает использование памяти на реактивном коде
#vuejs #optimization
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...
It adds a special tracking key: ARRAY_ITERATE_KEY, which represents a full dependency on an array (not including extra keys when ha...
Мы уже писали пару раз о применении
Вот новая библиотека/starter-kit, которая использует
Пока что
#vscode #reactivity
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
Эффективный способ сохранить работоспособность - это поддерживать энтузиазм в отношении дела. Заставляя себя строить планы, вы иногда можете подорвать свой энтузиазм и это приведет к обратным последствиям.
Johnson Chu, Автор Volar
То, как делается
#volar
Johnson Chu, Автор Volar
То, как делается
Volar. Встал с утра, чувствуешь энтузиазьм - работаешь. Нет энтузиазьма - пошел в лапту погонял.#volar
Evan You является BDFL (Benevolent Dictator For Life), - "великодушный пожизненный диктатор"Данный распространенный термин появился в 1995 году и в контексте разработки open source ПО обозначает главу или основателя проекта, который сохраняет за собой право принимать окончательные решения.
Примеры - Гвидо ван Россум (Python), Линус Торвальдс (Linux kernel), Расмус Лердорф (PHP) и другие.
#evanyou
Попались на глаза еще несколько новых
Заглянул внутрь - берётся
#headlessui #lib
UI библиотек для Vue 3Заглянул внутрь - берётся
Headless UI (или подобный набор нестилизованных компонент), берется Tailwind и штампуется новая крутая библиотека.#headlessui #lib
Возвращение к корням
Микрософт тут полушепотом призналась, что писала свой браузер
В итоге всё залетало (видео)
#react #ms #msedge #webcomponents
Микрософт тут полушепотом призналась, что писала свой браузер
Edge на React (имеется в виду обертка над Chromium - Избранное, Загрузки, Настройки, Новая страница и т.п.), но устала от его тормозов и переписала все на Web Components + HTML-first архитектуре.В итоге всё залетало (видео)
#react #ms #msedge #webcomponents