Душный Вуй
Немного душные, но ламповые заметки о Vue.js #vuejs #vue #nuxt #vuex #pinia #вью
Більше- Підписники
- Перегляди допису
- ER - коефіцієнт залучення
Триває завантаження даних...
Триває завантаження даних...
After the first part, Michael and Alex continue their conversation with the one and only Evan You, covering the future of the modern JavaScript Framework. Starting straight with *possible* plans for Vue 4 to address common pain points and no ETA for the next major, exciting improvements like native CSS Scoping or removing the need for declaring props are discussed (though nothing is set on stone)! Next, Vue 3.5 and it's current alpha version are on the list. We all look forward to the amazing features in the next minor version, including Lazy Hydration, perf improvements, easier types and also new composables like useTemplateRef. Eventually, the State of Suspense, Vapor Mode, Volar, and Mobile App Development with Vue are addressed as well. Enjoy the episode! --- Our Guest * Evan You * Web -
https://evanyou.me/* Vue.js -
https://vuejs.org/* Vite -
https://vitejs.dev/* Rolldown -
https://rolldown.rs/--- Your Hosts * Michael Thiessen * Twitter -
https://twitter.com/MichaelThiessen* YouTube - @michaelnthiessen * Web -
https://michaelnthiessen.com/* Alexander Lichter * YouTube - @TheAlexLichter * Twitter -
https://twitter.com/TheAlexLichter* Web -
https://www.lichter.io/-- Chaptermarks: 00:00 Welcome to DejaVue! 01:06 Do you have any plans for Vue 4? 02:47 Ref Unwrapping in objects 05:22 Native CSS Scoping, Signals and Browser range 07:12 Defaulting to script setup and TypeScript 11:12 No prop declaring necessary anymore 13:43 Nothing set in stone for Vue 4 14:50 Vue 3.5 improvements 15:50 Internal type improvements 16:33 Reactive Props Destructure RFC 19:31: useId and useTemplateRef 21:00 Do we still need custom directives? 22:06 Lazy Hydration 22:57 Allowing Hydration mismatches on purpose 25:10 Custom Lazy Hydration Triggers 26:18 Vue 3.5 Alpha 26:56 State of Suspense 30:17 Vapor Mode 33:44 Performance of Vapor 35:31 Volar and the Vue VS Code Extension 39:09 Negativity towards Volar 40:18 Mobile App Development with Vue 42:51 What content would help the Vue community? 51:07 Wrapping up! -- Links and Resources ▶ 10% discount for the vue.js de Conf in Bonn, Germany with code DEJAVUE
https://conf.vuejs.de/▶ Nuxt UI Pro - Get 20% off with code LICHTER until July 14th using the link
https://dejavue.fm/nuxt-ui▶ Reactive Props Destructure RFC
https://github.com/vuejs/rfcs/discussions/502▶ Volar
https://github.com/volarjs/volar.js/▶ Vue Language Tools -
https://github.com/vuejs/language-tools▶ Nuxt
https://nuxt.com/▶ JS Framework Benchmark
https://github.com/krausest/js-framework-benchmark▶ Ecosystem CI (Vue)
https://github.com/vuejs/ecosystem-ci▶ NativeScript
https://nativescript-vue.org/▶ TailwindCSS
https://tailwindcss.com/▶ Kevin Deng (sxzz)
https://x.com/sanxiaozhizi▶ Anthony Fu
https://x.com/antfu7▶ Daniel Roe
https://x.com/danielcroe-- Follow DejaVue on ▶ The Web:
https://dejavue.fm/▶ Twitter:
https://twitter.com/dejavuefm▶ Apple Podcast:
https://podcasts.apple.com/us/podcast/dejavue/id1737631788▶ YouTube:
https://www.youtube.com/@DejaVueFm▶ Spotify:
https://open.spotify.com/show/5VQ15QHkC7HSmwTYR7vCPF▶ Deezer:
https://www.deezer.com/show/1000792252▶ Amazon Music:
https://music.amazon.com/podcasts/798ccbb2-4a8f-4d83-bff7-00cbc8730f56▶ Pocket Casts:
https://pca.st/49qr8d1k-- Links marked with * are affiliate links. We get a small commission when you register for the service through our link. This helps us to keep the podcast running. We only include affiliate links for services mentioned in the episode or that we use ourselves.
глобальных автоимпортов
(типа тех, что в Nuxt
) от Artyom Tuchkov
1. Это явно - ты всегда видишь, откуда взялся компонент и в один клик можешь провалиться в него, а не в *.d.ts
;)
2. Это наглядно видно не только в редакторе, но и на всяких гитхабах, когда смотришь там код, с автоимпортами тебе придется гадать, откуда взялся компонент
3. Если проект вырастает во что-то большее, чем маленький пет, то количество компонентов уже не даст нормально и лампово работать с автоимпортами, если их названия будут собираться на основе папочек, где они лежат, а в больших проектах это вообще самоубийство
4. Не нужно генерировать портянку *.d.ts
для того, чтобы редакторы видели их, и, как следствие, без них ты получаешь более качественный тулинг и анализ твоего кода
5. Ты уверен, что тришейкинг работает правильно и ты явно контролируешь загрузку каждого конкретного компонента в каком-либо месте, а не полагаешься на то, что за тебя это каким-то магическим образом сделает автоимпорт
6. Импорты может проставлять сама IDE
, а еще их можно сворачивать в 1 строку, если визуально отвлекают
#architecture #bestpractices #tip #nuxtVue Radix UI Primitives 1:1 . Components, icons, colors, and templates for building high-quality, accessible UI. Free and open-source. - oku-ui/primitives
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?👀 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...
Options API
станет "недокументированными возможностями" Vue.js
Грамотное решение
#optionsapi #vuejsNuxt is an open source framework that makes web development intuitive and powerful. Create performant and production-grade full-stack web apps and websites with confidence.
На вашому тарифі доступна аналітика тільки для 5 каналів. Щоб отримати більше — оберіть інший тариф.