Рекорды можно выкинуть и норм.

о, речь про immutable наконец-то зашла! ребзя, как "правильно" его экстендить?)

о, речь про immutable наконец-то зашла! ребзя, как "правильно" его экстендить?)

Что ты хочешь сделать?

А какой кейс? ? Мне пока не требовалось, ток смутно помню что возможность есть

В общем - у менять есть Mapы, мне нужно в них домешать методы типа "onClick" что бы упростить api, я вынес себе мозг и единственное решение которое нашел - это делать record

вот пример https://github.com/findify/findify-js/blob/develop/packages/react-connect/src/immutable/createRecord.ts

проблемы 2 - оверхед на создание нового инстанса при первичном проходе цыклом, toJS во вложенных рекордах не цепляется

Ой чет жёсткое)

Ой чет жёсткое)

вот так вот :( зато меньше ререндеров, мемоизация и другие ништяки которые предоставляет immutable)

Тут это... пишут, что хоки кал, юзайте, мол, рендер-пропсы. Чё скажете?

Тут это... пишут, что хоки кал, юзайте, мол, рендер-пропсы. Чё скажете?

Не везде применимы.

Тут это... пишут, что хоки кал, юзайте, мол, рендер-пропсы. Чё скажете?

Надо и то и то использовать, оба варианта не покрывают все кейсы

Кстати, еще момент про immutable - он весит на 5кб больше чем lodash на минималках :|

Моя минималка лодаша в проекте: 0Кб)

Парни, нужна ваша помошь, есть два стула... Точнее есть 500+ дерево комментариев с вложенностью друг в друга, нужно показывать под комментарием форму ответа если чувак нажал reply у этого комментария. Сейчас комментарии рендерятся через renderComment туда передается обернутый в connect комментарий. Комментарию из стейта приходит targetFormId, он сравнивает его со своим id и показывает форму. Вроде все хорошо, но не совсем. Когда мы тыкаем на reply у комментария, а потом следом на reply у другого, предыдущая форма скрывается. Такое поведение возможно только если перерендерить все дерево коментариев, что и делают обернутые в connect комментарии. Есть ли другой нормальный способ показывать форму реплая под комментарием и сразу скрывать под другим?

Моя минималка лодаша в проекте: 0Кб)

а сколько у тебя рамды?)

а сколько у тебя рамды?)

После того как я решил, что объекты-мапы мне не бро, использование рамды резко начало сокращаться

Парни, нужна ваша помошь, есть два стула... Точнее есть 500+ дерево комментариев с вложенностью друг в друга, нужно показывать под комментарием форму ответа если чувак нажал reply у этого комментария. Сейчас комментарии рендерятся через renderComment туда передается обернутый в connect комментарий. Комментарию из стейта приходит targetFormId, он сравнивает его со своим id и показывает форму. Вроде все хорошо, но не совсем. Когда мы тыкаем на reply у комментария, а потом следом на reply у другого, предыдущая форма скрывается. Такое поведение возможно только если перерендерить все дерево коментариев, что и делают обернутые в connect комментарии. Есть ли другой нормальный способ показывать форму реплая под комментарием и сразу скрывать под другим?

А что такое targetFormId?

Парни, нужна ваша помошь, есть два стула... Точнее есть 500+ дерево комментариев с вложенностью друг в друга, нужно показывать под комментарием форму ответа если чувак нажал reply у этого комментария. Сейчас комментарии рендерятся через renderComment туда передается обернутый в connect комментарий. Комментарию из стейта приходит targetFormId, он сравнивает его со своим id и показывает форму. Вроде все хорошо, но не совсем. Когда мы тыкаем на reply у комментария, а потом следом на reply у другого, предыдущая форма скрывается. Такое поведение возможно только если перерендерить все дерево коментариев, что и делают обернутые в connect комментарии. Есть ли другой нормальный способ показывать форму реплая под комментарием и сразу скрывать под другим?

у тебя 500+ коннектов, вложенных?

После того как я решил, что объекты-мапы мне не бро, использование рамды резко начало сокращаться

почему?

А что такое targetFormId?

это id комментария у кого показать форму реплая

у тебя 500+ коннектов, вложенных?

ага

адок

почему?

Почему не бро или почему из-за этого сокращается?)

у тебя 500+ коннектов, вложенных?

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

Почему не бро или почему из-за этого сокращается?)

ну сокращение понятно, почему не бро?

это id комментария у кого показать форму реплая

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

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

pure

все ок

