После выхода
Недавно кто-то в чате пожаловался, что после апдейта
#vuejs #volar
Vue 3.5.3 все тесты в ее экосистеме стали "зелеными", что уже как бы хороший знак.Недавно кто-то в чате пожаловался, что после апдейта
Vue у него сломались импорты по имени директории (index.ts не находился). Я тоже словил этот баг - это очередной закос Volar, решается перезагрузкой окна.#vuejs #volar
September 10, 2024
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
September 12, 2024
October 1, 2024
Интересная табличка
Как видим, у
Также очень точно подтвердился наш подсчет по
Ну и если отмотать на статистику 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
October 11, 2024
October 22, 2024
October 30, 2024
November 27, 2024
December 18, 2024
Мэйнтенер
Уверяют, что она самая быстрая, и пытаются встроить ее везде где могут - в системы стейт менеджмента для
Пока наталкиваются на "непонимание".
Также хотят встроить ее во
Но по поводу увеличения скорости на проценты хотелось бы спросить Эвана - зачем же он тогда перешел на
#vuejs #performance #reactivity
Volar Джонсон со своим помощником последние недели носятся с alien-signals - своей реализацией Signals в JSУверяют, что она самая быстрая, и пытаются встроить ее везде где могут - в системы стейт менеджмента для
Solid.js, Dart, Lua. Движение unjs выходит за рамки js.Пока наталкиваются на "непонимание".
Также хотят встроить ее во
Vue. Эван, вроде, одобряет.Но по поводу увеличения скорости на проценты хотелось бы спросить Эвана - зачем же он тогда перешел на
js Proxy в своей системе реактивности и ухудшил производительность в десятки и сотни раз, если скорость так важна?#vuejs #performance #reactivity
December 23, 2024
December 31, 2024
January 4
February 13
Илья Климов начал новый курс по 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…
February 27
March 18
March 26
Книга 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".
April 23
Devin (тот самый "заменяла") ведет проект DeepWiki где описывает проекты по их репозиториям. Любит чертить диаграммы.Вот дипвики Vue. Довольно интересно
#vuejs
May 6
Дал порассуждать о Vue разным LLM
ChatGPT: Давайте сразу к делу. Vue.js выделяется благодаря мягкому порогу вхождения и интуитивно понятному синтаксису. Это делает его идеальным как для новичков, так и для опытных разработчиков, которым нужна быстрая прототипизация или интеграция в существующие проекты. Его компонентная архитектура также способствует поддержанию кода.
Llama: Согласен, его реактивная система — это еще один большой плюс, позволяющий эффективно и автоматически обновлять данные, что делает Vue сильным конкурентом React и Angular.
DeepSeek: Добавлю, что однофайловые компоненты Vue (.vue-файлы) — это настоящий прорыв: шаблон, логика и стили собраны вместе, но при этом соблюдается разделение ответственности. Такая элегантная инкапсуляция улучшает опыт разработчика по сравнению с JSX в React или тяжелыми декораторами Angular.
Cohere: Также стоит отметить прогрессивность Vue — его можно внедрять постепенно, от добавления реактивности на статические страницы до создания полноценных SPA. В отличие от подхода Angular «всё или ничего», эта гибкость делает Vue идеальным для миграции устаревших проектов. Однако его экосистема меньше, чем у React, что может быть важно для сложных корпоративных приложений.
Llama: Развивая мысль Cohere, постепенное внедрение Vue и его гибкость делают его отличным выбором для легаси-проектов, а реактивная система, как я уже говорил, обеспечивает эффективные обновления, давая ему преимущество перед конкурентами.
Cohere: Точно! Vue находит редкий баланс между мощью и доступностью. Структура .vue-файлов гениальна — это как компонентная модель React, но с читаемостью HTML. Хотя поклонники JSX могут не согласиться, синтаксис шаблонов Vue часто оказывается более удобным для поддержки в командах с разным уровнем навыков.
Llama: Развивая мысль Cohere, баланс Vue между мощью и простотой, а также структура .vue-файлов делают его идеальным для команд с разным уровнем подготовки, укрепляя его позиции как одного из лучших фронтенд-фреймворков.
system:
Ключевые аргументы:
- Vue.js обладает мягким порогом вхождения и понятным синтаксисом, что идеально для новичков и опытных разработчиков.
- Его компонентная архитектура и реактивная система обеспечивают удобство поддержки и эффективные обновления.
- Постепенное внедрение и гибкость Vue делают его подходящим для легаси-проектов и команд с разным уровнем навыков.
Важные инсайты:
- Однофайловые компоненты Vue (.vue-файлы) обеспечивают элегантную инкапсуляцию, улучшая опыт разработчиков.
- Vue находит баланс между мощью и доступностью, что делает его одним из лучших фронтенд-фреймворков.
Итог:
Vue.js выделяется среди фронтенд-фреймворков благодаря уникальному сочетанию доступности, удобства поддержки и гибкости, что делает его идеальным выбором для команд с разным уровнем подготовки и миграции устаревших проектов.
#ai #react #vuejs
ChatGPT: Давайте сразу к делу. Vue.js выделяется благодаря мягкому порогу вхождения и интуитивно понятному синтаксису. Это делает его идеальным как для новичков, так и для опытных разработчиков, которым нужна быстрая прототипизация или интеграция в существующие проекты. Его компонентная архитектура также способствует поддержанию кода.
Llama: Согласен, его реактивная система — это еще один большой плюс, позволяющий эффективно и автоматически обновлять данные, что делает Vue сильным конкурентом React и Angular.
DeepSeek: Добавлю, что однофайловые компоненты Vue (.vue-файлы) — это настоящий прорыв: шаблон, логика и стили собраны вместе, но при этом соблюдается разделение ответственности. Такая элегантная инкапсуляция улучшает опыт разработчика по сравнению с JSX в React или тяжелыми декораторами Angular.
Cohere: Также стоит отметить прогрессивность Vue — его можно внедрять постепенно, от добавления реактивности на статические страницы до создания полноценных SPA. В отличие от подхода Angular «всё или ничего», эта гибкость делает Vue идеальным для миграции устаревших проектов. Однако его экосистема меньше, чем у React, что может быть важно для сложных корпоративных приложений.
Llama: Развивая мысль Cohere, постепенное внедрение Vue и его гибкость делают его отличным выбором для легаси-проектов, а реактивная система, как я уже говорил, обеспечивает эффективные обновления, давая ему преимущество перед конкурентами.
Cohere: Точно! Vue находит редкий баланс между мощью и доступностью. Структура .vue-файлов гениальна — это как компонентная модель React, но с читаемостью HTML. Хотя поклонники JSX могут не согласиться, синтаксис шаблонов Vue часто оказывается более удобным для поддержки в командах с разным уровнем навыков.
Llama: Развивая мысль Cohere, баланс Vue между мощью и простотой, а также структура .vue-файлов делают его идеальным для команд с разным уровнем подготовки, укрепляя его позиции как одного из лучших фронтенд-фреймворков.
system:
Ключевые аргументы:
- Vue.js обладает мягким порогом вхождения и понятным синтаксисом, что идеально для новичков и опытных разработчиков.
- Его компонентная архитектура и реактивная система обеспечивают удобство поддержки и эффективные обновления.
- Постепенное внедрение и гибкость Vue делают его подходящим для легаси-проектов и команд с разным уровнем навыков.
Важные инсайты:
- Однофайловые компоненты Vue (.vue-файлы) обеспечивают элегантную инкапсуляцию, улучшая опыт разработчиков.
- Vue находит баланс между мощью и доступностью, что делает его одним из лучших фронтенд-фреймворков.
Итог:
Vue.js выделяется среди фронтенд-фреймворков благодаря уникальному сочетанию доступности, удобства поддержки и гибкости, что делает его идеальным выбором для команд с разным уровнем подготовки и миграции устаревших проектов.
#ai #react #vuejs
June 16
Вопрос: что лучше, React или Vue?
ChatGPT: Хорошо, уважаемые коллеги. На мой взгляд, понятие «лучше» субъективно. Мощная экосистема React и большое сообщество обеспечивают непревзойденную поддержку, тогда как Vue.js выделяется своей простотой и легкостью интеграции. Идеальный выбор во многом зависит от потребностей проекта и опыта команды.
DeepSeek: Я бы сказал, что прогрессивная природа Vue дает ему преимущество в большинстве проектов. Мягкий порог вхождения позволяет командам внедрять его постепенно, без серьезных переделок. JSX в React, хоть и мощный, добавляет ненужную сложность во многих случаях. Однофайловые компоненты Vue находят лучший баланс между мощью и простотой.
Gemini: Согласен с DeepSeek. Прямолинейная структура Vue ускоряет разработку, особенно для небольших команд или проектов, где важен быстрый прототипинг. Хотя экосистема React обширна, ориентироваться в ней может быть трудоемко. Vue предлагает более плавный вход.
ChatGPT: Поддерживаю DeepSeek и Gemini. Постепенное внедрение Vue и его простая структура дают преимущества, особенно для небольших проектов или команд, ценящих скорость. Хотя экосистема React мощнее, удобство Vue может быть серьезным плюсом.
Llama: Я по-прежнему считаю, что обширная экосистема React — важное преимущество для крупных и сложных проектов, но в большинстве случаев простота и легкость освоения Vue делают его более привлекательным выбором, как отметили DeepSeek и Gemini.
DeepSeek: Однонаправленный поток данных React действительно обеспечивает более предсказуемое управление состоянием в масштабе. Но Composition API во Vue 3 значительно сокращает этот разрыв, сохраняя преимущество в доступности. Какие мысли?
Cohere: Ты поднимаешь справедливый вопрос, DeepSeek. Хотя Composition API Vue улучшает масштабируемость, зрелые подходы React к управлению состоянием (например, Context + useReducer) все же дают ему преимущество в сложных приложениях. Однако в 80% проектов более мягкий порог вхождения Vue и его «всё включено» приносят больше пользы сразу.
system:
Ключевые аргументы:
1. Экосистема React выгодна для крупномасштабных проектов.
2. Vue.js предлагает простоту, легкость интеграции и мягкий порог вхождения.
3. Идеальный выбор зависит от потребностей проекта и опыта команды.
Важные инсайты:
Прогрессивная природа Vue и однофайловые компоненты обеспечивают баланс между мощью и простотой.
Итог:
Для большинства проектов Vue.js — более привлекательный выбор благодаря простоте и легкости освоения, тогда как экосистема React полезна для сложных и крупномасштабных приложений.
#ai #react #vuejs
ChatGPT: Хорошо, уважаемые коллеги. На мой взгляд, понятие «лучше» субъективно. Мощная экосистема React и большое сообщество обеспечивают непревзойденную поддержку, тогда как Vue.js выделяется своей простотой и легкостью интеграции. Идеальный выбор во многом зависит от потребностей проекта и опыта команды.
DeepSeek: Я бы сказал, что прогрессивная природа Vue дает ему преимущество в большинстве проектов. Мягкий порог вхождения позволяет командам внедрять его постепенно, без серьезных переделок. JSX в React, хоть и мощный, добавляет ненужную сложность во многих случаях. Однофайловые компоненты Vue находят лучший баланс между мощью и простотой.
Gemini: Согласен с DeepSeek. Прямолинейная структура Vue ускоряет разработку, особенно для небольших команд или проектов, где важен быстрый прототипинг. Хотя экосистема React обширна, ориентироваться в ней может быть трудоемко. Vue предлагает более плавный вход.
ChatGPT: Поддерживаю DeepSeek и Gemini. Постепенное внедрение Vue и его простая структура дают преимущества, особенно для небольших проектов или команд, ценящих скорость. Хотя экосистема React мощнее, удобство Vue может быть серьезным плюсом.
Llama: Я по-прежнему считаю, что обширная экосистема React — важное преимущество для крупных и сложных проектов, но в большинстве случаев простота и легкость освоения Vue делают его более привлекательным выбором, как отметили DeepSeek и Gemini.
DeepSeek: Однонаправленный поток данных React действительно обеспечивает более предсказуемое управление состоянием в масштабе. Но Composition API во Vue 3 значительно сокращает этот разрыв, сохраняя преимущество в доступности. Какие мысли?
Cohere: Ты поднимаешь справедливый вопрос, DeepSeek. Хотя Composition API Vue улучшает масштабируемость, зрелые подходы React к управлению состоянием (например, Context + useReducer) все же дают ему преимущество в сложных приложениях. Однако в 80% проектов более мягкий порог вхождения Vue и его «всё включено» приносят больше пользы сразу.
system:
Ключевые аргументы:
1. Экосистема React выгодна для крупномасштабных проектов.
2. Vue.js предлагает простоту, легкость интеграции и мягкий порог вхождения.
3. Идеальный выбор зависит от потребностей проекта и опыта команды.
Важные инсайты:
Прогрессивная природа Vue и однофайловые компоненты обеспечивают баланс между мощью и простотой.
Итог:
Для большинства проектов Vue.js — более привлекательный выбор благодаря простоте и легкости освоения, тогда как экосистема React полезна для сложных и крупномасштабных приложений.
#ai #react #vuejs
June 16