После выхода
Недавно кто-то в чате пожаловался, что после апдейта
#vuejs #volar
Vue 3.5.3
все тесты в ее экосистеме стали "зелеными", что уже как бы хороший знак.Недавно кто-то в чате пожаловался, что после апдейта
Vue
у него сломались импорты по имени директории (index.ts
не находился). Я тоже словил этот баг - это очередной закос Volar
, решается перезагрузкой окна.#vuejs #volar
18 качественных отличий
- отсутствие легаси-абсурда: @change во вью - это реальный change, а не input, как в реакте, мимикрирующий под change
- отсутствие stale closure и всех связанных с ним проблем
- автоматический трекинг зависимостей, нет костылей типа useCallback
- удобные хелперы из коробки (привет либам clsx и classnames)
- удобный DSL, а не стремный JSX
- нет useEffect и миллиарда статей и докладов на тему “вы неправильно используете useEffect”
- нет проблем с воображением, когда добавляют новые фичи - useImperativeHandle и dangerouslySetInnerHTML
- есть сахар для работы с формами - v-model
- есть слоты
- нет костыльного стриктмода, который, прости хоспаде, твой код запускает дважды, чтобы тебе было приятнее работать избавить тебя от багов
- нет monkey-patching’а нативных console и fetch
- нет ререндеров на любой чих
- нет 50 вложенных контекстов в руте приложения
- нет прекрасного forwardRef
- есть нормальная система плагинов
- есть реактивность для Map/Set из коробки
- есть нормальная мутабельность без сотни копий всего подряд
- есть nextTick, не надо костылить с flushSync
#react #vuejs
Vue
от React
от Artyom Tuchkov- отсутствие легаси-абсурда: @change во вью - это реальный change, а не input, как в реакте, мимикрирующий под change
- отсутствие stale closure и всех связанных с ним проблем
- автоматический трекинг зависимостей, нет костылей типа useCallback
- удобные хелперы из коробки (привет либам clsx и classnames)
- удобный DSL, а не стремный JSX
- нет useEffect и миллиарда статей и докладов на тему “вы неправильно используете useEffect”
- нет проблем с воображением, когда добавляют новые фичи - useImperativeHandle и dangerouslySetInnerHTML
- есть сахар для работы с формами - v-model
- есть слоты
- нет костыльного стриктмода, который, прости хоспаде, твой код запускает дважды, чтобы тебе было приятнее работать избавить тебя от багов
- нет monkey-patching’а нативных console и fetch
- нет ререндеров на любой чих
- нет 50 вложенных контекстов в руте приложения
- нет прекрасного forwardRef
- есть нормальная система плагинов
- есть реактивность для Map/Set из коробки
- есть нормальная мутабельность без сотни копий всего подряд
- есть nextTick, не надо костылить с flushSync
#react #vuejs
Интересная табличка
Как видим, у
Также очень точно подтвердился наш подсчет по
Ну и если отмотать на статистику 2020 года, то можно увидеть, что
Script setup - this is how it's done.
#vuejs #nuxt #react #stats
Google
проверяет какие сайты проходят их тест на Web VitalsКак видим, у
Vue
результаты значительно лучше, чем и SSR
-ного Nuxt
, одним из заманивающих доводов которого вроде бы и является хорошие веб метрики.Также очень точно подтвердился наш подсчет по
npm
пакетам о соотношении сайтов на Vue
и Nuxt
- Vue
примерно в 6-7 раз больше.Ну и если отмотать на статистику 2020 года, то можно увидеть, что
React
превалировал над Vue
в 10 раз. Сейчас - примерно в 2. Script setup - this is how it's done.
#vuejs #nuxt #react #stats
Мэйнтенер
Уверяют, что она самая быстрая, и пытаются встроить ее везде где могут - в системы стейт менеджмента для
Пока наталкиваются на "непонимание".
Также хотят встроить ее во
Но по поводу увеличения скорости на проценты хотелось бы спросить Эвана - зачем же он тогда перешел на
#vuejs #performance #reactivity
Volar
Джонсон со своим помощником последние недели носятся с alien-signals
- своей реализацией Signals
в JSУверяют, что она самая быстрая, и пытаются встроить ее везде где могут - в системы стейт менеджмента для
Solid.js
, Dart
, Lua
. Движение unjs
выходит за рамки js
.Пока наталкиваются на "непонимание".
Также хотят встроить ее во
Vue
. Эван, вроде, одобряет.Но по поводу увеличения скорости на проценты хотелось бы спросить Эвана - зачем же он тогда перешел на
js
Proxy
в своей системе реактивности и ухудшил производительность в десятки и сотни раз, если скорость так важна?#vuejs #performance #reactivity
Илья Климов начал новый курс по Vue 3 на
Планируется около 20 видео, на пару месяцев.
Nuxt free
В плане подачи материала у Ильи обычно всё на очень высоком уровне. Рекомендуется к просмотру безусловно.
#learning #vuejs
Youtube
Планируется около 20 видео, на пару месяцев.
Nuxt free
В плане подачи материала у Ильи обычно всё на очень высоком уровне. Рекомендуется к просмотру безусловно.
#learning #vuejs
YouTube
#0 Что учим? - Основы Vue.js 3
0:00 Почему появилось это видео
5:00 Контент
Наш чат в телеграм - https://t.me/vuejs_club
---
Видео создано благодаря подписчикам проекта на нашем Patreon.
Хотите получать контент раньше остальных? Присоединяйтесь! https://patreon.com/javascriptninja…
5:00 Контент
Наш чат в телеграм - https://t.me/vuejs_club
---
Видео создано благодаря подписчикам проекта на нашем Patreon.
Хотите получать контент раньше остальных? Присоединяйтесь! https://patreon.com/javascriptninja…
Книга Chibi Vue от разработчика
В ней есть:
- Анализ ядра
- Практическая реализация упрощённой версии
Книга на английском языке.
#learning #chibivue #vuejs
Yoichi Kikuchi
- подробное руководство по внутреннему устройству Vue 3
. Полезно для разработчиков, углублённо изучающих Vue
.В ней есть:
- Анализ ядра
Vue
: реактивность, компилятор шаблонов, система рендеринга.- Практическая реализация упрощённой версии
Vue
с нуля.Книга на английском языке.
#learning #chibivue #vuejs
chibivue
Writing Vue.js: Step by Step, from just one line of "Hello, World".
Devin
(тот самый "заменяла") ведет проект DeepWiki
где описывает проекты по их репозиториям. Любит чертить диаграммы.Вот дипвики Vue. Довольно интересно
#vuejs