วีดีโอ

Если бы я знал... Спасибо и тебе за комментарий!

@@RomanDawydkin до определенной версии у вью были проблемы с реактивностью в сетах

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

@@dev-workshop есть ребята которые crm создают и видосы по 7 часов )) а тут мы говорим про компонент аккордеона ) Мне было интересно, как ты сделаешь по шагам, чтобы видеть всю картину, но ты поленился)

@@eg0ist_665 А давай теперь посмотрим, пользуется ли кто-то этими crm? а пользуется ли кто-то библиотекой компонента? Если бы я поленился, то ни видео ни компонента не существовало бы

@@dev-workshop дело не в этом вообще, я тебе высказал свое мнение о том, что показывать просто готовый результат и его комментировать не интересно смотреть, особенно новичкам. Кому интересно пусть смотрят)

​@@eg0ist_665 Спасибо за твое мнение

Ну вот здесь я бы поспорил) Возьмем TeamCity, явно не очень простое приложение или гитлаб В зависимости от разных доступов на одной странице в интерфейсе, даже в одной менюшке есть разный набор кнопок

@@dev-workshop я тут не прав в том смысле что слово "простые" тут не подходит. Ща попробую сформулировать точнее: если у вас интерфейс админа и юзера отличается целиком а не только лишь парой кнопок и менюшкой, то имеет смысл опереться о url ролевую модель. Это не подойдет лишь в случае если религия не позволяет наблюдать "/userRole/dashboard" в адресной строке. В остальном композиция компонент позволяет прекрасно переиспользовать код и не париться по поводу прав. Я не говорю что та модель которую вы рассмотрели не жизнеспособна, нет, она прекрасно работает но только в ряде случаев.

@@ESTechnonet Дополнив текущую реализацию можно сделать ограничения и по урлам, такми образом будет комбинированная система для накста очень удобно через pageMeta ограничивать доступы и мидлваркой их отлавливать

@@mster_r воспользоваться другими системами лейаутов, про которые вы написали?)

@@dev-workshop но мне нравится эта система, да и нет других на примете) Я имел ввиду обычное поведение браузера, под другими проектами. Просто неожиданное неудобство такое тут возникло, думал может известно решение. Или может подскажешь как бы решил, в какую сторону подумать?

@@dev-workshop А может вообще я сам где напортачил, и проблема не от лейаутов. Встречалось ли тебе такое?

@@mster_r все очень индивидуально, нужно смотреть проект и его код) всегда можно что-нибудь придумать, например хранить в sessionStorage последнее значение позиции скролла и потом при маунте заставлять браузер скролиться на эту позицию)

@@dev-workshop понял, спасибо, тоже думал в эту сторону. Для меня показательно уже то, что с проблемой скроллинга столкнулся только я)

на столько же, на сколько обоснован code splitting

Большое спасибо, мне очень приятно!) Проблемы с распределением времени, нужны помощники в монтаже)

Пожалуйста)

1. Полностью согласен, это была распространенная практика со 2 вью, в третьем она почти забыта 2. Такой задачи не стояло, видео и так объемное)

Пожалуйста) Подписывайся на канал в телеге)

Здравствуйте, может быть ближе к лету, если найду редактора для видео

Привет! Может быть если я найду того, кто будет монтировать видосы, тогда наладится регулярность ))

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

@@dev-workshop думаю все зависит от сценария. Я пилю щас crud saas и там например у каждого аккаунта рожаются роли и дефолтные пермишены. и если взять скажем роль админа который имеет доступ везде то там без групп получится что надо назначать простыню доступов на пару экранов) а если таких ролей будет несколько то все резко станет сложно) а так я завел группы и если юзер может все с crud сущностью то просто вешаю на нее группу. но в конце концов с бека оно конечно выпрямляется все и фронту прилетают только пермишены.

@@Dikodance интересное решение. Да, я скорее к тому, что с бека прилетал один тип сущностей, по которому определяются доступы. Для единообразия

Привет! Спасибо, в связи с работой сложно выделить время на видосики

Что именно тебе не нравится в данной реализации?

