Danila
Или типа того
Danila
Ну совсем типа того
Danila
Но ощущения от либы и всех вокруг-либ именно такое
Андрей
Сурово вы)
Michael
Реакт - злой мир хмурых технарей, а вуе-мягкая радуга весёлых дизайнеров
совсем не так. Если инструмент настолько простой, что им может пользоваться дизайнер без потери мощи -- это круто и продуктивно.
Андрей
Michael
А реакт -- мир хмурых людей, потому как это разрозненная куча, которую при сборе и поддержки приходится тратить времени больше чем на разработку
Андрей
Нахрена дизайнеру код писать?
Михаил
Дизайнер - программист какой-то получается
Michael
она простая, она водится без знания матчасти. Это уже здорово.
Michael
Если бы во вью нельзя было бы спокойно довернуть до более навороченного проекта, было бы влохо
🐏 Alexander
дизайнер сделает нормальный компонент кнопки, нормальные пропсы напишет с типами, стилизует как сам нарисовал!?
Michael
А тут всё из коробки считай есть и для дизайнеров и не очень
Vladislav
дизайнер сделает нормальный компонент кнопки, нормальные пропсы напишет с типами, стилизует как сам нарисовал!?
дизайнер должен уметь верстать
Michael
дизайнер сделает нормальный компонент кнопки, нормальные пропсы напишет с типами, стилизует как сам нарисовал!?
если он шарит в вёрстке и есть аналогичные готовые компоненты, дизайнер во вью в сотню раз легче и надёжнее внесёт правки.
Michael
И это как раз та "няшность".
Andy
если любой дизайнер будет делать правки, за что будет получать зарплаты армия реактеров?
Andy
прогресс - убийца рабочих мест!!!
🐏 Alexander
где таких дизайнеров нашли, которые и сверстают и анимацию сделают и еще доку по вью прочитают и напишут компонент
Michael
если любой дизайнер будет делать правки, за что будет получать зарплаты армия реактеров?
Это то, почему реакт всё ещё такой популярный. Одна из главных причин, имхо.
Michael
где таких дизайнеров нашли, которые и сверстают и анимацию сделают и еще доку по вью прочитают и напишут компонент
Глянул соседний метод, написал так же. Всё интуитивно.
Danila
где таких дизайнеров нашли, которые и сверстают и анимацию сделают и еще доку по вью прочитают и напишут компонент
Ну эт они загибают, конечно.
Vladislav
где таких дизайнеров нашли, которые и сверстают и анимацию сделают и еще доку по вью прочитают и напишут компонент
дизайнер должен просто уметь верстать
Michael
Нет, не совсем. Допустим, стили и вёрстку поправить как правило значительно проще.
Michael
А ещё они консинстентны из проетка в проект)00000
Илья
привет, коллеги.
хочется к vue-loader прикрутить что-то для compile-time проверок, есть у кого опыт или решения на эту тему?
задача такая: готовим ui-kit, у компонента может быть несколько стилей / состояний, но в рантайме будет использоваться только один стиль.
например, модалка: может быть просто окошко, может быть с шапкой и футером. хочется сделать, чтобы если шапка / футер не используются, код для них вообще не инклудился в проект. реально? )
Michael
типа константы mode=='DEVELOPMENT'
Stanislav
Хотя ваш кейс не совсем про это, да
Michael
на выходе это превратится в true == true и удалится при оптимизации углифае
Илья
на выходе это превратится в true == true и удалится при оптимизации углифае
да, это похоже на правду, но надо понять, как управлять этим
Илья
особенно в части стилей =)
Michael
да, это похоже на правду, но надо понять, как управлять этим
Вот так: https://webpack.js.org/plugins/define-plugin/
Stanislav
кажется не совсем
Могу еще предложить, проектировать компоненты так, чтобы не импортировать лишнего
Илья
Могу еще предложить, проектировать компоненты так, чтобы не импортировать лишнего
ага, я думаю в эту сторону и пойдем, но хочется понять вообще какие есть возможности )
Michael
ага, я думаю в эту сторону и пойдем, но хочется понять вообще какие есть возможности )
дефайн плагин периодически очень удобно юзать
Michael
а стили можно импортить или не импортить по нему. наверное
Michael
это если импортом прямо
Michael
в жсе
Илья
короче, я хочу, чтобы клиентский код получался наверное какой-то такой:
import Modal from 'ui/Modal.vue?use=header&size=l'
а в самом компоненте что-то типа такого:
<template>
<div class="modal">
<div v-compile-time-if="params.show.indexOf('header') !== -1" class="modal__header">
...
</div>
</div>
</template>
<style lang="less">
.modal {
& when (@params_size = 'l') {
&_size_l {
font-size: 30px;
}
}
}
</style>
Илья
это очень псевдо код разумеется )
Michael
а что если вынести этот компонент куда0то и импортить только при необходимости динамично?
Илья
какой именно?
Michael
тот, что в сообщении выше
Michael
типа разделить про ди не прод, грубо говоря, на два компонента
Илья
ну у меня же вариантов сильно больше
Michael
а общее вот как раз в миксин :D
Michael
Больше чем просто прод и дев?
Илья
ну там варианты стилей
Илья
цвета и размеры
Илья
расположение горизонтальное/вертикальное
Илья
наличие/отстутствие кусков
Илья
это все можно и в рантайме вычислять
Michael
Что насчёт ксс вариаблс или ещё каких вариаблсов?
Илья
и может даже нужно =)
Michael
в рантайме можно объект втыкать в аргмумент стайл
Илья
можно конечно
Michael
и им перезаписывать дефолтные, если есть
Michael
потом, если тебе надо в рантайме только в деве, например, то можно эту тему импортить динамично
Илья
но это библиотека, которая будет юзаться на нескольких разных проектах, там довольно много просто ненужного всем кода будет генерироваться
Michael
там это же динамический импорт
Michael
его можно обернуть в дефайн
Илья
Слышал когда-нибудь про bem-react-core? :)
позырю, я за бем-стеком перестал следить довольно давно
Илья
пасиб
Stanislav
позырю, я за бем-стеком перестал следить довольно давно
Вот они просто сделали такое, как ты написал:
https://github.com/bem/babel-plugin-bem-import
import Modal from 'b:modal e:header m:size=1';
Илья
во во во ))
уже смотрю видос, пасиб
Stanislav
👌
Michael
Ятить, круто