Forwarded from FrontEndDev
Vuejs Amsterdam 2024
Плейлист из 29 докладов с прошедшей конференции.
https://www.youtube.com/playlist?list=PLCxzy-hmQq9GZGS5AJos92SAlq4KALQp2
Плейлист из 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/ уже в деле!
Кто давно ждал русскоязычную документацию по 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/ уже в деле!
Nuxt
Nuxt: Интуитивно понятный фреймворк Vue
Nuxt - это фреймворк с открытым исходным кодом, который делает веб-разработку интуитивно понятной и мощной. Уверенно создавайте производительные веб-приложения и веб-сайты с полным стеком.
Forwarded from Vue-FAQ
Множество различных способов написания компонентов Vue стало историческим бременем, которое создает фрагментацию среди кодовых баз и путаницу для новых разработчиков. Я думаю, что в какой-то момент нам нужно будет более четко определить, что разработчики должны использовать в новых проектах, чтобы они выглядели более последовательно - но это будет в основном изменение документации. Это не значит, что мы должны лишить возможности использовать API Options, особенно в существующих проектах.
Грамотное решение
#optionsapi #vuejs
Options API
станет "недокументированными возможностями" Vue.js
Грамотное решение
#optionsapi #vuejs
Forwarded from Душный Вуй
Please open Telegram to view this post
VIEW IN TELEGRAM
Forwarded from Nuxt.js | Vue SSR News (Андрей)
Миноров давно не было, поэтому и список получился большой и разношёрстный:
NoSSR
, тришейкинг кода в clientOnly
, генерация типов для runtimeConfig
и полифиллинг vueuse/head
). Две из них и так были включены по умолчаниюmodule: 'preserve'
(требуется TS 5.4+), ну и так, по мелочиЖдём пару патч-версий и обновляемся или продолжаем ожидать v4?
Please open Telegram to view this post
VIEW IN TELEGRAM
GitHub
Release v3.12.0 · nuxt/nuxt
👀 Highlights
We're on the road to the release of Nuxt 4, but we've not held back in Nuxt v3.12. A huge thank you to the 75+ Nuxt contributors and community members who have been part of thi...
We're on the road to the release of Nuxt 4, but we've not held back in Nuxt v3.12. A huge thank you to the 75+ Nuxt contributors and community members who have been part of thi...
Forwarded from Валентин Степанов
Моя уже вторая попытка начать переносить OkuUi на SFC. По сути, переписывается заново с оригинального radix. Надеюсь что-то из этого получится.
https://vue-primitives.netlify.app/
https://vue-primitives.netlify.app/
GitHub
GitHub - oku-ui/primitives: Vue Radix UI Primitives 1:1 . Components, icons, colors, and templates for building high-quality, accessible…
Vue Radix UI Primitives 1:1 . Components, icons, colors, and templates for building high-quality, accessible UI. Free and open-source. - oku-ui/primitives
Forwarded from Vue-FAQ
Аргументация против
1. Это явно - ты всегда видишь, откуда взялся компонент и в один клик можешь провалиться в него, а не в
2. Это наглядно видно не только в редакторе, но и на всяких гитхабах, когда смотришь там код, с автоимпортами тебе придется гадать, откуда взялся компонент
3. Если проект вырастает во что-то большее, чем маленький пет, то количество компонентов уже не даст нормально и лампово работать с автоимпортами, если их названия будут собираться на основе папочек, где они лежат, а в больших проектах это вообще самоубийство
4. Не нужно генерировать портянку
5. Ты уверен, что тришейкинг работает правильно и ты явно контролируешь загрузку каждого конкретного компонента в каком-либо месте, а не полагаешься на то, что за тебя это каким-то магическим образом сделает автоимпорт
6. Импорты может проставлять сама
#architecture #bestpractices #tip #nuxt
глобальных автоимпортов
(типа тех, что в Nuxt
) от Artyom Tuchkov1. Это явно - ты всегда видишь, откуда взялся компонент и в один клик можешь провалиться в него, а не в
*.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!
Так что никаких больше
...и поехали!
#node #typescript #ts
В 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
GitHub
module: add --experimental-strip-types by marco-ippolito · Pull Request #53725 · nodejs/node
It is possible to execute TypeScript files by setting the experimental flag --experimental-strip-types.
Node.js will transpile TypeScript source code into JavaScript source code.
During the transpi...
Node.js will transpile TypeScript source code into JavaScript source code.
During the transpi...
Forwarded from Nuxt.js | Vue SSR News (Андрей)
Тут команда Nuxt сколлаборировалась с командой Chrome Aurora и выпустила новый модуль – Nuxt Scripts ☀️
Если вы используете third-party скрипты (например, аналитику) и хотите улучшить:
🔠 Надёжность
🔠 Метрики Lighthouse
🅱️ Безопасность
🔠 Удобство использования
– Поставьте бету и попробуйте, и не забудьте завести issue, если попытка оказалась неудачной
Если вы используете third-party скрипты (например, аналитику) и хотите улучшить:
– Поставьте бету и попробуйте, и не забудьте завести issue, если попытка оказалась неудачной
Please open Telegram to view this post
VIEW IN TELEGRAM
Nuxt
Introducing Nuxt Scripts · Nuxt Blog
Nuxt Scripts provides better performance, privacy, security, and developer experience for third-party scripts.
Forwarded from Nuxt.js | Vue SSR News (Андрей)
Vue успешно вступает в гонку миноров 3й версии и выпускает свежий 3.5.0, который завтра ваш коллега случайно принесёт в проект, обновив локфайл.
🥲 Нам приятно, что в релиз попали улучшения для SSR. Например, добавили много вспомогательных функций для ленивой гидрации, а также
Остальные улучшения такие:
↗️ Оптимизация реактивности: Снижено использование памяти на 56% в среднем, а в больших реактивных массивах стало лучше в 10 раз.
💭 Reactive Props Desctrucutre: Всё-таки запихнули ещё немного магии в <script setup>, обязательно прочитайте, как этим пользоваться.
👻 Расширение работы с Custom Elements: Добавлены API
👍 Новые возможности: useTemplateRef() для динамических референсов и возможность использовать <Teleport> до того, как он отрендерится.
data-allow-mismatch
для пометки элементов, которым разрешено не совпадать при серверном и клиентском рендере. Кроме того, теперь useId()
есть не только в Nuxt, но и в самом Vue. Интересно, будет ли жёсткая борьба между ними?Остальные улучшения такие:
useHost()
и useShadowRoot()
.Please open Telegram to view this post
VIEW IN TELEGRAM
blog.vuejs.org
Announcing Vue 3.5 | The Vue Point
The official blog for the Vue.js project
Forwarded from Душный Вуй
React-To-Nuxt
React to Nuxt
Everything you need to get started with Nuxt, if you know React.
Forwarded from Душный Вуй
Ну что, как вам https://vuejs.org/api/sfc-script-setup.html#reactive-props-destructure ?
Удобно? Полезно? Нравится?
Удобно? Полезно? Нравится?
vuejs.org
Vue.js
Vue.js - The Progressive JavaScript Framework
Forwarded from Душный Вуй
Ребята, а что вы думаете о FSD? Насколько он необходим мелким и средним проектам, и решает ли он проблемы в больших?
https://habr.com/ru/companies/vk/articles/831148/
https://habr.com/ru/companies/vk/articles/831148/
Хабр
Как мы приготовили Feature-Sliced Design в VK
Всем привет! Меня зовут Дмитрий, я Frontend-разработчик в VK. В этой статье расскажу немного о том, как мы знакомились с архитектурой FSD (Feature-Sliced Design), как мы рефакторили свой проект под...
Forwarded from Frontend по-флотски 👨💻
Вышел TypeScript 5.6 🔥
— Новые синтаксические проверки на нулевые/истинные значения
— Методы-помощники итератора и проверки на строгость
— Приоритетная проверка регионов в редакторах
— Гибкое поведение --build
https://habr.com/ru/articles/842166/
— Новые синтаксические проверки на нулевые/истинные значения
— Методы-помощники итератора и проверки на строгость
— Приоритетная проверка регионов в редакторах
— Гибкое поведение --build
https://habr.com/ru/articles/842166/
Хабр
Вышел TypeScript 5.6
Эта статья — перевод оригинальной статьи « Announcing TypeScript 5.6 ». Также я веду телеграм канал « Frontend по‑флотски », где рассказываю про интересные вещи из мира разработки...