Guys, всем привет Прошу помощи, буду признателен Необходимо создать 5 вариантов сообщений-уведомлений

Question

Guys, всем привет Прошу помощи, буду признателен Необходимо создать 5 вариантов сообщений-уведомлений

блокирующих функционал приложения. Сообщение состоит из иконки, тайтла и сабтайтла (некоторые виды могут иметь кнопку с роутингом внутри приложения или внешнюю ссылку)

Визуально они не сложные и типичные

Какой паттерн лучше применить в таком случае? Рассматриваю фабрику или строителя

Не хочется создавать 5 одинаковых компонентов с описанием разных опций

#frontend #javascript #programming #russian #vue.js

0

19.03.2021

9 ответов

29 просмотров

Dima Andriushchenko Автор вопроса

Grigorii K. Shartsev
А как вы здесь видеть имплементацию этих паттернов...

Например создать компонент, который будет принимать свойство (например type) и в зависимости от указанного type рендерить разные текста и кнопки/ссылки Что думаете на счет большого количества таких фрагментов кода в компоненте? По сути мы описываем разные узлы через такие вот условия (4 узла * 5 типов = ~20 условий) <template v-if="type === '...'"> ... </template>

0

19.03.2021

Grigorii K. Shartsev

Dima Andriushchenko
Например создать компонент, который будет принимат...

Требуется во многих местах использовать компонент с одним и тем же текстом?

0

19.03.2021

Grigorii K. Shartsev

Dima Andriushchenko
Например создать компонент, который будет принимат...

Лучше сделать компонент, который принимает любой текст и иконку на вход + содержимое для кнопки, а поверх уже нужные компоненты с фиксированными параметрами

0

19.03.2021

elromio

Dima Andriushchenko
Например создать компонент, который будет принимат...

А почему template? Сделайте 5 компонентов реализующих контент каждого из вариантов и используйте их как <Вариант1 v-if="type ===.... <Вариант2 v-if="type ===....

0

19.03.2021

Dima Andriushchenko Автор вопроса

elromio
А почему template? Сделайте 5 компонентов реализую...

В таком случае мы нарушаем принцип DRY, у нас будет 5 компонентов с одинаковой структурой DOM, и одинаковыми CSS-классами Сейчас этот вариант кажется более удобным, не смотря на дублирование

0

19.03.2021

Bogdan Saliuk

Dima Andriushchenko
В таком случае мы нарушаем принцип DRY, у нас буде...

а template v-if dry не нарушает?

0

19.03.2021

Grigorii K. Shartsev

Dima Andriushchenko
В таком случае мы нарушаем принцип DRY, у нас буде...

Не 5 одинаковый, а один - основа и 5 поверх него оберток

0

19.03.2021

elromio

Dima Andriushchenko
В таком случае мы нарушаем принцип DRY, у нас буде...

Я конечно не знаю какая там разметка, но я не предлагаю делать 5 с одинаковой разметкой, а предлагаю сделать компоненты которые будут иметь различия, если конечно в вашем варианте это возможно и использовать их в одной обёртке (что там? Контейнер с крестиком и каким-то позиционированием). Ну и наверное кроме Драй нужно помнить о Кисс и не пытаться усложнять себе жизнь там, где это не требуется. Говорю об этом потому что в дальнейшем ваши темплейты с ифами превратятся в спагетти при добавлении/изменении требований

0

19.03.2021

Grigorii K. Shartsev · Accepted Answer

Grigorii K. Shartsev

А как вы здесь видеть имплементацию этих паттернов? Недостаточно будет одного компонента или одного + оберток над ним?

0

19.03.2021

169 похожих чатов

Guys, всем привет Прошу помощи, буду признателен Необходимо создать 5 вариантов сообщений-уведомлений

9 ответов

Похожие вопросы