Всем привет, этим сообщением я запускаю телеграм канал «Мастерская разработчика».
На канале буду публиковаться видео и статьи посвященные веб разработке, а так же различным поделкам с электроникой и программированием. Надеюсь, вам будет интересно ♥️

Видео про систему лэйаутов для страниц во вью 3, потенциально можно применить и ко второму вью
https://www.youtube.com/watch?v=C5VIL2yyzVQ

Может быть немного занудно, но это мое первое видео в таком формате, не судите строго

Привет!
Второе видео не заставило себя долго ждать.
В этом видео мы разработаем наикрутейший лоадер/спинер!
Если видос тебе зашел - поделись им с кем-нибудь, отправь своей собаке - это поможет продвижению канала.
Всем любви и приятного просмотра ♥️

https://www.youtube.com/watch?v=7sUtDgQvXI8

Если вдруг вы начали переживать - не переживайте, видео скоро будет.
В видео я разберу идею ssr-friendly, семантически верного, анмированного аккордиона, по просьбе Макса ♥️ рассого праведного

Просто перфекционист внутри меня не дает начать писать видео, пока компонент не будет работать так, как мне бы хотелось

Ну что, вот я и победил SSR vue3. Если кто не в курсе - в 3 вью отключена реактивность на стороне сервера, для оптимизации. И если ты меняешь состояние компонента на сервере - то на клиенте оно обнуляется. Только через vuex или pinia.

Это очень сильно разрывает шаблоны разработки на сервере. Всвязи с этим оказалось очень больно прикручивать сср к аккордеону, который был спроектирован как полностью реактивный. Однако можно сделать хак и сложить информацию в хуке onServerPrefetch в дата атрибуты html элемента и затем вытащить его в маунтед на клиенте. Не красиво, запутанно, но что поделать.

Одну бессонную ночь спустя, поборов кучу проблем вот вам еще одна превьюха аккордеона.

Теперь он на 100% SSR friendly
Выглядит при серверном и клиентском роутинге одинакого, не прыгает, не моргает

https://www.youtube.com/watch?v=ubtEdHwq8QU

Ну чтож. Вот и готов SSR-friendly аккордеон 🙂
Вот вам ссылочка на
репу - https://github.com/sticker0ne/vue3-rich-accordion
демо - https://sticker0ne.github.io/vue3-rich-accordion/

Ну и конечно же, я записал видос про проектирование и разработку этого компонента, приятного просмотра ♥️

Скоро опубликую как npm пакет и выложу про это видос!

Ах да, это решение работает даже в кривых браузеров телевизоров 😉

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

Ну а между видео, я иногда управляю домом при помощи javanoscript 🙂

Напишите, если вам интересна тема умного дома и че как 🏠