
Default
13.07.2017
15:25:07
Жизнь жестокая штука

Nikita
13.07.2017
15:27:17
Ребят, вопрос: как вы решаете задачу с анимацией одного элемента через класс в реакте? (например, у меня есть <element className="something" /> и мне нужно, например, на onClick, на секунду приписать к нему класс something--animated. Есть что-то более изящное, чем через setTimeout? :D
Событие transitionend далеко не самое кроссбраузерное решение

Max
13.07.2017
15:28:04
а чо я пропустил

Google

Max
13.07.2017
15:28:07
кого забанили?

kana
13.07.2017
15:30:00
rxjs, лол

Nikita
13.07.2017
15:30:26
@kana_sama ?

kana
13.07.2017
15:30:28
брать стрим кликов, брать switchMap по кликам и delay и генерить стрим завершения анимации

Dmitry
13.07.2017
15:31:03
Mpeg dash Mpd манифест с видео и аудио можно сделать из одного видео файла?

kana
13.07.2017
15:31:13
а потом подключить чере что-нибудь типа rx-connect
но это лишь идея, ни API rxConnect, ни реальный пример такого я никогда не видел
да и оверхед это будет для такого)

Nikita
13.07.2017
15:32:38
Эээ... спасибо, конечно, погуглю что ты написал (я с rxjs не работал), но разве это не избьёбство ради того, чтобы добавить к DOM-елементу класс на n времени, а потом убрать? :D

Denis
13.07.2017
15:34:20
избьёбство именно оно :)

Алексей
13.07.2017
15:34:43

kana
13.07.2017
15:34:49
таки избьёбство, я назвал это более красиво "оверхед")
не, редакс ради анимации - это еще более избьёбство

Google

kana
13.07.2017
15:35:06
редакс + rxjs
ща я попробую запилить PoC такой херни

Алексей
13.07.2017
15:35:47

kana
13.07.2017
15:36:43
Эээ... спасибо, конечно, погуглю что ты написал (я с rxjs не работал), но разве это не избьёбство ради того, чтобы добавить к DOM-елементу класс на n времени, а потом убрать? :D
но вообще суть в том, что rxjs дает много хелперов для работы с ассинхронной хренью. Без rxjs/switchMap тебе нужно будет самому хэндлить ситуацию, когда юзер, скажем, нажмет кнопку повторно раньше, чем анимация закончится

Nikita
13.07.2017
15:38:32
Хм, это, кстати, интересная мысль, спасибо

Sergey
13.07.2017
16:23:55
сотона приди и забери этого говнюка

Dmitry
13.07.2017
16:24:49
Парень ты нормальный? Столько восклицательных знаков

Artyom
13.07.2017
16:34:55
Ну ка, сильнейшие умы, скажите ка почему цикл останавливается, а число не сбрасывается?
https://codepen.io/artalar/pen/bRxBKe?editors=0011
А, ясно, Maximum call stack size exceeded


Vladimir
13.07.2017
17:41:21
‼️❕‼️ Уважаемые разработчики, прежде чем описывать в чате свою проблему, выполните следующие шаги:
? Проверьте совместимость webpack, babel, react и компонентов, с помощью версий и информации в README этих проектов на github
? Определитесь с версией webpack, babel, react которую используете или желаете использовать. Документация и конфигурация разных версий отличается
? Документацию по каждому из проектов легко найти на сайте https://google.com
? Удостоверьтесь что вы внимательно прочитали соответствующие пункты документации webpack и его плагинов, babel, react, redux, mobx и прочего ПЕРЕД обращением в чат
В описании проблемы необходимо указать:
‼️ Используете ли вы Create React App. Если да, знайте, CRA создавался не для новичков, а для быстрого старта опытного разработчика. Скорее всего ваша проблема в том, что вы не знаете как устроен CRA
1️⃣ Версию webpack, babel, react, redux, mobx, jss, styled-components используемые плагины и лоадеры
2️⃣ Способ запуска webpack и окружения (например: dev-server, production)
3️⃣ Текст ошибки, конфиг webpack/babel, кусок кода в котором произошла ошибка (размещать на https://gist.github.com, в чат присылать ссылку)
4️⃣ Последовательность действий приводящих к ошибке (например: npm install; npm start)
5️⃣ Также необходимо приложить всю информацию которая прямо и косвенно касается проблемы (конфиги, другие файлы с кодом, функции, скрипты)
Описывайте проблему подробно в одном большом сообщении. Не нужно дробить сообщение на куски, так очень сложно отследить ветку обсуждения.
#rules #правила
‼️ На слово БЭМ наложено табу, потому что БЭМ в реакте не нужен, есть cssModules и css-in-js. За БЭМ будет warn.
P.S. если в Gist указать имя файла с расширением, то будет включена няшная подсветка
Охуеть, БЭМ под ударом


Vladimir
13.07.2017
17:42:17
BЭM React Core?:)

