Вчера в стриме по результатам опроса State of JS 2023 Илья Климов не справился с элементарной математикой, заявив, что недовольных своим фреймворком разработчиков во
На самом деле, исходя из диаграммы именно пользователей, получивших негативный опыт, у
Что довольно странно.
Чем вы недовольны, ***?
#vue #react
Vue
почти в два раза меньше, чем в React
. На самом деле, исходя из диаграммы именно пользователей, получивших негативный опыт, у
Vue
больше - 24% против 23.5% у React
Что довольно странно.
Чем вы недовольны, ***?
#vue #react
😁17
Forwarded from Vue.js Feed — Канал русскоговорящего сообщества (Grigorii K. Shartsev)
Vue 3.5.0-alpha.3 - Появился новый компосабл
#vue_3_5 #changelog
Типичный use-case - id элементов, например, форм и атрибуты для доступности.
Результат получается невоспроизводимым, что усложняет тестирование и не работает на SSR
Такое решение может приводить к дублированию ID. Например, и в вашем приложении, и в UI фреймворке могли сделать
Чтобы облегчить жизнь разработчиков, добавили долгожданный
- PR: https://github.com/vuejs/core/pull/11404/
useId()
для генерации ID в компонентах.#vue_3_5 #changelog
const inputId = useId()
Зачем генерировать ID?
Типичный use-case - id элементов, например, форм и атрибуты для доступности.
Почему не просто `Math.random()` или `nanoid()`?
Результат получается невоспроизводимым, что усложняет тестирование и не работает на SSR
Почему не просто `id++`?
Такое решение может приводить к дублированию ID. Например, и в вашем приложении, и в UI фреймворке могли сделать
input-label-${id++}
.Чтобы облегчить жизнь разработчиков, добавили долгожданный
useId
, возвращающий уникальный ID, префикс которого можно настроить в конфиге Vue приложения.const app = createApp(App)
app.config.idPrefix = 'my-app'
// useId() === "my-app:0"
- PR: https://github.com/vuejs/core/pull/11404/
GitHub
feat(runtime-core): useId() by yyx990803 · Pull Request #11404 · vuejs/core
Similar to React's useId, this composable returns a unique ID that can be used for form elements and accessibility attributes.
The generated IDs look like v:1-2-3 and are unique across each...
The generated IDs look like v:1-2-3 and are unique across each...
🔥12👍2😎2
Принес новогодние подарки
Cтатистика от w3techs.com. Они используют Chrome User Experience Report, так что данные достаточно объективные
По сравнению с прошлым годом - у
А теперь смотрим на
Элита интырнэта
#benchmark #vue #react #angular #stats
Cтатистика от w3techs.com. Они используют Chrome User Experience Report, так что данные достаточно объективные
По сравнению с прошлым годом - у
Vue
явная положительная динамикаА теперь смотрим на
top 1000
(сайтов по посещаемости) и... закуриваем безникотиновую сигаруЭлита интырнэта
#benchmark #vue #react #angular #stats
🔥9
Вышла Vue v3.6.0-alpha в которой уже есть
Рекомендуется использовать с осторожностью в небольших приложениях полностью на
Основная идея
Тем не менее, наш ответ
С маркетинговой точки зрения абсолютно верный шаг.
#vapor #vue
Vapor mode
Рекомендуется использовать с осторожностью в небольших приложениях полностью на
Vapor
или в частичной реализации компонент, которым нужна производительностьОсновная идея
Vapor Mode
- работать с DOM
в браузере напрямую, а не через VDOM
, что теоретически должно дать ускорение и меньший размер бандла. На большинстве Vue
приложений ни то ни то, наверно, особо заметно не будет, даже с бенчмаркамиТем не менее, наш ответ
Solid.js
и Svelte
. С маркетинговой точки зрения абсолютно верный шаг.
#vapor #vue
GitHub
Release v3.6.0-alpha.1 · vuejs/core
Features
vapor mode (#12359) (bfe5ce3)
Please see About Vapor Mode section below for details.
Performance Improvements
reactivity: refactor reactivity core by porting alien-signals (#12349) (3...
vapor mode (#12359) (bfe5ce3)
Please see About Vapor Mode section below for details.
Performance Improvements
reactivity: refactor reactivity core by porting alien-signals (#12349) (3...
❤12⚡1👍1