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

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

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

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

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

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

Вот мне интересно, это лагает npm или это правда?:)

В принципе пакет проиндексировался https://vuejsexamples.com/vue-3-rich-accordion-component-library/ Правда старая версия :)

Ну что, дружки пирожки, аккордеон опубликовали, а вот и видео про него подоспело. Приятного просмотра :3

P.S. В видео рассказываю про розыгрыш
https://youtu.be/WqaDFMT3GX8

Пока готовится видео про ролевую модель я хочу поделиться приятными новостями:)

Компонент аккордеона скачивается с каждым днем все больше и больше🙌🏾

По ключевым словам vue, accordion этот пакет обгоняет все остальные

А еще по версии https://bundlephobia.com/ Пакет получается супер легковесным и быстро загружается даже с медленного интернета

А вообще хотел спросить, знаете ли вы про https://bundlephobia.com/ ?
Пользуетесь ли вы им? Знаете зачем он нужен?

Ура, ура! Нас теперь 100 человек на ютубе! 🥳 в ближайшее время я доберусь и мы проведём розыгрыш книги ♥️ всем большое спасибо

И так, дорогие подписчики, вас (не считая меня) на текущий момент 45 человек.
Пока публикуется данное сообщение я снимаю запись экрана, чтобы определить победителя в конкурсе, где я разыгрываю книгу - Вы не знаете JS "Асинхронная обработка и оптимизация" Кайла Симпсона.

Победитель будет определен из этого списка с помощью генератора случайных чисел. В будущем я буду проводить розыгрыши через спецальных ботов, но сегодня вот так 🙂

1 @annamarinc
2 @miulyano
3 @vyatcheslav_zaytcev
4 @Gedweb
5 @Iampfzw
6 @shadeuss
7 @kressqa
8 @matthew
9 @KhrabrovOleg
10 @glazyrin
11 @alexsandropolys
12 @yakvasnova
13 @AngryFennec
14 @gromovkirill
15 @mikhashev
16 @more_hardcore
17 @fitzcheawell
18 @DimaTrish
19 @Eighty_ninth
20 @Altman_1337
21 @sitchikhin
22 @uloww
23 @ion_ww
24 @vaino78
25 @eddiefied
26 @MeJ1KuY
27 @Surr1337
28 @ftsv_d
29 @deepmind45
30 @s_sarvar
31 @dreykanbern
32 @alexsoin
33 @makkurayami44
34 @bagahunda
35 @korepanoff
36 @ansarbek
37 @vitaliy_f94
38 @Azgart
39 @volod3000
40 @BlackxRaven666
41 @d1i1m1o1n
42 @Serofim_23
43 @arbaev
44 @Baidekinsergey
45 R M я не знаю, как получить имя пользователя

Поздравляю №15
@mikhashev

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

В ближайшее время я передам книгу, сделаю фоточки и скину сюда :)

А тем временем я заканчиваю большую подготовку к видео про ролевой доступ и ограничения. Постараюсь сегодня/завтра записать и скину ссылку 🙂

С небольшой задержкой, но видос таки доехал 🙂
Приглашаю всех заварить себе чайку и посмотреть видо про то, как сделать ролевой доступ в своем веб приложении, в частности на фронте.
Всем приятного просмотра❤️

https://youtu.be/NOurUvuXabA

Кстати, я тут понял, что выпускаю свои видосы довольно не часто, в перерывах между ними я могу постить в канале контент от других авторов, который мне зашел. Го в опрос

Ну раз уж такая пьянка - погнали 🙂

Мы тут недавно с моим другом спорили о подходе к такому простому компоненту как select. А именно какой апи для взаимодействия с ним удобен и достаточен?
Речь идет именно про тайпскрипт и typesafety подход.

<AppSelect :options="items" v-model="selectedItem"/> ?

Или же сделать настраиваемыми поля id и noscript ?)
<AppSelect :options="items" v-model="selectedItem" idKey="id" noscriptKey="value" /> ?

Так вот ответ, на мой взгляд, стал чуть более очевидным вчера. Так как я убедился, что во вью и во вью3 в частности, нет удобного способа работать с дженерик компонентами, то сделать пропс modelValue зависимым от типа items нельзя без дженерика. И наложить ограничения на idKey и noscriptKey так же не получится без дженерика.

Таким образом, если хотим использовать ts и typesafety подход, то нужно делать <AppSelect :options="items" v-model="selectedItem"/> и хардкодить типы внутри AppSelect, а в компонентах, которые используют AppSelect делать маппинг, если название и типы ключей расходятся.

Если же ts не используется то можно сделать и настраиваемым
<AppSelect :options="items" v-model="selectedItem" idKey="id" noscriptKey="value" />

На текущий момент есть RFC в котором предложен подход с удобными дженериками во вью3, но пройдет ли оно - большой вопрос.


На самом деле, сейчас можно использовать дженерик компоненты, но через одно место, и только если используется defineComponent. Завести дженерики с noscript setup пока нельзя 😞


А вот отличная статья, которая рассказывает про дженерики и про хаки тайпскрипта. Так же прочитав статью можно чуть лучше понять как вообще работает типизация во вью3 ❤️
https://logaretm.com/blog/generically-typed-vue-components/

Привет!) у нас вчера был исторический день!

Нас на ютуб канале 200+ подписчиков, а я вчера женился ♥️

А еще, мои друзья, которые поддерживали меня (первая моя работа на вью была именно у них) и канал на зачаточном уровне сделали веб-бота с каталогом каналов и авторскими ежедневными подборками.
В том числе, там есть и этот канал

@telestashbot


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

Тут внезапно, обнаружилось видео, про то, как публиковать компонент аккордеона в нпм от другого автора, которое вышло после моего)

Надеюсь, что это просто совпадение 🙃

А как вы думаете?)
https://www.youtube.com/watch?v=lWPrwRfuFno