Скорее философский вопрос) Да, это будет кастомный v-if. Да, можно использовать просто v-if. Но идея директивы для доступов разделить условное отображение связанное с бизнес логикой и условное отображение связанное с ролевыми доступами Плюс по такой директиве легко прочитать доступы прям в шаблоне, тогда как условия v-if часто заворачиваются в компьютед свойства, для которых нужно лезть в код

Можно докрутить файлик buildLibrary.ts Для публикации библиотеки компонентов я бы пользовался этим видео в ознакомительных целях, и докручивал бы под себя

@@dev-workshopтам просто когда экспортируем компонент в котором есть зависимости от других компонентов. То при импорте в другом проекте такого компонента вылезает предупреждение ('[Vue warn]: resolveComponent can only be used in render() or setup().') и получается что сборный компонент нормально не отрабатывает.

@@stanislav_ovv очевидно, что для компонентов с зависимостями нужны каки-то изменения

@@dev-workshop Проблема решилась, что в том проекте где импортировали ui-kit в конфигурации вебпака надо было прописать алиас, resolve:{ alias:{ vue: path.resolve('./node_modules/vue') } }

@@dev-workshop А так сделали первую версию UI-KIT по тому же принципу, что описан в видео, только на JS. Следующий шаг наверно будет Storybook и TS

Я согласен, но иногда от этого никуда не уйти)

Привет! Спасибо!) Практически не на сколько. Хоть все и говорят, что вот вот индексаторы научатся в спа - это все не правда Все, что должно попасть в индексацию должно быть ssr

Надо смотреть, что в этот момент происходит с роутером вьюшным

@@dev-workshop Страница состоит из двух блоков ЛЕВАЯ часть просто список линков по клику вызывается функция которая ищет в DOM element(ПРАВАЯ часть) если находит делает scroll ПРАВУЮ часть и потом добавляет в адрес localtion.hash = '#somehash' (пробывал и $router.push({hash:''})

Эта отладка никуда и не ушла) пропиши в нужном тебе vue файлике "debugger;" и открой devtools в хроме и будет тебе счастье

Привет! Я не особо умею в PHP :( по этому скорее нет. Плюч видео сейчас временно не выходят

с модалками интересно, да) Рад что понравилось!) Сейчас есть некоторые сложности со временем, но я добавлю в список)

Привет! А ты не забыл? declare module "vue-router" { interface RouteMeta { layout?: AppLayoutsEnum; layoutComponent?: VueElement; } }

Рад, что понравилось)

Рад, что понравилось)

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

@@dev-workshop замыкание состояние страницы?

​@@HalauLilau нет, пишешь замыкание внутри которого используешь, грубый пример const dropdownData = useRef(); export function useLayoutDropdown() { function updateData(newValue) { dropdownData.value = newValue; } return reactive( { dropdownData, updateData }) } затем в лейауте вызываешь useLayoutDropdown и используешь из него данные и на страницы используешь useLayoutDropdown и обновляешь данные. Но это очень грубый пример, здесь получается синглтон, который нельзя использовать, если у тебя ssr Но никто не мешает создать такое замыкание в контексте запроса

@@HalauLilau еще можно рулить данными для выпадашки на уровне роутера

@@dev-workshop у меня ssr нет. Оказывается не только данные и иинпуты и селекты разные. Например страница клиент там в дропдауне фильтр поле дата, город, номер. А проектах другие поля в дродауне

Привет! Спасибо за отклик! Я постараюсь, но со временем очень большая напряженка

Рад, что понравилось!

Пожалуйста:)

Рад, что понравилось)

Это плохая практика, лучше делать это каким-то отдельным инструментом. Но как вариант, можно воспользоваться либо ивентбасом Либо сделать синглтон композобл и воспользоваться им в шапке и на странице. Но это плохая практика, столкнетесь со многими проблемами :)

@@dev-workshop ок спасибо

Спасибо! Скоро будут еще

Потому что сначала маунтятся самые глубокие дети и потом всплывает наверх) medium.com/@brockreece/vue-parent-and-child-lifecycle-hooks-5d6236bd561f

Привет! Спасибо! А что ты имеешь в виду под модульной архитекторой? Разделение приложения на модули?

@@dev-workshop ага

Пожалуйста!)

Пишешь костыли один раз, заварачиваешь их в модуль/пакет называешь это модулем бесплатного ci/cd и пользуешься много раз и везде))

@@dev-workshop ok))