@react_js
Dimitriy08.06.2016
07:34:33
07:34:33
Народ, кто об этом слышал?
Может кто использует такой подход? Как вам?
https://medium.com/@yejodido/atomic-components-managing-dynamic-react-components-using-atomic-design-part-1-5f07451f261f
JiSeven08.06.2016
07:35:46
07:35:46
молекулы, атомы
KlonD9008.06.2016
07:35:55
07:35:55
БЭМ
Andrey08.06.2016
07:35:59
07:35:59
Народ, кто об этом слышал?
Может кто использует такой подход? Как вам?
https://medium.com/@yejodido/atomic-components-managing-dynamic-react-components-using-atomic-design-part-1-5f07451f261f
По мне спорный, так как теряется смысл классов, тогда уже можно инлайновые стили делать )Google
Dmitry08.06.2016
07:37:02
07:37:02
Мне кажется они перемудрили с количеством уровней абстракции
Должно по идее хватать трех, если совсем хочется заморочиться - 4ех
★nton08.06.2016
07:39:25
07:39:25
Друзья, совсем скоро, 17 июня, состоится DevConf 2016!
Как всегда позитивная атмосфера, много интересных людей и разнообразных докладов: http://devconf.ru/ru
Мы решили розыграть один билет среди участников нашей группы. Кому достанется билет - будет определенно случайным образом. Для участия необходимо заполнить маленькую форму до 9 вечера 9 июня:
+ https://denisizmaylov.typeform.com/to/Gx5WM4
Исправьте плз "Алексей Охрименко — Охрименко Алексей - Seanior"Антон08.06.2016
07:51:58
07:51:58
У меня jquery и реакт параллельно. Просто потому, что взять все и в одночасье заменить написанное годами на react не вариант.
Dmitry08.06.2016
07:52:53
07:52:53
Это не означает, что тебе нужно притаскивать новые порции :3
Итеративно рефакторить и ок
Andrey08.06.2016
07:54:18
07:54:18
Проясните как научится
Почитай про бем и статейки как сделать собственную сетку. Только Потом посмотри на flexbox. Пример минимальной сетку посмотри например у владимира агафонкина. Она называется dead simple grid
Nikolay добряш08.06.2016
07:54:35
07:54:35
Andrey08.06.2016
07:55:49
07:55:49
Народ, кто об этом слышал?
Может кто использует такой подход? Как вам?
https://medium.com/@yejodido/atomic-components-managing-dynamic-react-components-using-atomic-design-part-1-5f07451f261f
Я слышал и это жесть. Только в качестве костылей к готовому проекту можно юзить. Когда нет доступа к сборщику цсс.Dimitriy08.06.2016
07:56:31
07:56:31
Я слышал и это жесть. Только в качестве костылей к готовому проекту можно юзить. Когда нет доступа к сборщику цсс.
А у меня сапорт такого проекта сейчас. ?
Denis08.06.2016
07:56:48
07:56:48
В Мексике вообще хорошо. Там нет мидлов и джуниоров. Там все сеньоры.
Dimitriy08.06.2016
07:57:02
07:57:02
Сеньёры помидоры
GoogleАнтон08.06.2016
08:00:02
08:00:02
Это не означает, что тебе нужно притаскивать новые порции :3
Да, постепенно заменяем. Новое - или react, или просто js.Dmitry08.06.2016
08:00:41
08:00:41
Ну какие именно задачи так решаются?
Andrey08.06.2016
08:01:33
08:01:33
Антон08.06.2016
08:02:01
08:02:01
Это когда в коде, связанном с jquery возникает проблема, но времени на переписывание в react нет.
JiSeven08.06.2016
08:02:15
08:02:15
Пасиб
Я бы еще вот это порекомендовал почитать. Дает неплохую подпитку к организации цсс http://operatino.github.io/MCSS/Dmitry08.06.2016
08:02:25
08:02:25
Антон08.06.2016
08:02:45
08:02:45
У нас слишком маленькая банда, все сразу не покроешь
Dmitry08.06.2016
08:03:01
08:03:01
Andrey08.06.2016
08:04:36
08:04:36
У нас слишком маленькая банда, все сразу не покроешь
Но когда пишете что-то новое то используете в своей работе проверенные временем жквери-плагинчики? Или пишете всё новое с нуля, реализуя то что в жквери уже есть?Антон08.06.2016
08:05:40
08:05:40
Но когда пишете что-то новое то используете в своей работе проверенные временем жквери-плагинчики? Или пишете всё новое с нуля, реализуя то что в жквери уже есть?
Стараемся использовать готовые инструменты и виджеты. Благо их уже много, есть из чего выбратьAndrey08.06.2016
08:06:19
08:06:19
Мцсс- каша и кал
Антон08.06.2016
08:06:35
08:06:35
Но, вот с календарем пришлось переделать один. Точнее на его базе написать свое решение
Andrey08.06.2016
08:07:14
08:07:14
Только бем ! Никаких ресетов и прочего
Denis08.06.2016
08:08:25
08:08:25
Возвращаясь к теме React так и хочется в продолжение статьи про MCSS от Роберта скинуть ссылку: https://medium.com/@DenisIzmaylov/application-and-universal-components-7b760f1d4831#.jxgx345gf
GoogleAndrey08.06.2016
08:28:33
08:28:33
действительно) зачем ресет?))
если делаем по бему то каждый блок должен уметь в ресет.
достигается это либо миксинами из препроцессоров, либо руками )JiSeven08.06.2016
08:30:33
08:30:33
конечно спасают
благодаря composes
ну если без composes, то можно делать 1 уровень каскада. А это не есть ужас
т.е block { element: {} }
и то, это если какие-то переопределения
у меня сейчас на проекте каскада нет вообще
from08.06.2016
08:33:19
08:33:19
Константин08.06.2016
08:34:07
08:34:07
Кто-нибудь пишет css-модули по бэм? На первый взгляд удобно делать модификаторы с compose - указываешь модификатор, блок автоматом добавляется.
Andrey08.06.2016
08:34:19
08:34:19
прекольно
JiSeven08.06.2016
08:34:22
08:34:22
http://tinyurl.com/j6x9dz2
ты хочешь не хочешь, а пишешь ресет для этих всех компонентов свой постоянно. Только вместо того, чтобы написать общий ресет, ты пишешь ресет постоянно для блоков и элементовAndrey08.06.2016
08:34:28
08:34:28
ничего сказать не могу т.к. не юзю
JiSeven08.06.2016
08:34:50
08:34:50
Кто-нибудь пишет css-модули по бэм? На первый взгляд удобно делать модификаторы с compose - указываешь модификатор, блок автоматом добавляется.
compose тебе наоборот позволяет уйти от бэмAndrey08.06.2016
08:35:01
08:35:01
@JiSeven да. потомучто это вёрстка по БЭМ
только вот куда потом прийти после бэм ?
GoogleJiSeven08.06.2016
08:35:55
08:35:55
поскольку обе штуки делают одну и туже задачу
Константин08.06.2016
08:36:35
08:36:35
по бэму селектор - это в среднем 2 слова, css-модуль - 2 слова, где профит?
Константин08.06.2016
08:37:22
08:37:22
module.selector - 2
JiSeven08.06.2016
08:37:40
08:37:40
окей, если не смотреть на слова, то вот что действительно удобно - одни и теже наименования можно использовать во всех модулях
AdminERROR: S client not available
JiSeven08.06.2016
08:38:05
08:38:05
wrapper, container, label, e.tc. Бэм не может позволить делать так, поскольку там блочный подход
Andrey08.06.2016
08:38:17
08:38:17
по бему от 1 до 3
JiSeven08.06.2016
08:39:15
08:39:15
module.selector - 2
какой еще module? 2 слова делается только на каких-нибудь модифицированных состоянияхAndrey08.06.2016
08:39:21
08:39:21
.main__lead
.main__body
.main__tail
.main__body .main__body_dark
JiSeven08.06.2016
08:40:09
08:40:09
.main__lead
.main__body
.main__tail
.main__body .main__body_dark
в цсс модулях будет lead, body, tail, body-darkAndrey08.06.2016
08:40:27
08:40:27
жесть
JiSeven08.06.2016
08:40:55
08:40:55
как и говорил, 2 слова будет только для модифицирования состояния
Ну а самый главный профит цсс-модулей - это 100% защищенность от коллизии классов
GoogleJiSeven08.06.2016
08:41:51
08:41:51
бэм не может себе такого позволить, поскольку человеческий фактор
Andrey08.06.2016
08:41:53
08:41:53
ок. как будет выглядеть открытая всплывайка с модификатором где фон красного цвета ?
"popup show bgred" ?
from08.06.2016
08:42:31
08:42:31
ок. как будет выглядеть открытая всплывайка с модификатором где фон красного цвета ?
Вот как ты это сможешь описать самым простым возможным css, так и будетПочитай про css модули просто
https://medium.com/seek-ui-engineering/the-end-of-global-css-90d2a4a06284#.egecda9gn
JiSeven08.06.2016
08:43:51
08:43:51
ок. как будет выглядеть открытая всплывайка с модификатором где фон красного цвета ?
суть цсс модулей (по дефолту) чтобы использовать только 1 класс для описания. Для того, чтобы сделать примеси из нескольких классов используется composesAndrey08.06.2016
08:43:57
08:43:57
ибо компьютерный фактор
Dimitriy08.06.2016
08:44:09
08:44:09
Дайте ссылочку про бем почитать ?
JiSeven08.06.2016
08:44:22
08:44:22
потому что на выходе из цсс модулей ты получаешь хэши, а не названия
Igor08.06.2016
08:44:28
08:44:28
https://medium.com/seek-ui-engineering/the-end-of-global-css-90d2a4a06284#.egecda9gn
прокрутка хэдера этой страницы вызывает боль и страданияfrom08.06.2016
08:44:56
08:44:56
JiSeven08.06.2016
08:45:07
08:45:07
Igor08.06.2016
08:45:21
08:45:21
Andrey08.06.2016
08:45:28
08:45:28
не может быть
подключаем на страницу бутстрап и фаундейшн.
и делаем приложение при помощи цсс модулей.
по любому могут быть колизии т.к. реакт никак не знает о существовании классов бутстрапа и фаундейшнаfrom08.06.2016
08:45:59
08:45:59
подключаем на страницу бутстрап и фаундейшн.
и делаем приложение при помощи цсс модулей.
по любому могут быть колизии т.к. реакт никак не знает о существовании классов бутстрапа и фаундейшна
хватит чушь нести, прочитай сначала о том, что обсуждаешь :)
Открыть в Telegram