Default
13.07.2017
17:43:11
Ща варны полетят
А чо тут было, кстати?
Опять кого-то забанили?

Denis
13.07.2017
17:49:08
хы!

andretshurotshka?❄️кде
13.07.2017
18:07:04

Sergey
13.07.2017
18:09:53
лол
Вам пора ник на лол менять, вы это слово чаще остальных произносите

andretshurotshka?❄️кде
13.07.2017
18:10:15

Sergey
13.07.2017
18:10:17

Google

Denis
13.07.2017
18:10:28

Sergey
13.07.2017
18:11:03
Ну все лол, да лол, а тут - хы!

Andrey
13.07.2017
18:11:24

Play
13.07.2017
18:11:52
Есть ли плагин для Sketch c импортом кода, автолейаутами под мобилы и браузеры, в компоненты React?

Pavel
13.07.2017
18:25:08
Охуеть, БЭМ под ударом
Ну тут просто у некоторых синдром вахтёра в терминальной стадии. Аргументация уровня «яскозал».

Сергей
13.07.2017
18:26:19

Pavel
13.07.2017
18:27:41

Sergey
13.07.2017
18:28:34
Да начнется битва

Сергей
13.07.2017
18:28:36

Vladimir
13.07.2017
18:29:29

Andrey
13.07.2017
18:29:35

Сергей
13.07.2017
18:29:53

Andrey
13.07.2017
18:30:31

Pavel
13.07.2017
18:30:35
— Да БЭМ и так все знают
— Это и есть CSS
— Шта?
— Кто-то просто не умеет его готовить
— Это методология, какоторая специально придумана как спасение от каскада.
Кажется, кто-то недостаточно шарит в том, о чём говорит.
У него вообще один недостаток — это методология, а не технрология, то есть есть человеческий фактор

Сергей
13.07.2017
18:31:08

Andrey
13.07.2017
18:31:12

Pavel
13.07.2017
18:31:30

Kelin
13.07.2017
18:31:37
открою вам секрет
помимо бэма есть куча других методологий, некоторые из них даже в разы лучше бэма
бесполезный спор и непонятный хайп вокруг этой темы

Admin
ERROR: S client not available

Google

Сергей
13.07.2017
18:31:52
Я не буду спорить в возможной необходимости БЭМ в html/css проектах
В РЕАКТЕ он нафиг не нужен
Потому что есть инструменты, решающие задачу лучше

Andrey
13.07.2017
18:32:00
Почему?
Потому что есть css modules, которые за тебя решат проблему пересечения.

Kelin
13.07.2017
18:32:18
и, да
помните про scoped styles и css modules
которые по большому счету отбивают вообще необходимость юзать какие-либо методологии

Andrey
13.07.2017
18:32:55

Pavel
13.07.2017
18:32:57

★▁ ▂ ▃ ▅ █ ︻芫══一★
13.07.2017
18:33:06

Сергей
13.07.2017
18:33:23

Denis
13.07.2017
18:33:24
это же как стандарт
css-modules

Andrey
13.07.2017
18:33:32

Сергей
13.07.2017
18:33:52
БЭМ был придуман, когда не было css-modules.
Старое решение

Andrey
13.07.2017
18:34:16
Кривое, потому что ты завязываешься на структуру стилей. css modules позволяют избавиться от этого.

Pavel
13.07.2017
18:34:21

Сергей
13.07.2017
18:34:34
вообще ни разу
он навязывает мне то, как мне писать

Andrey
13.07.2017
18:35:02

Google

Сергей
13.07.2017
18:35:03
я хочу писать так, как мне подходит в конкретном случае

Vladimir
13.07.2017
18:35:06

Denis
13.07.2017
18:35:09
то, что имеет название прокисшего борща - уже не хорошо

andretshurotshka?❄️кде
13.07.2017
18:35:10
а че все обсуждают бэм и никого не варнят

Сергей
13.07.2017
18:35:19

Pavel
13.07.2017
18:35:20

Сергей
13.07.2017
18:35:27
А зачем?
ПОТОМУ ЧТО ЭТО НАЗЫВАЕТСЯ РАЗВИТИЕ!