Evan You ответил о движении Vue.js в сторону Solid.js
Vue core's reactivity API is stable and mature. It falls in the same paradigm with Solid because the they came from the same roots (tracing back to knockout).
Vapor Mode will make Vue's template compilation output / DOM rendering quite like Solid's, but that doesn't affect the higher level reactivity API or template syntax. You don't need to learn anything new to benefit from it. Ever since Vue 3, our goal has been opt-in adoption and smooth transitions.
Vue core's reactivity API стабилен и вполне развит. Он находится в одной парадигме с Solid, потому что у них одни и те же корни (восходящие к knockout).
Vapor Mode сделает вывод компиляции шаблонов Vue / рендеринг DOM похожим на Solid, но это не повлияет на Reactivity API более высокого уровня или синтаксис шаблонов. Вам не нужно будет изучать ничего нового, чтобы использовать его. Начиная с Vue 3, нашей целью было добровольное внедрение и плавный переход.
#evanyou #solidjs #vapor
Vue core's reactivity API is stable and mature. It falls in the same paradigm with Solid because the they came from the same roots (tracing back to knockout).
Vapor Mode will make Vue's template compilation output / DOM rendering quite like Solid's, but that doesn't affect the higher level reactivity API or template syntax. You don't need to learn anything new to benefit from it. Ever since Vue 3, our goal has been opt-in adoption and smooth transitions.
Vue core's reactivity API стабилен и вполне развит. Он находится в одной парадигме с Solid, потому что у них одни и те же корни (восходящие к knockout).
Vapor Mode сделает вывод компиляции шаблонов Vue / рендеринг DOM похожим на Solid, но это не повлияет на Reactivity API более высокого уровня или синтаксис шаблонов. Вам не нужно будет изучать ничего нового, чтобы использовать его. Начиная с Vue 3, нашей целью было добровольное внедрение и плавный переход.
#evanyou #solidjs #vapor
Вышла версия Vue 3.4
Есть аналогия, что Vue.js - это Linux для фронтенда
Полностью поддерживается сообществом
Vue.js, как и Linux, не привязан к одной корпорации. Его разрабатывает и поддерживает разнообразное сообщество участников.
Открытый исходный код
Открытый исходный код Vue.js способствует сотрудничеству, позволяя разработчикам по всему миру вносить свой вклад, коллективно улучшая фреймворк.
Постоянные инновации
Vue.js постоянно следит за последними тенденциями в мире front-end, обеспечивая разработчикам возможность использовать передовые технологии.
Процветающая экосистема
Vue.js обладает растущим набором инструментов и библиотек. Даже если у нас нет аналогов новейших пакетов React, разработчики Vue.js будут работать, чтобы обеспечить эквивалентное решение.
Поддержка сообщества и документация
И Vue.js, и Linux пользуются широкой поддержкой сообщества. Сюда входят форумы, документация, учебники и другие ресурсы, которые помогают разработчикам учиться друг у друга.
#vuejs #linux #release
Есть аналогия, что Vue.js - это Linux для фронтенда
Полностью поддерживается сообществом
Vue.js, как и Linux, не привязан к одной корпорации. Его разрабатывает и поддерживает разнообразное сообщество участников.
Открытый исходный код
Открытый исходный код Vue.js способствует сотрудничеству, позволяя разработчикам по всему миру вносить свой вклад, коллективно улучшая фреймворк.
Постоянные инновации
Vue.js постоянно следит за последними тенденциями в мире front-end, обеспечивая разработчикам возможность использовать передовые технологии.
Процветающая экосистема
Vue.js обладает растущим набором инструментов и библиотек. Даже если у нас нет аналогов новейших пакетов React, разработчики Vue.js будут работать, чтобы обеспечить эквивалентное решение.
Поддержка сообщества и документация
И Vue.js, и Linux пользуются широкой поддержкой сообщества. Сюда входят форумы, документация, учебники и другие ресурсы, которые помогают разработчикам учиться друг у друга.
#vuejs #linux #release
This media is not supported in your browser
VIEW IN TELEGRAM
Основные изменения во Vue 3.4
- Новый быстрый парсер и компилятор SFC шаблонов
-
-
- Отрефакторенная и оптимизированная система реактивности. Результат можно увидеть на видео. Код - в песочнице. (На самом деле вызывает удивление, что это не было сделано давно)
- Короткая запись для пропсов (
- Поддержка MathML
- Новый быстрый парсер и компилятор SFC шаблонов
-
defineModel-
once для watch- Отрефакторенная и оптимизированная система реактивности. Результат можно увидеть на видео. Код - в песочнице. (На самом деле вызывает удивление, что это не было сделано давно)
- Короткая запись для пропсов (
:title="title" можно теперь записывать как :title). Спорное решение.- Поддержка MathML
Реактивность во Vue рефакторилась после версии 3.1 два раза
В результате, прирост скорости по некоторым направлениям очень значительный
#vue #performance #benchmark
В результате, прирост скорости по некоторым направлениям очень значительный
#vue #performance #benchmark
VanJS - самый маленький фронтенд фреймворк
Согласно вот этой табличке сейчас существует не менее 150 различных фронтенд фреймворков. Какой самый лучший - дело субъективное, но самый маленький можно вычислить - им будет VanJS (Vanilla JavaScript), который занимает в сжатом виде около 900 байт.
Пример ToDo на нем:
Есть своя UI библиотека, свой state менеджер и даже SSR Kit. Всё в таком же минималистском стиле.
#framework
Согласно вот этой табличке сейчас существует не менее 150 различных фронтенд фреймворков. Какой самый лучший - дело субъективное, но самый маленький можно вычислить - им будет VanJS (Vanilla JavaScript), который занимает в сжатом виде около 900 байт.
Пример ToDo на нем:
const TodoItem = ({text}) => {
const done = van.state(false), deleted = van.state(false)
return () => deleted.val ? null : div(
input({type: "checkbox", checked: done, onclick: e => done.val = e.target.checked}),
() => (done.val ? strike : span)(text),
a({onclick: () => deleted.val = true}, "❌"),
)
}
const TodoList = () => {
const inputDom = input({type: "text"})
const dom = div(
inputDom,
button({onclick: () => van.add(dom, TodoItem({text: inputDom.value}))}, "Add"),
)
return dom
}
van.add(document.body, TodoList())Есть своя UI библиотека, свой state менеджер и даже SSR Kit. Всё в таком же минималистском стиле.
#framework
Обновленная информация о Rolldown от Evan You:
Изначально мы планировали открыть кодовую базу в этом году, но это будет перенесено на Q1 2024.
Мы достигли стадии, когда Rolldown может пройти все текущие тесты Vite. Но поскольку мы работаем над более продвинутыми функциями, такими как tree-shaking и fine-grained code splitting, мы решили, что нам нужно провести несколько довольно существенных рефакторингов, прежде чем двигаться дальше.
В связи с этим, возможно, он пока находится не в лучшем состоянии для внешних разработчиков. Мы планируем выложить его в открытый исходный код после завершения рефакторинга, и мы не ожидаем, что это займет слишком много времени!
#rolldown @evanyou
Изначально мы планировали открыть кодовую базу в этом году, но это будет перенесено на Q1 2024.
Мы достигли стадии, когда Rolldown может пройти все текущие тесты Vite. Но поскольку мы работаем над более продвинутыми функциями, такими как tree-shaking и fine-grained code splitting, мы решили, что нам нужно провести несколько довольно существенных рефакторингов, прежде чем двигаться дальше.
В связи с этим, возможно, он пока находится не в лучшем состоянии для внешних разработчиков. Мы планируем выложить его в открытый исходный код после завершения рефакторинга, и мы не ожидаем, что это займет слишком много времени!
#rolldown @evanyou
Vue DevTools ждёт обновление
Новая версия будет включать в себя несколько модулей от Anthony Fu из Nuxt DevTools. Пока планируется выпустить её отдельно от текущих DevTools и проверить стабильность. Сейчас она доступна как Vite плагин и Electron приложение. Как Chrome расширение приложение еще не готово.
#antfu #devtools
Новая версия будет включать в себя несколько модулей от Anthony Fu из Nuxt DevTools. Пока планируется выпустить её отдельно от текущих DevTools и проверить стабильность. Сейчас она доступна как Vite плагин и Electron приложение. Как Chrome расширение приложение еще не готово.
#antfu #devtools
JavaScript tips
У объекта
- console.table() - вывод данных в табличной форме
- console.count() - число вызовов данной строки
- console.error() - вывод ошибки
- console.time(), console.timeEnd(), console.timeLog() - таймер
- console.trace() - показать stack trace
#js #tip
У объекта
console кроме метода log() есть еще полезные для дебага методы:- console.table() - вывод данных в табличной форме
- console.count() - число вызовов данной строки
- console.error() - вывод ошибки
- console.time(), console.timeEnd(), console.timeLog() - таймер
- console.trace() - показать stack trace
#js #tip
Media is too big
VIEW IN TELEGRAM
Поздравляю всех подписчиков канала с Новым 2024 годом и ставлю свою любимую новогоднюю песенку от Da Frozen Crew
Сделал тематический стикерпак
https://t.me/addstickers/vue_faq_org
Картинки в хорошем разрешении будут в комментариях
#stickers #mems
https://t.me/addstickers/vue_faq_org
Картинки в хорошем разрешении будут в комментариях
#stickers #mems
Итоги года от Cloudflare Radar
Начнем год с позитива.
Как мы и оценивали пару месяцев назад, Vue в целом в два раза отстает от React. Успех Nuxt, конечно, грандиозен.
Исследовались top 5000 доменов. Неточности однозначно есть (с тем же Laravel, наверняка), но в целом должно быть правильно
#benchmark #vue #react #stats
Начнем год с позитива.
Как мы и оценивали пару месяцев назад, Vue в целом в два раза отстает от React. Успех Nuxt, конечно, грандиозен.
Исследовались top 5000 доменов. Неточности однозначно есть (с тем же Laravel, наверняка), но в целом должно быть правильно
#benchmark #vue #react #stats