Size: a a a

React — русскоговорящее сообщество

2020 July 14

S

Sm•ok 😈✔️ in React — русскоговорящее сообщество
Вообще, я предполагал что будет подобие useMemo
источник

ei

export default - зло... in React — русскоговорящее сообщество
В общем эти кастомные проверки не заменяют реселект, то есть простую мемоизацию функций
источник

K

Kirill in React — русскоговорящее сообщество
@risenforces я тогда еще раз вопрос что выше переспрошу, выходит что если юзать useSelector без реселекта и без useShallowEqualSelector, то он будет по производительности хуже connect-a, из-за того что делает перерендеры при возврате одно и того же объекта, в отличии от connect?
источник

ei

export default - зло... in React — русскоговорящее сообщество
Kirill
@risenforces я тогда еще раз вопрос что выше переспрошу, выходит что если юзать useSelector без реселекта и без useShallowEqualSelector, то он будет по производительности хуже connect-a, из-за того что делает перерендеры при возврате одно и того же объекта, в отличии от connect?
Нет, будет одинаково, отличие в том что с коннектом ререндер будет когда хотя бы 1 из свойств вернувшегося из mSTP обьекта изменилось, а у useSelector будет если изменилось значение
источник

ei

export default - зло... in React — русскоговорящее сообщество
То есть useShallowЧетотам позволяет что-то вроде коннекта делать в 1 useSelector
источник

E

Evgenii in React — русскоговорящее сообщество
export default - зло is the side effect
Нет, будет одинаково, отличие в том что с коннектом ререндер будет когда хотя бы 1 из свойств вернувшегося из mSTP обьекта изменилось, а у useSelector будет если изменилось значение
разве мапстейттупропс не на каждое изм стейта вызывается?
источник

ei

export default - зло... in React — русскоговорящее сообщество
У коннекта есть шалоу компейр по обьекту который вернулся, а useSelector это атомарная версия, которая как бы для 1 среза, простым языком
источник

ei

export default - зло... in React — русскоговорящее сообщество
Evgenii
разве мапстейттупропс не на каждое изм стейта вызывается?
Каждое, просто компонент не ререндерится если не изменилось содержимое в результате
источник

E

Evgenii in React — русскоговорящее сообщество
export default - зло is the side effect
Каждое, просто компонент не ререндерится если не изменилось содержимое в результате
компонент ререндерится если пропсы поменялись
источник

ei

export default - зло... in React — русскоговорящее сообщество
Ну да, они не меняются, до компонента это даже не доходит)
источник

E

Evgenii in React — русскоговорящее сообщество
а юзселектор по умочланию по ссылочному сравнению, чтоб было поверхностное shallowEqual передавать  вторым параметром
источник

ei

export default - зло... in React — русскоговорящее сообщество
Я не видел коннект уже десять тысяч лет!! (сурцы), но там вроде свой локальный стейт, который уже в компонент передается пропсами, а обновляется этот стейт когда сравнение не прошло
источник

E

Evgenii in React — русскоговорящее сообщество
источник

K

Kirill in React — русскоговорящее сообщество
export default - зло is the side effect
Нет, будет одинаково, отличие в том что с коннектом ререндер будет когда хотя бы 1 из свойств вернувшегося из mSTP обьекта изменилось, а у useSelector будет если изменилось значение
понял, мой кейс с лишним рендером сработает только если useSelectors будут в разных компонентах, а если в 1 то да, разницы не будет
источник

ei

export default - зло... in React — русскоговорящее сообщество
export default - зло is the side effect
Я не видел коннект уже десять тысяч лет!! (сурцы), но там вроде свой локальный стейт, который уже в компонент передается пропсами, а обновляется этот стейт когда сравнение не прошло
Но вообще там какая-то наркомания у них (можно вспомнить про роутер и его контекст), так что я точно не могу говорить
источник

ei

export default - зло... in React — русскоговорящее сообщество
А, вспомнил, это с contextType прикол
источник

И

Иван in React — русскоговорящее сообщество
https://react-redux.js.org/api/hooks#usage-warnings

Про вот эту мазафаку не забудьте
источник

L

LEON in React — русскоговорящее сообщество
Ребят ктонибудь работатал и с тем и другим ?
Styled-jsx vs styled-components

Я хочу взять родной для Next Styled-jsx, так как считаю что он лучше оптимиизирован под Next (не нужно засовывать плагины для SSR, все из коробки)

Есть еще мнение (не мое) что Styled-jsx
1 Не содержит лишних абстракций по сравнению со styled-components
2 Гораздо проще напрямую использовать реквизит в стилях нежеле чем в styled-components

Но комьюнити у Styled-jsx во много раз меньше...не могу найти гриды на нем сделаные

Вопросы:

1 Какие подводные камни если взять родной для Next подход? Чего он не умеет из того что умеет styled-components?
2 Кешурется ли CSSinJS при использовании в SSR режиме?
3 Есть ли готовые гриды под Styled-jsx?

Вот эта штука дико навароченная
https://github.com/STRML/react-grid-layout

Вот это вроде ничего, но не понятно как с Next уживется (SSR поддерживает но требуются танцы с бубнами)
https://github.com/sealninja/react-ssr-example

Есть ли какое то лучшее решение для гридов под Next? И вообще какой подход для CSS луче взять, Styled-jsx vs styled-components?
источник

RA

Roman Ard in React — русскоговорящее сообщество
Ребят, кто-н с веб сокетами работал
источник

И

Иван in React — русскоговорящее сообщество
Roman Ard
Ребят, кто-н с веб сокетами работал
источник