сам запутался

Не правильно. Если хочешь менять то, что пришло из другого компонента, надо отправлять ещё коллбэк для этого.

В моём случае, если следовать этому соглашению, нужно создавать отдельный экшн.

я на все создаю action-creators

Не правильно. Если хочешь менять то, что пришло из другого компонента, надо отправлять ещё коллбэк для этого.

Куда коллбек?

Я передаю из одного компонента в другой js объект, там выполняю манипуляции, тип this.props.array.push(1337) и мне надо, чтобы постоянно происходил ререндер компонента, т.к. из этого this.props.array делается список, я перезаписываю его в state и компонент ререндериться

ты этим не меняешь пропсы. это как раз случай когда тебе нужен редакс

ну можно и без редакса понятное дело, но с ним удобно

ты этим не меняешь пропсы. это как раз случай когда тебе нужен редакс

так мне пропсы и не надо менять по сути, я их прост вытаскиваю и записываю в стейт дамб компонента, чтобы при изменении он ререндерился

Например, в компоненте А у тебя стейт с переменной С, чтобы в компоненте Б куда ты передаешь С поменять содержимое переменной, надо в Б передать ещё коллбэк, который изменит стейт в А, т.е. саму переменную С.

я на все создаю action-creators

Ну, само собой. Но для каждого экшна же отдельный криейтор?

Например, в компоненте А у тебя стейт с переменной С, чтобы в компоненте Б куда ты передаешь С поменять содержимое переменной, надо в Б передать ещё коллбэк, который изменит стейт в А, т.е. саму переменную С.

Окей, понятно, спасибо )

Ну, само собой. Но для каждого экшна же отдельный криейтор?

не. экшон креэйтор может несколько вызывать, зачастую так и бывает. в духе, если это асинхронный запрос, сначала вызывается экшон на старт запроса. потом на окончание запроса. или на ошибку, если запрос зафейлился.

Например, в компоненте А у тебя стейт с переменной С, чтобы в компоненте Б куда ты передаешь С поменять содержимое переменной, надо в Б передать ещё коллбэк, который изменит стейт в А, т.е. саму переменную С.

ну или редакс.

Ребят, а по покрытию тестов подскажите? добавил istanblul - гереню htmlлину. Но в в ней в списке файлов тока те, для которых тесты написаны - ну или созданы файлы .spec.ts Я же хочу видеть все файлы из папки в списке - чтобы понять какие покрыты, а какие нет Что куда вписать? )))

у istanbul ж есть флаг, типа включить всю папку

Я вот такую штуку юзаю https://www.npmjs.com/package/istanbul-instrumenter-loader

а, ну так в бандл добавь все файлы

которые тебе нужны

которые тебе нужны

Спасибо

Крутая тема конечно. А нельзя ли сделать некий маркер (коммент) в жс файле после которого весь текст воспринимался бы как цсс для этого компонента)?

В продолжении активности только что зарелизили https://github.com/axept/prejss - полностью кастомизируемый PostCSS-to-JSS адаптер, который позволяет использовать CSS, включая Global, keyframes и media прямо в модуле и получать из него Plain JSS объект. Изначально делали его для ускорения миграциии SCSS -> JSS, но в целом может кому-то и понравится сам Styled Components подход.

Оо, гуд

хотя, там нет встраивания функций. Так нет особой полезности.

JSS vs. styled-components. ?

JSS vs. styled-components. ?

мм?

хотя, там нет встраивания функций. Так нет особой полезности.

Почему нет? :) Есть, смотри внимательней)

Почему нет? :) Есть, смотри внимательней)

там нельзя padding: ${props => props.value * 2}px;

JSS vs. styled-components. ?

Если хочется магия, то SC :)

там нельзя padding: ${props => props.value * 2}px;

Можно :) Добавить в пример?

да

только пока в сам JSS эта фича еще не влита)

Олег обещал вчера, что уже скоро =)

там нельзя padding: ${props => props.value * 2}px;

скоро можно будет

мы вчера придумали как сделать это очень быстро

и совместимо с сср

мы вчера придумали как сделать это очень быстро

(props) => props.active && ({ padding: 20, fontSize: 16 }) Такое возможно будет сделать?

я значю точно что можно будет сделать { padding: (props) => props.active && 20, fontSize: (props) => props.active && 16, }

о круть! Но пока нет времени )

это динамические проперти

это так себе... но хоть так

динамические рулы active: (props) => ({ /* whatever */}) тоже будут

но по хорошему это должно быть в класснейме

это так себе... но хоть так

мб контрибьютить хочешь?

мб контрибьютить хочешь?

сарказм?

нет

рук не хватает

это ж осс

мы вчера придумали как сделать это очень быстро

Не смотрели кстати в сторону Atomic CSS?

мм?

Как оно там? Я попробовал только styled-components, но ещё не распробовал. Плюсы/минусы там... Можно и субъективную оценку.

Не смотрели кстати в сторону Atomic CSS?

шта? каким боком?

