На этих выходных Vue Mastery опять устраивает бесплатный пока своего кено.

#vuemastery #learning #video

Всем привет!
А вот и наш второй по очереди, но не по значимости спикер 🎙

Дайте шуму, поставьте лайки – Андрей Ёлкин!
О чем будет доклад Андрея?
Он расскажет сам:

Ваше приложение выросло и стандартных 4 папочек вам уже не хватает? Переживаете за переиспользуемость кода? Ждёте Nuxt Auth, боясь написать свою реализацию? Просто хочется копнуть поглубже в исходники накста?

Окей, вас услышали. Давайте разберёмся, что такое модули, как они работают в наксте и как можно написать свой модуль и расширить фреймворк в любую сторону при помощи Nuxt Kit.

👉 РЕГИСТРАЦИЯ НА МИТАП 👈

На днях Google подарил всем `Speculation API`.

Позволяет предварительно загрузить и даже зарендерить любой ресурс:

<script type="speculationrules">
{
  "prerender": [
    {
      "urls": ["next.html", "next2.html"]
    }
  ]
}
</script>

Разработчик может указывать браузеру загрузить в фоне страницу, на которую пользователь с большой вероятностью перейдет. В результате она затем открывается почти мгновенно (VitePress так делает сам по умолчанию, кстати, для следующей статьи)

Наиболее эффективно для SSR (во всех смыслах) и MPA сайтов. SPA от этого сильно пользы не получат, потому как и так быстрые при переходах по сайту.

Работает в Chrome и MS Edge

Пользователи с медленным или платным интернетом аплодируют стоя.

#google #chrome #speculationapi

https://namechecker.vercel.app/

Забвная штука проверяющая доступность имени для пакетов и т.д.

Стикерочки огонь 😊😍🥹

Vuejs Amsterdam 2024

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

https://www.youtube.com/playlist?list=PLCxzy-hmQq9GZGS5AJos92SAlq4KALQp2

Множество различных способов написания компонентов Vue стало историческим бременем, которое создает фрагментацию среди кодовых баз и путаницу для новых разработчиков. Я думаю, что в какой-то момент нам нужно будет более четко определить, что разработчики должны использовать в новых проектах, чтобы они выглядели более последовательно - но это будет в основном изменение документации. Это не значит, что мы должны лишить возможности использовать API Options, особенно в существующих проектах.

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

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

#optionsapi #vuejs

Аргументация против глобальных автоимпортов (типа тех, что в Nuxt) от Artyom Tuchkov

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

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

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

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

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

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

#architecture #bestpractices #tip #nuxt