Душный Вуй
745 subscribers
151 photos
5 videos
4 files
351 links
Немного душные, но ламповые заметки о Vue.js
#vuejs #vue #nuxt #vuex #pinia #вью #vapor
Download Telegram
Forwarded from Душный Вуй
Стикерочки огонь 😊😍🥹
Forwarded from Душный Вуй
Forwarded from FrontEndDev
Vuejs Amsterdam 2024

Плейлист из 29 докладов с прошедшей конференции.

https://www.youtube.com/playlist?list=PLCxzy-hmQq9GZGS5AJos92SAlq4KALQp2
Forwarded from Иван Бочкарев
Всем привет!

Кто давно ждал русскоязычную документацию по NUXT может присоединиться к переводу документации на русский язык!

https://nuxt-ru.vercel.app/ - сайт развернут тут

Репозитории для перевода:
- сайт: https://github.com/translation-gang/nuxt.com
- документации: https://github.com/translation-gang/nuxt/tree/main/docs

Ждем ваши PR.

Команда которая переводила https://ru.vuejs.org/ уже в деле!
Forwarded from Vue-FAQ
Множество различных способов написания компонентов Vue стало историческим бременем, которое создает фрагментацию среди кодовых баз и путаницу для новых разработчиков. Я думаю, что в какой-то момент нам нужно будет более четко определить, что разработчики должны использовать в новых проектах, чтобы они выглядели более последовательно - но это будет в основном изменение документации. Это не значит, что мы должны лишить возможности использовать API Options, особенно в существующих проектах.

Options API станет "недокументированными возможностями" Vue.js

Грамотное решение

#optionsapi #vuejs
Forwarded from Душный Вуй
Сегодня будем смотреть доклады
на I 🧡 Frontend
Please open Telegram to view this post
VIEW IN TELEGRAM
Forwarded from Nuxt.js | Vue SSR News (Андрей)
👩‍💻 Как и было обещано в анонсе, наступает середина июля и выходит Nuxt 4 3.12 (ну что вы, как в первый раз 🤣)

Миноров давно не было, поэтому и список получился большой и разношёрстный:

1️⃣Добавили базовую поддержку @nuxt/scripts – надстройку для более удобного управления сторонними скриптами. Сам пакет сейчас в предрелизной стадии
2️⃣Стабилизировали 4 экспериментальных функции (заголовок NoSSR, тришейкинг кода в clientOnly, генерация типов для runtimeConfig и полифиллинг vueuse/head). Две из них и так были включены по умолчанию
3️⃣Добавили новую экспериментальную функцию – multiApp support. Подробнее здесь
4️⃣Улучшили DX – в консоль теперь красиво выводятся VNode и ссылки из URL
5️⃣Улучшили типизацию: в tsconfig теперь генерируется значение module: 'preserve' (требуется TS 5.4+), ну и так, по мелочи
6️⃣Даже не забыли про Nuxt Kit и Nuxt Layers. Слои из папки ./layers теперь автоимпортируются, а кит обзавёлся дополнительными обвесами для работы с runtimeConfig и описания совместимости модулей

Ждём пару патч-версий и обновляемся или продолжаем ожидать v4?
Please open Telegram to view this post
VIEW IN TELEGRAM
Forwarded from Валентин Степанов
Моя уже вторая попытка начать переносить OkuUi на SFC. По сути, переписывается заново с оригинального radix. Надеюсь что-то из этого получится.

https://vue-primitives.netlify.app/
Forwarded from Vue-FAQ
Аргументация против глобальных автоимпортов (типа тех, что в Nuxt) от Artyom Tuchkov

1. Это явно - ты всегда видишь, откуда взялся компонент и в один клик можешь провалиться в него, а не в *.d.ts ;)

2. Это наглядно видно не только в редакторе, но и на всяких гитхабах, когда смотришь там код, с автоимпортами тебе придется гадать, откуда взялся компонент

3. Если проект вырастает во что-то большее, чем маленький пет, то количество компонентов уже не даст нормально и лампово работать с автоимпортами, если их названия будут собираться на основе папочек, где они лежат, а в больших проектах это вообще самоубийство

4. Не нужно генерировать портянку *.d.ts для того, чтобы редакторы видели их, и, как следствие, без них ты получаешь более качественный тулинг и анализ твоего кода

5. Ты уверен, что тришейкинг работает правильно и ты явно контролируешь загрузку каждого конкретного компонента в каком-либо месте, а не полагаешься на то, что за тебя это каким-то магическим образом сделает автоимпорт

6. Импорты может проставлять сама IDE, а еще их можно сворачивать в 1 строку, если визуально отвлекают

#architecture #bestpractices #tip #nuxt
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/