@react_js
Владимир22.06.2016
17:03:44
17:03:44
Без кнопок внутри он просто див
Sergey22.06.2016
17:03:46
17:03:46
обожаю холивары :D
Oleg22.06.2016
17:04:05
17:04:05
я выражаюсь понятно?
Ҫѐҏӗѫӑ22.06.2016
17:04:26
17:04:26
обожаю холивары, которые понимаю. а в верстке ваще хз как один див посредине другого выравнять
GoogleВладимир22.06.2016
17:04:45
17:04:45
Выражаешься да но это фиговый антипаттерн
Nikita22.06.2016
17:04:48
17:04:48
а как еще сделать button group, если без знания кишков дочерних?)
LeftButton, MiddleButton, RightButton ?))
Ivan22.06.2016
17:05:10
17:05:10
обожаю холивары, которые понимаю. а в верстке ваще хз как один див посредине другого выравнять
flex все остальное верстальщики чтоб себе цену поднять придумываютOleg22.06.2016
17:05:15
17:05:15
> Выражаешься да но это фиговый антипаттерн
давай на уровне фактов
Ҫѐҏӗѫӑ22.06.2016
17:05:19
17:05:19
во флекс умею, да
Andrey22.06.2016
17:05:21
17:05:21
потому что значит родитель знает классы детских элементов, это нарушает энкапсуляцию и ведет к фрагильности
А ты в документацию бема смотрел ? При чём тут не должны? Бем для того и бем чтобы сделать АБСОЛЮТНО независимые блоки.
то есть блоки которые можно тягать с собой от проекта к проекту и которые не должны ломаться от какого-то там шрифта.from22.06.2016
17:05:22
17:05:22
это киллер-фитча бема. Добавляешь к родителю модификатор , который меняет отображение детей. их может быть далеко не один.
по-моему это дорога к тому, с чем бем пытается боротьсяВладимир22.06.2016
17:05:24
17:05:24
Баттон груп факт
from22.06.2016
17:05:28
17:05:28
Ivan22.06.2016
17:06:31
17:06:31
нафиг бем если есть css-modules
GoogleIvan22.06.2016
17:06:45
17:06:45
и прочая хорошая фигня
Ҫѐҏӗѫӑ22.06.2016
17:06:46
17:06:46
нафиг хтмл и цсс. это дно
Nikita22.06.2016
17:07:05
17:07:05
все на asm!
Владимир22.06.2016
17:07:15
17:07:15
Ну да, ридеры есть там один текст
Aleksandr22.06.2016
17:07:33
17:07:33
Деградация чата, днём обсуждали cssmodules vs jss, а сейчас про бэм, который уже точно рип
Ivan22.06.2016
17:07:48
17:07:48
Oleg22.06.2016
17:08:44
17:08:44
> Баттон груп бесполезен сам по себе
есть компонент груп, есть компонент кнопка, груп использует кнопку и передает ей свойства которые знает кнопка и соответственно меняет свое представление, а не груп залазит в кишки кнопки и меняет что хочет чтоб сделать так ка кэто надо компоненту груп.
Это собственно база компонентной разработки и ничего нового я тут не открыл. Это только непонятно людям научившимся работать с css в формате документа.
Sergey22.06.2016
17:08:49
17:08:49
а как вы к команде разрабов яндекса относитесь? просто интересно
Владимир22.06.2016
17:08:50
17:08:50
Мы не обсуждали такое днем
Ҫѐҏӗѫӑ22.06.2016
17:09:15
17:09:15
ага. с утра всякое говно обсуждают
Ҫѐҏӗѫӑ22.06.2016
17:10:33
17:10:33
внезапно завтра мб будет биржс
from22.06.2016
17:12:23
17:12:23
докажи
пф, достаточно случая, когда один модификатор должен не только какие-нибудь радиусы углов поменять у рамки, но и цвет заголовка внутри рамки (что с точки зрения семантики легко может быть).
Таким образом родительский компонент уже о двух классах должен знать, либо дочерние элементы должны знать о родительских модификаторах, потому что иначе на css не сделаешь
А при компонентном подходе это будут просто пропсы и переменные, вся логика изолирована в каждом компоненте.Oleg22.06.2016
17:13:14
17:13:14
@everdimension приятно слышать что здесь есть вминяемые люди
GoogleВладимир22.06.2016
17:13:20
17:13:20
Что на жс мы переопределим стили что на цсс, разницы никакой, а тут еще нужно знать что за стили у нас у кнопки что бы их передать либо компонент по параметрам строить которые нужны будут только для кейся с группой кнопок
Nikita22.06.2016
17:13:40
17:13:40
аа. Хотел сказать, что подкаст какой-то ни о чем получился, еще больше убедился, что jss не нужен.
Andrey22.06.2016
17:14:05
17:14:05
пф, достаточно случая, когда один модификатор должен не только какие-нибудь радиусы углов поменять у рамки, но и цвет заголовка внутри рамки (что с точки зрения семантики легко может быть).
Таким образом родительский компонент уже о двух классах должен знать, либо дочерние элементы должны знать о родительских модификаторах, потому что иначе на css не сделаешь
А при компонентном подходе это будут просто пропсы и переменные, вся логика изолирована в каждом компоненте.
вот честно не понимаю где тут бем против таких решенийOleg22.06.2016
17:14:23
17:14:23
бем не против, в том то и проблема
Andrey22.06.2016
17:14:45
17:14:45
ну а я что просил доказать ?
Владимир22.06.2016
17:14:53
17:14:53
А так я по звездочке у всех вложенных отменю то что нужно, если этих стилей нет то ничего и не сломается
Andrey22.06.2016
17:15:43
17:15:43
по-моему это дорога к тому, с чем бем пытается бороться
с чем пытается бороться ? с модификаторами к блоку которые влияют на его элементы ? :DOleg22.06.2016
17:15:54
17:15:54
Владимир, ты не понимаешь проблемы котоорые рашает компонентная разработка.
Art22.06.2016
17:16:23
17:16:23
Ооой, вы всё о том же? Откуда столько свободного времени?
Vladimir22.06.2016
17:16:27
17:16:27
Таак.. Ну каг бы вопрос, наверное длинный. А ответ тривиальный. С десятого захода пытаюсь все же задружиться с ВП. Сверяюсь с http://survivejs.com. Собирает мой конфиг в два js чанка: app.js & vendor.js, а стили - в style.js.
Для стилей мне нужен в частности стиль bootstrap-horizon (это пакет, у которого main - файл css).
Собственно, вот гист двух файлов:
webpack.config.js:
https://gist.github.com/dartandrevinsky/3f672509a1fe4c3d2187040db7493f69
и
webpackConfigParts.js:
https://gist.github.com/dartandrevinsky/4841852916739f66177f3b65154358d6
Команда build, нужные файлы собираются, НО вебпак падает с такой ошибкой:
https://gist.github.com/AndrewRevinsky/bba1ffa3dc58996cc33422b47c5f911e
И я не пойму, зачем это он пытается парсить css файл, который исключен из списка js зависимостей и явно прописан как css. И как понять, в чем причина ошибки.
Пожалуйста, помогите )
Ну ошибка, очевидно, в том, что webpack наткнулся на css файл, а для css нет loader'а. Что значит "исключен из списка js зависимостей"?Nikita22.06.2016
17:16:34
17:16:34
я чет не понимаю
Владимир22.06.2016
17:16:36
17:16:36
Не понимаю, не убедил, жсс пользуюсь а у кнопок буду с родителя менять стили
Nikita22.06.2016
17:16:46
17:16:46
вы можете скинуть кодом, как вы видите ButtonGroup?
отличный пример, на самом деле
Andrey22.06.2016
17:17:47
17:17:47
Ооой, вы всё о том же? Откуда столько свободного времени?
не было его , да олег (автор jss) помогает нам его высвободить :)
Andrew22.06.2016
17:18:14
17:18:14
Ну ошибка, очевидно, в том, что webpack наткнулся на css файл, а для css нет loader'а. Что значит "исключен из списка js зависимостей"?
Надо посмотреть на JS_ENTRIES и CSS_ENTIRES
Roman22.06.2016
17:18:19
17:18:19
Вот, задал. А он во флуде утонул. :)
Чот там намудрено очень все, с телефона неудобно.
Какой финальный конфиг получается, конкретно парамс loaders?Oleg22.06.2016
17:18:24
17:18:24
Владимир - ты можешь делать что хочешь, когда устанешь отстреливать себе ногу, тогда начнешь думать.
Art22.06.2016
17:18:28
17:18:28
не было его , да олег (автор jss) помогает нам его высвободить :)
С css-modules станет побольше времени.Владимир22.06.2016
17:18:46
17:18:46
Ну ни разу не острелил, вообще проблемы не вижу
GoogleOleg22.06.2016
17:18:55
17:18:55
Значит ее у тебя нет
Nikita22.06.2016
17:19:00
17:19:00
ща тебя спросят про размер проектов)
Andrew22.06.2016
17:19:19
17:19:19
Чот там намудрено очень все, с телефона неудобно.
Какой финальный конфиг получается, конкретно парамс loaders?
JSON.stringify много коцает. Как бы это получше вывести? toSource() тоже не работаетВладимир22.06.2016
17:19:21
17:19:21
Он то тут причем
Я что на цсс что на нем буду делать изменение в родителе
AdminERROR: S client not available
Roman22.06.2016
17:20:13
17:20:13
!
Ҫѐҏӗѫӑ22.06.2016
17:20:18
17:20:18
Праздники 22 июня
Антарктида - День зимнего солнцестояния — праздник «день середины зимы».
Республика Конго - День армии.
Сальвадор - День учителя.
Гаити - День Президента.
РФ
Andrey22.06.2016
17:20:53
17:20:53
менять цсс у родителя в одном месте гораздо производительней чем менять жыэсом классы во многих местах.
from22.06.2016
17:20:55
17:20:55
давайте не запечатлевать это в истории)
Roman22.06.2016
17:21:10
17:21:10
JSON.stringify много коцает. Как бы это получше вывести? toSource() тоже не работает
Сделай простой конфиг и конкретно loaders и тестируйOleg22.06.2016
17:21:35
17:21:35
все ребята вы меня теряете, давайте конкретные вопросы или я ушел)
Владимир22.06.2016
17:22:02
17:22:02
Будет критический цсс в релизе?
GoogleNikita22.06.2016
17:22:07
17:22:07
конкретный вопрос - я не понял, как ты не остановил ведущих, когда они сказали что css-modules умирают
Roman22.06.2016
17:22:12
17:22:12
У меня таки есть вопрос за метеор
Но он не нужен
Nikita22.06.2016
17:22:16
17:22:16
начали про стары муть нести))
Oleg22.06.2016
17:23:00
17:23:00
критический css есть по сути уже, в релизе меняется алгоритм генерации классов
from22.06.2016
17:23:11
17:23:11
@iyntx короче как будто то ли цели бема не понимаешь, то ли как ту же цель решают компоненты, но лучше
из-за того мусолим одно и то же... бе
Oleg22.06.2016
17:23:35
17:23:35
> конкретный вопрос - я не понял, как ты не остановил ведущих,
ну я сказал что мне не кажется что он умирает, но я не слежу так пристально
Roman22.06.2016
17:24:11
17:24:11
@iyntx короче как будто то ли цели бема не понимаешь, то ли как ту же цель решают компоненты, но лучше
из-за того мусолим одно и то же... бе
Он реально не вкуривает суть реакта, мое мнениеNikita22.06.2016
17:24:41
17:24:41
и еще. Твой ответ по поводу css-modules + postcss vs jss - если не нужно динамически стили в проекте менять и с первой связкой проблем нет - значит jss в проекте не нужен?
Ivan22.06.2016
17:25:29
17:25:29
Oleg22.06.2016
17:25:29
17:25:29
не у всех они есть
Andrey22.06.2016
17:25:33
17:25:33
Баттон груп обнулит радиус и тень кнопки
на беме это будет выглядеть примерно так
<div class="button-group button-group_flat-buttons">
<div class="button-group__item button">куй</div>
<div class="button-group__item button">звезда</div>
<div class="button-group__item button">джигурда</div>
</div>Владимир22.06.2016
17:26:10
17:26:10
Мне не нравятся длинные селекторы
Andrey22.06.2016
17:26:11
17:26:11
чойто не должен стиль родителя влиять на детей ?
Владимир22.06.2016
17:26:21
17:26:21
Это к Олегу
Andrey22.06.2016
17:26:33
17:26:33
Мне не нравятся длинные селекторы
держи короткие
.button-group.button-group_flat-buttons
.button-group__item.button куй
.button-group__item.button звезда
.button-group__item.button джигурдаа сорян :)
Владимир22.06.2016
17:26:50
17:26:50
Вообще ничего не поменялось
Oleg22.06.2016
17:27:09
17:27:09
> на беме это будет выглядеть примерно так
тут проблемы не будет тк ты добавляешь класс к контейнеру кнопки, не к его внутренним элементам, другой вопрос что делают твои селекторы, им нельзя позволять копаться в кишках кнопки
Открыть в Telegram