И я пришел к построению инфраструктуры таким образом, что redux напрямую мы перестали использовать, он по сути стал external state для различных библиотек, таких, как apollo-client, redux-form и прочих.

То есть по сути мы не создаем reducer-ов вообще, что сильно ускоряет процесс разработки.

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

Спасибо. Если кто ещё может что-то сказать, мне будет очень интересно послушать.

ребята, я вот тут озадачился одной проблемой. Всегда решал ее Абрамоугодно, но сегодня закрались подозрения. мапаю я пропсы: const mapStateToProps = state => ({ powerMeterDevices: getPMDevices(state.devices.byId), currentHomeId: state.homes.currentHomeId, powerMeterData: state.powerMeter }); getPMDevices - функция, которая фильтрует список и всегда возвращает новый массив, иммутабельность наше все получается из-за того, что всегда приходит новый массив, то компонент ререндерится. Вопрос, такое решается только через SCU или я что то делаю не так? или есть более правильный способ?

mapStateToProps - выборка со стейта, зачем там логика?

mapStateToProps - выборка со стейта, зачем там логика?

я ж написал, Абрамоугодно... в туторах видел, в примерах живых, а вот теперь когда опыта подкопилось начал задаваться подобными вопросами

ребята, я вот тут озадачился одной проблемой. Всегда решал ее Абрамоугодно, но сегодня закрались подозрения. мапаю я пропсы: const mapStateToProps = state => ({ powerMeterDevices: getPMDevices(state.devices.byId), currentHomeId: state.homes.currentHomeId, powerMeterData: state.powerMeter }); getPMDevices - функция, которая фильтрует список и всегда возвращает новый массив, иммутабельность наше все получается из-за того, что всегда приходит новый массив, то компонент ререндерится. Вопрос, такое решается только через SCU или я что то делаю не так? или есть более правильный способ?

Сохрани данные отдельно, а порядок сортировки — отдельно в сторе, тогда не придётся сортировать каждый раз)

Сохрани данные отдельно, а порядок сортировки — отдельно в сторе, тогда не придётся сортировать каждый раз)

сейчас буду что то подобное делать или фильтровать в компоненте или стор подшаманю

Господа, что взять из CSS in JS для реализации простного функционала В пропсах приходит цвет и нужно расскрасить с ховерами и т.п.

Можно конечно и onMouseEnter повесить, но не хочется

Есть какая-то простая библиотека?

а чем ‘import “style.scss”’ не устраивает?

Цвет в пропсах

а

типа item.color

я react-jss взял

Если просто повесить, то понятно style={{color: this.props.color}}

А если ховер еще нужен, то тут уже пляски с бубном

вроде простая штука

но я не уверен что там есть динамическое изменение стилей

типа ховера

надо доку глянуть

Попробую ее

В jss есть ховер

не

ховер то есть

но я не уверен что там есть динамическое изменение стилей

Есть

а динамически поменять его? )

там же вроде он компилирует в цсс все

Ну так на лету же

Если теперь сделать инжект в компонент, то width — это соответствующий пропс компонента

о

збс

{this.props.tags.map((item, index) => { const styles = { item: { fontWeight: 'bold', }, } const itemClass = cx({ newsFilterItem: true, newsFilterItemActive: item.tagSlug === this.props.current, [classes.item]: true, }) return ( <div key={item.id} className={itemClass} onClick={() => this.props.handleFilter(item.tagSlug)}> {item.tag} </div> ) })}

Расскажите, как заставить работать?

export default injectSheet(styles)(NewsFilter) етесственно

а что не работает

кстати, писать newsFilterItem: true это же как-то тупо

зачем константы внутри map

можно же просто cx('newsFilterItem', classes.item, { ....... })

Можно, потом поправлю

@exdeniz а в чем проблема-то?

Проблема, что мне надо в map отображать разные цвета

В том числе и для ховера

для это style={{}} не подходит

why?

Привет, подскажие пол jest пожалуйста, что в валидном тесте означает : `

Your test suite must contain at least one test.

Только не отвечайте переводом на русский

значит нет у тебя тестов )

может где-то синтаксис кривой

Потому что test("WTF???", () => { expect(3).toBe(3); }); Вернет тоже самое

Я закоментировал все moxios и прочие

только это сотавил

может конфиг джеста кривой

сам файл с тестом он видит и запускает его

бабель не подсасывается

или еще что-то

Я могу запускать jest без конфига?

Судя по доке да

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

ERROR: S client not available

на импорте цсс

вместо того чтобы сказать что лоадер не найден

бляха

и это решилось кофигом?

ну у меня в конфиге все

Скинь пожалуйста в лс, на скорую попробую с ним если все ок то значит в конфиге все же дело

кинул в личку

удали все что про TS

ненужно

jest —notify —config=config.json В результате то же самое(

вот гавнюк а этот джест

а что там с бабелем, они написали если у вас yarn забить на бабель

Если по близости в закладках есть что нибудь про тестирование thunk?

привет пипл! Посоветуйте инструмент для тестинга скриншотами, для компонентов

Скриншотами?

Снэпшотами?

у тебя в данном случае controlled input, так что либо делай на него хендлер и обновляет стейт при изменении, либо юзай uncontrolled controlled: https://facebook.github.io/react/docs/forms.html#controlled-components uncontrolled: https://facebook.github.io/react/docs/uncontrolled-components.html

смысл один) спс за поправку

Jest норм

спс, ща покурим

у тебя в данном случае controlled input, так что либо делай на него хендлер и обновляет стейт при изменении, либо юзай uncontrolled controlled: https://facebook.github.io/react/docs/forms.html#controlled-components uncontrolled: https://facebook.github.io/react/docs/uncontrolled-components.html

понял, в моем случае uncontrolled

спасибо

ты передаешь туда value, так что controlled. но можешь сделать его uncontrolled :)

не, мне в итоге всё равно надо будет передать только по сабмиту

привет пипл! Посоветуйте инструмент для тестинга скриншотами, для компонентов

если именно скриншотами, то Gemini )

а не, все верно я сказал. Помню где-то видел что можно скриншотами. Если не совпадают кидает варнинг.

BackstopJS думаю попробовать

Но снепшоты и скриншоты тестируют разные вещи

Очевидно же

а не, все верно я сказал. Помню где-то видел что можно скриншотами. Если не совпадают кидает варнинг.

https://github.com/gemini-testing/gemini