Как оно там? Я попробовал только styled-components, но ещё не распробовал. Плюсы/минусы там... Можно и субъективную оценку.

jss более простая абстракция

Как оно там? Я попробовал только styled-components, но ещё не распробовал. Плюсы/минусы там... Можно и субъективную оценку.

Большая когнитивная нагрузка, как любят говорить в коммьюнити :) В целом, сложно себе представить SC на крупных сложных проектах, где декомпозиция это неразрывный процесс и деление на Dumb-Smart можно нормально так заблочить процесс и замедлить прототипирвоание.

sc ближе к css

jss ближе к js

сарказм?

бтв https://github.com/alexkuz/jss-css

хочется ванила цсс в жсс

В нативном коде меня всегда радовал автокомплит. Для JSS уже есть что-нибудь интересное на эту тему? =)

вот этот проект подойдёт

В нативном коде меня всегда радовал автокомплит. Для JSS уже есть что-нибудь интересное на эту тему? =)

не знаю

мне не нужен

спроси в гиттере

О, можно типы нафигачить, и будет автокомплит.

бтв https://github.com/alexkuz/jss-css

Там парсер используется медленный :(

Мы долго делали ресёч, когда начали https://github.com/axept/jss-from-css и в итоге вернулись к PostCSS

А мне чёт хочется сократить зоопарк технологий и синтаксисов, убрать лишние лоадеры из вебпака, и, если JS будет абстракцией над ещё одной технологией, аминь.

А мне чёт хочется сократить зоопарк технологий и синтаксисов, убрать лишние лоадеры из вебпака, и, если JS будет абстракцией над ещё одной технологией, аминь.

С jss тебе не нужен CSS как отдельный билд таргет

ERROR: S client not available

С jss тебе не нужен CSS как отдельный билд таргет

Ну. И я к тому же.

И вкраплений CSS-синтаксиса не будет в JS, как в SC. Поэтому выберу JSS, короче.

Збс

Там парсер используется медленный :(

Хочешь цсс — страдай

На самом деле жалко

И вкраплений CSS-синтаксиса не будет в JS, как в SC. Поэтому выберу JSS, короче.

Но если у тебя есть большой массив SCSS/CSS, то переходить на него будет сложно, даже встроенная тулза для конвертации не поможет :) Поэтому и появился https://github.com/axept/prejss, который позволяет мигрировать по шагам

Но если у тебя есть большой массив SCSS/CSS, то переходить на него будет сложно, даже встроенная тулза для конвертации не поможет :) Поэтому и появился https://github.com/axept/prejss, который позволяет мигрировать по шагам

У меня css-modules в текущем проекте. И время на миграцию не дадут. А вот следующий будет ок.

Там же типы css-свойств не объявлены, да?

Кстати, с CSS modules даже проще будет мигрировать, особенно с плагином babel-plugin-prejss

теперь еще вынести в бабел плагин injectSheet

что бы это все автоматически оборачивалось бы

Я на выходе получаю все так же сгенерированный [name].css ток с плюшками?

теперь еще вынести в бабел плагин injectSheet

Может быть много магии в таком :)

Почему в store не попадают данные из window.__INITIAL_STATE__ ? https://yadi.sk/i/V99S5GxN3EiDcn

Я на выходе получаю все так же сгенерированный [name].css ток с плюшками?

Это может быть run-time на сервере и пре-компиляция через babel-плагин. Эта штука конвертирует CSS/SCSS/anything в JSS-объекты вида:

в твитере кто-то (из команды реакта?) недавно просил фидбек по логам ошибок, мб ткнете на твит?

опять скриншоты... ?

Опять нытье про скриншоты

Упс

в твитере кто-то (из команды реакта?) недавно просил фидбек по логам ошибок, мб ткнете на твит?

Заходишь к Абрамову и смотришь, 100% ретвитил :-)

вот вам гисты, а не скриншоты) https://gist.github.com/lttb/d74f8bc072d6b9cece3827f1264c6d94 https://gist.github.com/lttb/db8b0259ad6a0b5c623a9e6d4fc5e059

Да я понял что геймерские привычки не исправить, но все равно буду пытаться

Да я понял что геймерские привычки не исправить, но все равно буду пытаться

Боюсь представить, что ты будешь делать с выхлопом от чужого цсса

Заходишь к Абрамову и смотришь, 100% ретвитил :-)

действует, доктор!

опять скриншоты... ?

предлагаю игнорить такие сообщения, задрало уже это каждый раз читать

Да я понял что геймерские привычки не исправить, но все равно буду пытаться

Только не надо заставлять выкладывать в гист 2 строки кода чисто для просмотра

Только не надо заставлять выкладывать в гист 2 строки кода чисто для просмотра

две строки конечно проще так оформить

две строки конечно проще так оформить

нихрена не проще не начинай снова Подсветки нет в таком оформлении

подсветка для двух строк? ват?

нихрена не проще не начинай снова Подсветки нет в таком оформлении

Для двух строк подсветка очень важна, да