запросики графкл джсх все дела

а вынести в сурс методы не?

чтобы это говно не в компонентах было

запросики графкл джсх все дела

а ты другой

зачем отвечаешь на вопросы ему

а как должно?

Этот компонент рендерится при клике. Я заведомо знаю, что при клике !this.state.features || this.state.features === null - вот эти условия возвращают false. Но почему-то он все равно рендерит else

Этот компонент рендерится при клике. Я заведомо знаю, что при клике !this.state.features || this.state.features === null - вот эти условия возвращают false. Но почему-то он все равно рендерит else

а ты понимаешь что !this.state.features

включает в себя this.state.features === null

а ты понимаешь что !this.state.features

Не всегда((

как это?

как это?

Затупил просто, не подумал

у меня пробел штоли

Не всегда((

Boolean(null) => false Boolean(this.state.features)

и не нужна проверка на или

ну смотри

Boolean(null) => false Boolean(this.state.features)

Boolean(0) === false

Boolean('') === false

ну так на всякий случай напомню

Boolean(null) => false Boolean(this.state.features)

Так ведь если в стейте пустой массив, то boolean вернет true...

ну так на всякий случай напомню

про undefined забыл

угу

Этот компонент рендерится при клике. Я заведомо знаю, что при клике !this.state.features || this.state.features === null - вот эти условия возвращают false. Но почему-то он все равно рендерит else

почему ты уверен что false?

Так ведь если в стейте пустой массив, то boolean вернет true...

Boolean(arr.lenght) если 0 то false

всё

почему ты уверен что false?

Потому что this.state.features инициализируется пустым массивом и только при клике на определенном объекте в него что-то пишется. Может и null, конечно, записаться...

Потому что this.state.features инициализируется пустым массивом и только при клике на определенном объекте в него что-то пишется. Может и null, конечно, записаться...

и массив превратиться в 1

и уже не будет массивом

и массив превратиться в 1

Ром, не очень понял, как условия в функцию вынести. Мне надо просто написать функцию, коотрая будет возвращать true\false в зависимости от условий, так?

Всем привет. Как лучше фильтровать store в Redux?

https://jsbin.com/caropikamu/edit?html,js,output

почему чекбоксы не файрят onChange события?

все портят блин

должны, проверяй на ошибки в коде

Не совсе верно сказал. В ивенте не меняется свойство target.value

Там свойство checked

Не совсе верно сказал. В ивенте не меняется свойство target.value

target.checked

правильно, а я хочу для всей формы прост онаписать setState([e.target.name]: e.target.value )

правильно, а я хочу для всей формы прост онаписать setState([e.target.name]: e.target.value )

лучше делай через превСтейт, а в input передавай checked={state.value}

это получилось пофиксить, но осталась одна ошибка. я случай вместо TextField.defaultProps объявил TextField.propTypes

нашел наконец-то причину, объекты жеж нужно в PropTypes.shape() обворачивать, а я без этого делал, привык к флоу называется

правильно, а я хочу для всей формы прост онаписать setState([e.target.name]: e.target.value )

Сделай для всех компонентов врапперы и там обрабатывай onChange и передавай через this.props.onChange(e.target.name, value) выше

лучше делай через превСтейт, а в input передавай checked={state.value}

как это поможет? мне надо для чекбокса писать отдельную логику

о боже

ну ладно делай без превстейта))

Почему TextField так странно работает? При чекед full width он должен становиться шириной на 100%, но это срабатывает лишь если чекед disabled, не смотря на то, что стили для disabled не срабатывают. Демо Компонент

вот сами стили: ${p.disabled && css` svg { opacity: 0.5; cursor: not-allowed; } `} ${p.fullWidth && css` max-width: 100%; `} т.е. они вообще же никак не связаны

пропсы приходят правильно, проверял уже

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

глобальные события и селекторы

Есть дефолтные пропсы: TextField.defaultProps = { tag: 'input', icon: { position: 'right', rotation: 0, }, disabled: false, error: false, fullWidth: false, }; Можно ли сделать чтобы при передаче icon.svg сохранялись дефолтные position и rotation? Сейчас они при передаче icon.svg, да и вообще любого объекта, пропадают

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

Почему импортировать селекторы из другого модуля нежелательно? Я так и делаю, мне кажется это самый нормальный способ. Я вижу селекторы, как средство связи слоя отображения и слоя данных, и каждый селектор это как раз атомарное связующее звено, и их можно использовать а любом компоненте. Ну это мое видение)

Почему импортировать селекторы из другого модуля нежелательно? Я так и делаю, мне кажется это самый нормальный способ. Я вижу селекторы, как средство связи слоя отображения и слоя данных, и каждый селектор это как раз атомарное связующее звено, и их можно использовать а любом компоненте. Ну это мое видение)

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

Есть дефолтные пропсы: TextField.defaultProps = { tag: 'input', icon: { position: 'right', rotation: 0, }, disabled: false, error: false, fullWidth: false, }; Можно ли сделать чтобы при передаче icon.svg сохранялись дефолтные position и rotation? Сейчас они при передаче icon.svg, да и вообще любого объекта, пропадают

