Size: a a a

Веб-компоненты

2020 February 17

AY

Andrey Yamanov in Веб-компоненты
Pavel 🦇 Malyshev
Кажется понятия смежные, но не тождественные. Однако не очень понятно как построить приложение на компонентах без их композиции? 🤔
У тебя всегда есть старый добрый HTML 😉
источник

AY

Andrey Yamanov in Веб-компоненты
Мне просто не понятно, как мне свой позиционировать. Element Framework звучит забавно 🙂 Можно Sub-component Framework назвать 🙂 Никто правда в жизнь не поймёт, что это значит)
источник

SK

Serhii Kulykov in Веб-компоненты
если речь о Nude, там же вроде “design system framework” в описании?
источник

PM

Pavel 🦇 Malyshev in Веб-компоненты
Andrey Yamanov
Мне просто не понятно, как мне свой позиционировать. Element Framework звучит забавно 🙂 Можно Sub-component Framework назвать 🙂 Никто правда в жизнь не поймёт, что это значит)
Angular Elements вроде норм звучит. По сути у тебя и есть набор элементов же
источник

PM

Pavel 🦇 Malyshev in Веб-компоненты
Serhii Kulykov
если речь о Nude, там же вроде “design system framework” в описании?
Тоже норм
источник

PM

Pavel 🦇 Malyshev in Веб-компоненты
Andrey Yamanov
Мне просто не понятно, как мне свой позиционировать. Element Framework звучит забавно 🙂 Можно Sub-component Framework назвать 🙂 Никто правда в жизнь не поймёт, что это значит)
А твои элементы нельзя чтоли обернут в свои и расширить и/или преднастроить?
источник

AY

Andrey Yamanov in Веб-компоненты
Pavel 🦇 Malyshev
А твои элементы нельзя чтоли обернут в свои и расширить и/или преднастроить?
Обернуть можно, но если нет композиции, то это бессмысленно. На уровне элемента Nude справится почти с любой задачей эффективнее в разы. У себя в проекте, где это требуется, я просто наследуюсь от элементов, чтобы расширить их функционал или задать другие дефолтные значения.
источник

AY

Andrey Yamanov in Веб-компоненты
Serhii Kulykov
если речь о Nude, там же вроде “design system framework” в описании?
Это тоже может означать миллион разных вещей. Хотя это определение мне нравится. Очень сложно объяснить людям, что в их приложении (написанном например на Svelte) параллельно может работать другой фреймворк на уровне вёрстки. Это даже звучит немного бредово.
источник

PM

Pavel 🦇 Malyshev in Веб-компоненты
Andrey Yamanov
Это тоже может означать миллион разных вещей. Хотя это определение мне нравится. Очень сложно объяснить людям, что в их приложении (написанном например на Svelte) параллельно может работать другой фреймворк на уровне вёрстки. Это даже звучит немного бредово.
А ты позиционируй что Nude  - это не фреймворк для непосредственного создания приложений, а для создания дизайн-систем. Типа у вас есть компания, много проектов на разных фреймворках и вы хотите сделать единую дизайн систему - вот вам фреймворк для этого. Дальше они соответственно как ты написал выше, наследуются от твоих компонентов, задают начальные значения соответствующие их пониманию о красоте и получают готовые элементы, которые уже используют во всех своих проектах как дизайн-систему.
источник

AY

Andrey Yamanov in Веб-компоненты
Pavel 🦇 Malyshev
А ты позиционируй что Nude  - это не фреймворк для непосредственного создания приложений, а для создания дизайн-систем. Типа у вас есть компания, много проектов на разных фреймворках и вы хотите сделать единую дизайн систему - вот вам фреймворк для этого. Дальше они соответственно как ты написал выше, наследуются от твоих компонентов, задают начальные значения соответствующие их пониманию о красоте и получают готовые элементы, которые уже используют во всех своих проектах как дизайн-систему.
Ну кстати можно и так, вот только надо будет писать три позиционирования: для маленьких компаний, для средних и больших. Так как плюсы использования есть в любом масштабе.
источник

PM

Pavel 🦇 Malyshev in Веб-компоненты
Andrey Yamanov
Ну кстати можно и так, вот только надо будет писать три позиционирования: для маленьких компаний, для средних и больших. Так как плюсы использования есть в любом масштабе.
Мне просто это напомнило то, что есть ведь еще понятие CSS фреймворк, условно бутстрап, и даже CSS фреймворк отдельно для писем типа Ink
источник

PM

Pavel 🦇 Malyshev in Веб-компоненты
у тебя получается фреймворк для дизайн-систем)
источник

PM

Pavel 🦇 Malyshev in Веб-компоненты
кстати, Юлия Музафарова не это примерно делает?
источник

PM

Pavel 🦇 Malyshev in Веб-компоненты
вот нашел: https://whitepaper.tools/
источник

PM

Pavel 🦇 Malyshev in Веб-компоненты
ошибся, это ее бойфренд делает, Вадик
источник

PM

Pavel 🦇 Malyshev in Веб-компоненты
а может и вместе)
источник

PM

Pavel 🦇 Malyshev in Веб-компоненты
но там больше на CSS и переменных
источник

PM

Pavel 🦇 Malyshev in Веб-компоненты
а у тебя получается на уже готовых элементах, что конечно круче
источник

PM

Pavel 🦇 Malyshev in Веб-компоненты
вот это красивое How to
источник

PM

Pavel 🦇 Malyshev in Веб-компоненты
источник