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

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

Друзья, всем привет!)
Я тут немного пропал, свадьба, некоторый переезд, подготовка к поездкам...
Канал не заброшен, видео и статейки будут выходить, вопрос лишь в том, как часто 🙂

Друзья привет! В связи с текущей ситуацией сложности с записью видео ;(
Есть идея сделать прямой эфир в формате вопросы и ответы.
Будет ли вам интересно?
Если соберём 10 человек - согласуем время, проведём эфир, пообщаемся

Привет, телеграм канал.
Что-то эфир мы так и не провели..
Но, впервые, за несколько месяцев, я тут не просто пишу, но несу вам контент, правда не видео

Думаю, не секрет, на текущий момент я работаю в дзене, который был яндекс, а теперь не яндекс 🙂

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

И одну такую статейку я принес

На текущем месте работы у меня другой стек технологий, по этому статейка не про вью (и не про реакт). Но и канал не про вью😉 Думаю, почитать интересно будет.

В связи с многими условиями, создавать новый видео контент пока сложно, может быть буду радовать статейками.

Подписывайтесь в дзене, чтобы не пропускать публикации и поддержать меня ❤️
🕊️

Йо, че как?)
Сегодня в 19:15 по МСК на hollyJS будет выступать Иван Нагайко с докладом про сторибук. На этом докладе я буду экспертом 🙂 Если у кого есть возможность (купленный билет на hollyJS) - подключайтесь 🙂

Ребятки, сегодня будет стрим, на канале моего друга:) Пообщаемся в эфире про что-то связанное с вебом, приходите ❤️🕊️

Го к нам, началось

Всем хорошего вечера!
У нас с Мксом недавно был стрим про аб тесты и всякое около веба.
Так вот, этим видео я запускаю новый формат на канале “около web’a”.
Чаще всего это будут стримы и их записи (приходите на стримы пообщаемся).
На таких стримах будем общаться о каких-либо проблемах или задачах связанных с миром веб технологий. И вот первый видос

Видео супер долгое, в видео ряде есть несколько схем, но в принципе его можно включить фоном, работать и слушать 🙂
Приятного просмотра/прослушивания 🕊️

Доброе утро!)
Так получилось, что сегодня в 10:00 Мск я буду «проходить публичное собеседование»/«общаться» у ребят из команды https://podlodka.io/fecrew

Если вдруг у кого есть билеты - приходите :)

П.С. Надеюсь позже смогу прикрепить запись

В одном из своих видео я рассказывал о том, как задеплоится на github pages.
Сегодня я вновь деплою проект на pages, на нем есть два роута.
Так как приложение работает в режиме SPA, то при клиентском роутинге все работает как надо. Так как в папке docs лежит файлик index.html который открывается по роуту /
А вот для роута /items/:id клиентская навигация отрабатывает, а вот серверная нет, так как не существует такого файла /docs/items/1.html, /docs/items/2.html и так далее.

И так как настроить на гитхабе серверные роуты мы не можем, кажется, что SPA приложение с динамическими роутами нельзя задеплоить на гитхаб?

Есть хак, когда github-pages сервер не находит физический файл по урлу - он отрисовывает 404 страницу. github-pages позволяет кастомизировать 404.html
Таким образом для. SPA приоржений с динамическими роутами достаточно скопировать index.html в 404.html и можно деплоиться на github pages и все будет работать 🙂

Вот классная статейка https://huishun.medium.com/how-to-deploy-a-vue-js-application-with-dynamic-routing-on-github-pages-3d36f4644e54 можно просто дочитать до step 5

Приветы!
Я тут решил запустить еще одну серию видео, под названием : IT in team (да, да, айти интим)

В эту пятницу будет первый стрим на youtube. В гости ко мне придет Семён Левенсон, мы с ним пообщаемся о всяком:)

Ориентировочно стрим будет проходить 16 декабря в 21:00 по Мск. Позже на канале появится запись 🙂
Во время эфира вы сможете пообщаться с нами в чате ❤️

P.S. название зарезервировано. Нелегальное использование в своих целях будет караться по всей строгости законов web’a

P.P.S. ближе к делу скину ссылочку

UPD: Так как это первый эфир на канале - у нас некоторые технические сложности, время эфира ориентировачно переносится на 21:30 по Мск

Готовность 5 минут