используешь classnames?

вот так

Обожаю, когда код скидывают таким образом

а как надо ?

В кодпен, прошу-умоляю

gist.github.com

снес портянку )

Минутка Маяковского блять

@ssupinsky кстати для гиста сделал quickview обертку или нет интересно

на дуровском конкурсе

*сделали

https://jsbin.com/soradehama/1/edit?js

@ssupinsky кстати для гиста сделал quickview обертку или нет интересно

В тг?

ага

было бы удобно

так пайдет ?

сразу — иди почитай про нормальную работу с инпутами

через onChange и стейт

и про lifecycle

через value головняк адовый

и используй classnames

было бы удобно

+

оце ? https://facebook.github.io/react/docs/forms.html#handling-multiple-inputs

парни, подкиньте пожалуйста ссылку на чат по редакторам (есть вопрос по vscode, перестал работать emmet в postcss/jsx)

а в чем профит писать this.renderLabel = this.renderLabel.bind(this); renderLabel () { вместо renderLabel = () => { ?

парни, подкиньте пожалуйста ссылку на чат по редакторам (есть вопрос по vscode, перестал работать emmet в postcss/jsx)

@ide_ru

а в чем профит писать this.renderLabel = this.renderLabel.bind(this); renderLabel () { вместо renderLabel = () => { ?

почти ни в чем

так что по теме ? ссылку то я посмотрел, смысл там тот же

@ide_ru

спс

кстати я так и не понял как юзать селекторы в реселекте

у меня все равно ререндеры идут на каждый чих в сторе

он как сравнивает под капотом эти селекторы на предмет изменений?

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

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

поч?

поч?

объекты всегда разные

объекты всегда разные

Если объекты разные —> они изменились —> нужен ререндер Идея такая

ну если ты постоянно делаешь deepClone, то да - смысла мало

Если объекты разные —> они изменились —> нужен ререндер Идея такая

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

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

Эмммм. У меня массив айтемов. Один айтем поменялся. Остальные - нет. Ререндер будет только в одном случае

Эмммм. У меня массив айтемов. Один айтем поменялся. Остальные - нет. Ререндер будет только в одном случае

смотря как ты подписан на стейт, если на весь объект сразу, то ререндер может и не быть по всему объекту, но будет сравнение виртуал дома, а функция ререндер будет вызвана все равно)

Ребят, привет разрабатываем апишку для react-redux приложения. Есть вопрост по вложенным данным, подскажите как будет правильнее В API есть словарь стран и словарь городов. у каждого города, есть id страны, в поторой он находится. Проблема в том, что если нам нужно узнать все города в стране - приходится итерироваться по всем городам. Есть идея в словарь стран добавить список id всех городов, либо создать отдельный словарь, в котором ключами будут являться id стран, а значениями - списки id городов. никак не могу понять, как будет правильней: { "countries":{ "id страны":{ "id":"id страны", "name":"название страны", "citys":["id города", "id города"...] }, }, "cities":{ "id города":{ "id":"id города", "name":"название города", "country__id":"id страны", } } или так: "countries":{ "id страны":{ "id":"id страны", "name":"название страны", }, }, "cities":{ "id города":{ "id":"id города", "name":"название города", "country__id":"id страны", } } "countries_cities":{ "id страны":["id города", "id города"...] }

Подскажите, как сделать следующее. Есть 7 инпутов у каждого из них есть onChange с методом setField, который должен вносить изменения в стейт, в зависимости от того, какой инпут меняется

смотря как ты подписан на стейт, если на весь объект сразу, то ререндер может и не быть по всему объекту, но будет сравнение виртуал дома, а функция ререндер будет вызвана все равно)

Ээээ. Ну да. Но на уровне компонента будет ререндер и это логично

в userDetails должны вноситься изменения из инпутов

метод setField принимает название и значение поля.

Ты делаешь странные вещи. И при этом не правильно

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

handleChange = ({target}) => { this.setState({ [target.getAttribute('name')]: target.value }) }

только вынеси userDetails на 1й уровень вложенности setState, ну или перепиши handleChange

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

handleChange = ({target}) => { this.setState({ [target.getAttribute('name')]: target.value }) }

спасибо

сделал так: setFiled(name, value) { this.setState({ userDetails: { ...this.state.userDetails, [name]: value }, }); }

можно еще не имя и значение передать, а объект

Обновил seed - Create React App + Relay Modern + Styled Components https://twitter.com/ReactStarter/status/902450753809379330

https://github.com/kriasoft/react-static-boilerplate

Типы для graphql и флоу можно одинаково описывать?

Привет всем, не знаете в чем может быть дело. Поставил react-create-app и flow туды, делаю вот так

ошибок нету

ERROR: S client not available

Версия flow какая?

а как вы тестируете редакс-формы ? ну jest-enzyme понятно - интсрументы, но какой в общем подход должен быть к тестам редакс-форм ?

Версия flow какая?

"flow-bin": "^0.53.1"

ребят, есть <div onScroll={scrollHandler}> - этот див overflow: scroll и соответственно срабатывает событие onScroll к нему. Подскажите, какие данные передает onScroll в ф-цию? делаю вывод в консоль и вижу Proxy с кучей инфы, и нигде нет вывода offset или подобного. Задача - получить текущее значение скролла.

ребят, есть <div onScroll={scrollHandler}> - этот див overflow: scroll и соответственно срабатывает событие onScroll к нему. Подскажите, какие данные передает onScroll в ф-цию? делаю вывод в консоль и вижу Proxy с кучей инфы, и нигде нет вывода offset или подобного. Задача - получить текущее значение скролла.

Объект event?

ребят, есть <div onScroll={scrollHandler}> - этот див overflow: scroll и соответственно срабатывает событие onScroll к нему. Подскажите, какие данные передает onScroll в ф-цию? делаю вывод в консоль и вижу Proxy с кучей инфы, и нигде нет вывода offset или подобного. Задача - получить текущее значение скролла.

Прокси там потому что у Реакта свои ивенты

а как быть? можно как-то получать текущее положение скрола?

event.target.scrollTop?

а как быть? можно как-то получать текущее положение скрола?

Там есть всё, что есть в обычном ивенте, погугли

Версия flow какая?

ну или 0.2.3 самой flow. Просто в функции проверять параметры работает на ура, а вот propTypes игнорирует

ну или 0.2.3 самой flow. Просто в функции проверять параметры работает на ура, а вот propTypes игнорирует

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

Мы вчера ночью обсуждали

https://flow.org/en/docs/react/hoc/

Все равно ts лучше ❤️

Вчера холивар был)

@chicoxyzzy даже теперь flow хайпит

Вчера холивар был)

Впрочем как всегда

а сейчас почитаем, думал проблема в recompose, спасибо

Все равно ts лучше ❤️

Ну по правда в 0.53 завезли кучу фичь в Flow. Много из которых взяли из ТС

Для React

Надо будет посмотреть ,просто хочется на preact переехать

3кб манит

Лол)

3кб манит

ну там своей боли хватает. Но манит)

Короче еще вопрос вчера задавал ,кто использовал preact-compat+redux,у меня lifecycle ломается

И что-то странное происходит ,что в реакте не происходит

Делаешь вызов в componentDidMount экшена и он зацикливается

Друзья помогите разобраться с flux utils