А показ формы снаружи контролируй отдельно.

pure

И как поможет, если у всех один и тот же пропс поменялся?

ну сокращение понятно, почему не бро?

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

в mapStateToProps передаешь { renderForm: state.renderID==formId }

и pure начинает нормально работать

Их, блин, просто неудобно юзать, на самом деле

Объекты-мапы — не бро

и pure начинает нормально работать

Ну, как вариант. Но всё равно надо пробежаться по каждому комментарию. Хз какая это нагрузка.

Если подходит, то лучше так, да.

в mapStateToProps передаешь { renderForm: state.renderID==formId }

в каждый коннеченый комментарий прилетает targetFormId, который как известно по клику на reply меняется и все абсолютно все pure компоненты коментариев начинают ререндерится, ибо prev.targetFormId !== next.targetFormId

в каждый коннеченый комментарий прилетает targetFormId, который как известно по клику на reply меняется и все абсолютно все pure компоненты коментариев начинают ререндерится, ибо prev.targetFormId !== next.targetFormId

Ты не понял. В компонент этот id не попадает.

Ты через connect передаёшь булев флаг.

ну сейчас да, у меня через булев сделано, но сука оно все равно все 500+ ререндеров делает

в доке редакса реально хуево объясняют зачем нужен mapStateToProps

поэтому возникают такие вопросы

в доке редакса реально хуево объясняют зачем нужен mapStateToProps

Опенсорс.

ну сейчас да, у меня через булев сделано, но сука оно все равно все 500+ ререндеров делает

Покажи connect

А точнее просто mapStateToProps

const ConnectedCommentsForm = connect((state, props) => { const replyFormId = replyFormIdSelector(state) return { key: props.parentId, visible: props.parentId === replyFormId || props.parentId === 0, } })(CommentsForm)

ну вот

а теперь добавь sCU в CommentsForm

ну сейчас да, у меня через булев сделано, но сука оно все равно все 500+ ререндеров делает

А у тебя PureComponent?

const ConnectedCommentsForm = connect((state, props) => { const replyFormId = replyFormIdSelector(state) return { key: props.parentId, visible: props.parentId === replyFormId || props.parentId === 0, } })(CommentsForm)

уххх бляяя

сова походу осовился совсем

Сова, что с тобой последнюю неделю?

одними матами и междометиями общается

Чувство, что тебе кирпич в голову подарили.

?

& > * + *

Чувство, что тебе кирпич в голову подарили.

как в ролике с грабителями?

Дружелюбное Комьюнити ™️

сова на барбитуратах просто

лоботомированный сова

ну кстати да

мозг пропал

удалили

⌘ + backspace

Дружелюбное Комьюнити ™️

Ну мы беспокоимся.

⌘ + backspace

всегда было интересно, как вы на маках без делита живете?

всегда было интересно, как вы на маках без делита живете?

дилить нинужын

фн+бекспейс

const ConnectedCommentsForm = connect((state, props) => { const replyFormId = replyFormIdSelector(state) return { key: props.parentId, visible: props.parentId === replyFormId || props.parentId === 0, } })(CommentsForm)

а нафига делать вызов replyFormId если потом его рендер зависит от сравнения с пропсом парент, у тебя там под капотом битки не фармятся случаем?

фн+бекспейс

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

норм, привык

а нафига делать вызов replyFormId если потом его рендер зависит от сравнения с пропсом парент, у тебя там под капотом битки не фармятся случаем?

Тоже верно.

всегда было интересно, как вы на маках без делита живете?

а зачем он?

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

Ты ещё про энтер не вспомнил)

хуже этого только 14-дюймовые ноуты с fn + <= вместо home

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

а он же редко нужен

а нафига делать вызов replyFormId если потом его рендер зависит от сравнения с пропсом парент, у тебя там под капотом битки не фармятся случаем?

а в чем проблема?

const ConnectedCommentsForm = connect((state, props) => { const replyFormId = replyFormIdSelector(state) return { key: props.parentId, visible: props.parentId === replyFormId || props.parentId === 0, } })(CommentsForm)

Кстати, выдели reply в отдельный компонент и там делай сравнение id

а он же редко нужен

я постоянно им пользуюсь, хз

а в чем проблема?

connect должен быть как можно ближе, нет?

так

свалите в @macos_ru

connect должен быть как можно ближе, нет?

не понял

а, ты про то что коннект запихать в форму реплая?

не понял

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

погоди

он рендерит CommentsForm

есличо )

Ну хрен знает что он называет так)