Вложенность не поддерживается.

Пиши плоско.

Шути тонко.

Молись чтобы работало.

Попробую еще раз. Помогите с гистом, плиз. Я переписал немного. https://gist.github.com/columnistdc/84d0ec6e19af18835e38af1944504b40

Попробую еще раз. Помогите с гистом, плиз. Я переписал немного. https://gist.github.com/columnistdc/84d0ec6e19af18835e38af1944504b40

классно аватарка сгенерировалась

классно аватарка сгенерировалась

А она не дефолтная?

А она не дефолтная?

Она генерится из квадратиков)

Она генерится из квадратиков)

О, не знал) Действительно, прикольно)

Используете ли для стайледов какие-то хелперы? Навроде styled-tools, styled-props, styled-by...

Она генерится из квадратиков)

Там не рандом

А хеш

ERROR: S client not available

Используете ли для стайледов какие-то хелперы? Навроде styled-tools, styled-props, styled-by...

Polished

Polished

Похоже на реализацию фич препроцессоров, но вещь полезная) а если именно для удобной работы с пропсами?

Похоже на реализацию фич препроцессоров, но вещь полезная) а если именно для удобной работы с пропсами?

ramda

Добрый день, вопрос по redux, как вы диспатчите несколько екшенов? К примеру, у меня есть один редьюсер с лоадером, второй с загрузкой книг. Нажимаю кнопку добавить книги, включается лоадер глобальный, потом должен вызваться dispatch async к api за книгами, в конце вернется, что DONE - выключить лоадер глобальный. Поправьте если что не так обьяснил, перефразирую.

Добрый день, вопрос по redux, как вы диспатчите несколько екшенов? К примеру, у меня есть один редьюсер с лоадером, второй с загрузкой книг. Нажимаю кнопку добавить книги, включается лоадер глобальный, потом должен вызваться dispatch async к api за книгами, в конце вернется, что DONE - выключить лоадер глобальный. Поправьте если что не так обьяснил, перефразирую.

нарисуй на бумаге

ramda

Интересная идея, не думал о ней в таком ключе)

А можно пример?

Добрый день, вопрос по redux, как вы диспатчите несколько екшенов? К примеру, у меня есть один редьюсер с лоадером, второй с загрузкой книг. Нажимаю кнопку добавить книги, включается лоадер глобальный, потом должен вызваться dispatch async к api за книгами, в конце вернется, что DONE - выключить лоадер глобальный. Поправьте если что не так обьяснил, перефразирую.

санк

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

В санке захуячь два диспатча

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

Доброе утро, подскажите пожалуйста: если у нас имеется объект и я хочу его промапить и потом снова сделать объектом не используя object.keys например хуево ли делать так ? Если да, то почему const rowObj = [obj].map(...) const mappedObj = rowObj[0]

map по массиву из одного элемента – крутая штука, когда надо выполнить несколько операций, не создавая промежуточных переменных. Но смысла избегать Object.keys или вызывать для одной операции особо нет https://github.com/kentcdodds/advanced-react-patterns-v2/blob/9460804004b357a869ded90e4c07da783cf53c99/src/exercises-final/09.js#L26-L32

Привет! А кто-нибудь имел дело с GatsbyJS? Можно как-то заставить его получать данные через API до рендера страницы? Или как оно вообще с SEO дружит, если контент подгружается после загрузки страницы?

Ребят, как лучше всего реализовывается редирект?

return <Redirect to="/path" />

@bondarenko_yuriy

Народ подскажите, пожалуйста, идеалную реализацию Breadcrumbs на RouterV4 + Redux

@bondarenko_yuriy

спасибо

кто нибудь юзал react-table?

Народ подскажите, пожалуйста, идеалную реализацию Breadcrumbs на RouterV4 + Redux

у antd есть готовые решение

у antd есть готовые решение

Я его до конца не понимаю, ты имеешь ввиду в antd pro?

Народ подскажите, пожалуйста, идеалную реализацию Breadcrumbs на RouterV4 + Redux

написать самому)

написать самому)

я наверно в итоге так и сделаю, но я ищу хорошие идеи и подходы не нарушающие принципы изоляции и единой отвественности

Ребят, можно ли контейнеры и компоненты миксовать между собой? Может ли компонент содержать контейнер? Нормально ли это?

комопонеты - в смысле stateless?

Ребят, можно ли контейнеры и компоненты миксовать между собой? Может ли компонент содержать контейнер? Нормально ли это?

что ты имеешь ввиду, приведи пример

я наверно в итоге так и сделаю, но я ищу хорошие идеи и подходы не нарушающие принципы изоляции и единой отвественности

Можно сначала написать, потом искать

Ребят, можно ли контейнеры и компоненты миксовать между собой? Может ли компонент содержать контейнер? Нормально ли это?

Нормально

комопонеты - в смысле stateless?

В смысле без коннекта

какого коннекта?