И так, дорогие подписчики, вас (не считая меня) на текущий момент 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

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

Друзья привет! В связи с текущей ситуацией сложности с записью видео ;(
Есть идея сделать прямой эфир в формате вопросы и ответы.
Будет ли вам интересно?
Если соберём 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