Душный Вуй
745 subscribers
153 photos
5 videos
4 files
354 links
Немного душные, но ламповые заметки о Vue.js
#vuejs #vue #nuxt #vuex #pinia #вью #vapor
Download Telegram
Forwarded from Будни разработчика (Sergey Bekharsky)
#новость дня

В node.js появилась экспериментальная нативная поддержка TypeScript!

Крепко же их bun приложил...

Ссылка на PR: https://github.com/nodejs/node/pull/53725

По факту происходит отбрасывание типов, поэтому средства вроде Enum и namespace не поддерживаются. Инициатива предоставления стабильного API поверх TypeScript получила название amaro и в дальнейшем планируется выделение в отдельный обновляемый модуль. Работает (кто бы сомневался) при помощи swc, собранного в WebAssembly!

Так что никаких больше ts-node!

node main.ts

...и поехали!

#node #typescript #ts
Forwarded from Nuxt.js | Vue SSR News (Андрей)
Тут команда Nuxt сколлаборировалась с командой Chrome Aurora и выпустила новый модуль – Nuxt Scripts ☀️

Если вы используете third-party скрипты (например, аналитику) и хотите улучшить:
🔠Надёжность
🔠Метрики Lighthouse
🅱️Безопасность
🔠Удобство использования

– Поставьте бету и попробуйте, и не забудьте завести issue, если попытка оказалась неудачной
Please open Telegram to view this post
VIEW IN TELEGRAM
Forwarded from Nuxt.js | Vue SSR News (Андрей)
Vue успешно вступает в гонку миноров 3й версии и выпускает свежий 3.5.0, который завтра ваш коллега случайно принесёт в проект, обновив локфайл.

🥲Нам приятно, что в релиз попали улучшения для SSR. Например, добавили много вспомогательных функций для ленивой гидрации, а также data-allow-mismatch для пометки элементов, которым разрешено не совпадать при серверном и клиентском рендере. Кроме того, теперь useId() есть не только в Nuxt, но и в самом Vue. Интересно, будет ли жёсткая борьба между ними?

Остальные улучшения такие:

↗️Оптимизация реактивности: Снижено использование памяти на 56% в среднем, а в больших реактивных массивах стало лучше в 10 раз.

💭Reactive Props Desctrucutre: Всё-таки запихнули ещё немного магии в <script setup>, обязательно прочитайте, как этим пользоваться.

👻Расширение работы с Custom Elements: Добавлены API useHost() и useShadowRoot().

👍Новые возможности: useTemplateRef() для динамических референсов и возможность использовать <Teleport> до того, как он отрендерится.
Please open Telegram to view this post
VIEW IN TELEGRAM
Forwarded from Душный Вуй
Ну что, как вам https://vuejs.org/api/sfc-script-setup.html#reactive-props-destructure ?
Удобно? Полезно? Нравится?
Вышел TypeScript 5.6 🔥

— Новые синтаксические проверки на нулевые/истинные значения
— Методы-помощники итератора и проверки на строгость
— Приоритетная проверка регионов в редакторах
— Гибкое поведение --build

https://habr.com/ru/articles/842166/
Forwarded from Душный Вуй
Немного не о Вуе

Накидайте в комменты интересных/забавных вопросов на собесах которые вам попадались (а может быть и вы сами что-то придумывали интересное), как по JS/TS так и по Vue, Nuxt
Forwarded from Душный Вуй
А они ещё живы вот эти вот "Поделиться в"?
Вы пишете сами такие вещи или используете что то типа https://github.com/stefanobartoletti/nuxt-social-share ?
Forwarded from Душный Вуй
Я правильно понял, что ребята берут денюжку за отдельную услугу миграции с 2 на 3 вуй?

https://migrate-vue.com
Forwarded from Душный Вуй
А есть адекватные примеры на практике в использовании Generic Components? Не могу найти ничего интереснее обычного селекта
Forwarded from Vue-FAQ
18 качественных отличий 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
Forwarded from Владислав Худяков
https://tresjs.org/

вуяч от души, замутили разъеб
Forwarded from FrontEndDev
Динамические лейауты с Vue jsx: руководство по созданию поддерживаемых компонентов

Посмотрите, как динамические лейауты c Vue jsx могут оптимизировать процесс разработки, сделав ваши компоненты более гибкими.

https://www.vuemastery.com/blog/dynamic-layouts-with-vue-jsx/
Forwarded from Vue-FAQ
Интересный Youtube канал по Vue - LearnVue

Последнее видео - про новый функционал Teleport-а во Vue 3.5

#learning #video