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

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 🙂

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

https://www.youtube.com/watch?v=4wWYOJstLgo

Пока я жду МР на стильки для компонента аккордеона я записал коротенькое (4 минуты) видео про отладку vue приложений

В видео ты найдешь 3 способа упростить себе жизнь во время отладки приложения (я реально их использую)

Если способы показались тебе интересными - поделись видео со своими друганами-разработчиками, а то я так никогда не накоплю на мопед 🛵

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

Дружки, пирожки, всем привет!
Я знаю, что уже две недели нет видосов, это потому что я болею 🤧

Планов море, канал не брошен, идей для видео еще больше, как поправлюсь вернусь с новым видосом ♥️

А сейчас хочу поделиться милотой, на канал подписалась/лся Любовь, это прекрасно, я считаю

Приветики! Я записал ещё одно видео, наконец-то, завтра смонтирую и залью :3 а пока вот ссылочка на приложение это кликкаунтер с синхронизацией по вебсокетам. Можно открыть с разных устройств и поиграться

https://sticker0ne.github.io/vue3-click-counter/

До встречи в видео

Ну вот оно и пришло 🙂 Я все еще немного болею, и кажется немного поломал звук.

Видео про бесплатный хостинг statefull spa приложения на github pages или netlify + бесплатный облачный бекенд на supabase + синхронизация по сокетам.

Приятного просмотра и разработки 😉
https://youtu.be/g5dUVbCd90Y

Привет, уважаемая аудитория :)
В связи с возросшим интересом к vue3-rich-accordion выход видео немного притормозился, сейчас немного его доделаю, обработаю реквест на стильки и сделаю видео про публикацию нпм пакета :)

А пока это все происходит предлагаю сыграть в опрос, какое видео вам было бы интересно

https://sticker0ne.github.io/vue3-rich-accordion/
А вот и новые стильки подъехали в аккордион. Большое спасибо Насте!
А еще добавилась настройка иконки по умолчанию.

Ну что же! Третья неделя идет, а видео все в процессе 🙂 Скорее всего видео появится завтра/послезавтра 😉

Однако я пришел не с пустыми руками. Наконец-то аккордеон опубликован как нпм пакет. И на него написана документация :3

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

P.S. скоро будет видео по подготовке к публикацииэтого пакета 🙂

https://www.npmjs.com/package/vue3-rich-accordion