Все ли вы знаете о useSelector?

[@Retruntobase]

Как всегда контент на высоте) Клево было бы послушать про reselect, а в частности про функцию createSelector из RTK. Спасибо!)

[@it-sin9k]

Обязательно будет ролик про reselect!)

[@egamegadriveaaa]

Теперь я знаю как работает useSelector

[@aaamre4840]

useSelector с Reselect-ом отлично дополняет друг друга

[@aleksandrzelenskiy4000]

Годный разбор, спасибо. Теперь я знаю как работает useSelector

[@muratakmamedau7328]

Спасибо за контент Александр!

[@geniamasanin8322]

Отличный контент, не останавливайтесь)

[@it-sin9k]

Нет планов останавливаться, только вперед!)

[@go_better]

Большое спасибо. Классное видео

[@ОлегСелин-ш9ы]

Спасибо! Очень познавательно!

[@srjoyme2525]

Круто! Спасибо за объяснение useSelector!

[@Alex__88]

Спасибо! Теперь я знаю как работает useSelector

[@alexeyshaykov]

очень даже очень, спасибо

[@osxenon]

Большое спасибо, максимально полезный контент!

[@it-sin9k]

Спасибо!) Если поделитесь с коллегами, будем очень признательны!)

[@hikarukun5126]

Интересный видос 😊

[@eugeneperekopskyi5857]

Cool! Nice life hack

[@ГарикВонави]

Офигенное видео!!!

[@it-sin9k]

Не забудьте поделиться им с вашими коллегами, мы будем очень признательны!)

[@denistatarinov5395]

крутой чел этот синяк)

[@it-sin9k]

Не могу не согласиться)

[@КотМатроскин-х9ь]

в целом было полезно я думаю, я даже пока не знаю для чего нужен этот useSelector правда

[@TheTexPro]

Спасибо большое!

[@kspshnik]

Оч. круто. спасибо!

[@SuleimanAliiev]

Крутяк, спасибо!

[@19n1ght]

Спасибо! Хоть я и не использую Redux в повседневной разработке, все равно интересно узнавать подобные нюансы.

[@it-sin9k]

А какой стек у вас используется?) доберусь и до вашего стека может в будущем)

[@19n1ght]

@@it-sin9k react + rxjs. Без сторонних стейт менеджеров

[@it-sin9k]

Есть группа людей, кто очень любит rxjs с реактом использовать, но я к сожалению еще не видел ни одного проекта, как это все работает. Постараюсь еще получить этот опыт как-нибудь :)

[@19n1ght]

@@it-sin9k один раз попробовав rxjs уже не хочется от него отказываться :) Я не встречал хороших решений, которые позволяют "подружить" rxjs с реактом без редакса. Мы используем собственное решение. Возможно рано или поздно оно станет опенсорсным.

[@it-sin9k]

круто) если выложите в open source пишите, я может обзор на него сделаю)

[@Владимир.П-е9о]

А у нас в проекте столько полей требуется из стора, что приходится возвращать всегда объект, поэтому второй аргумент почти всегда используем const {items, activeItem} = useSelector(state => ({items: state.items, activeItem: state.activeItem}), shallowEqual); делать кучу useSelector тоже не очень, особенно когда некоторые поля используют одно общее поле, да и подписка на стор не бесплатная (shallowEqual тоже конечно). Про трюк с меморизацией, как я понимаю, его основная задача в том, чтобы не вызывать useSelector по рендеру компонента, вызванному естественным путем. Кажется не так критично, чтобы перестать писать анонимные функции в первом аргументе. На фоне того, что селектор вызывается на любое изменение стора, эта оптимизация кажется спичечной.

[@it-sin9k]

Прикольно, кто-то использует второй параметр) я на нашем текущем проекте тоже столкнулся с той проблемой, что иногда нужно и 5-10 полей использовать. Мы использовали правда reselect, вероятно и не очень оправданно использовали

[@ДенисКаленик-н1м]

Я однажды тоже был весьма удивлен, что деструктуризация объекта полученного из селектора может вызвать лишние рендеры (точнее не сама деструктуризация, а то что мы подписываемся на целый объект, а не только на свойства полученные через деструктуризацию). Но я просто делаю несколько useSelector - нечасто бывает больше 2-3, стараюсь декомпозировать компоненты. Нужно будет проверить как-нибудь, что быстрее - несколько useSelector или один, но со вторым параметром-функцией

[@R1taz]

Вот и меня это ввело в замешательство, что как будто бы, смысла огромного, от вынесения анонимной функции за пределы компонента, особо нету

[@from_brest2631]

Лойс

[@lacronts]

Насколько я понял, в видео рассмотрена еще не вышедшая версия react-redux 8.x, потому что в актуальной на данный момент версии 7.2.6 исходники другие))

[@it-sin9k]

Это забавная история, как я готовил этот ролик. Сначала я изучал другие исходники useSelector. И когда уже собирался писать сценарий, react-redux накатил изменения) Я начал изучать заново, решил лучше рассказывать о актуальной версии. Закончил готовить ролик, записал аудио. И потом была React conf 20201, где они рассказали про новый АПИ 18-ой версии) короче поторопился я с выпуском темы)

[@ВиталийКузнецов-щ3т7й]

Спасибо за объяснение (⌒‿⌒)

[@_boolive_]

В чистом виде он ещё проще. function useSelector(selector){ const store = useStore(); const [state, setState] = useState(selector(store.getState())); useEffect(() => { return store.subscribe(() => { const result = selector(store.getState()); if (!shallowequal(state, result)) { setState(result); } }); }, [state]); return state; }

[@it-sin9k]

как раз этой темы планировал коснуться в следующем видео)

[@sykalovandrey6090]

Мб у меня практики мало , но оч сложно..

[@_iGer]

Классное видео и много полезного Я вот только что-то туплю и не пойму 3ий пункт из части итогов Если мы из селектора не возвращаем новый объект, то что нам по хорошему нужно возвращать ?

[@it-sin9k]

Вопрос немного сложно составлен. Суть третьего пункта в том, что всегда нужно возвращать прежнюю ссылку на объект / массив, если хотите избежать неожиданных рендеров. Как именно это работает я рассказывал на примере mapStateToProps. Там логика точно такая же. Посмотрите вот это видео (kzbin.info/www/bejne/mKK0emyoe9JkqNE)

[@ElenaSemakova-o4w]

а как быть, когда в селектор нужен параметр? я знаю два способа передачи 1) useSelector((state) => mySelector(state, param)) 2) useSelector(mySelector(param)) Какой из них лучше практиковать или что вообще посоветуете в данном случае?? Тот же вопрос при использовании createSelector

[@NoName-oh9fh]

Здравствуйте, у вас есть успехи в изучении паттерна Репозиторий и применений его в проектах React? Очень хотелось бы услышать ваше мнение об этом и увидеть применение его.

[@it-sin9k]

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

[@ПавелШамашов]

Теперь я знаю как работает useSelector

[@aspirine17]

Как всегда контент на высоте) Клево было бы послушать про reselect, а в частности про функцию createSelector из RTK. Спасибо!)

[@it-sin9k]

Спасибо!) Есть план сделать видео про createSelector чуть позже)

[@almazkaliyev]

@АйТи Синяк нужен ваш совет) Я обычно делаю "корневую" ф-ю селектор для конкретного редюсера (selectNewsState = (state) => state.news;), далее его использую для других селекторов + createSelector из RTK (selectNewsIsLoading = createSelector(selectNewsState, (state) => state.isLoading). Насколько хорошо или плохо все селекторы создавать, используя createSelector? Я так понимаю под капотом reselect

[@it-sin9k]

Про reselect будет отдельное видео, там постараюсь поднять этот вопрос)

[@ruslankosh1688]

Теперь я знаю как работает useSelector

[@ЕвгенийЧекердес]

Теперь я знаю как работает useSelector

[@NefedoffYuriy]

Спасибо за отличный видос!

[@andrewsam224]

Крутяк!!! Сразу подписка после просмотра.

[@it-sin9k]

Добро пожаловать на канал!

[@GivisZurabovich]

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

[@it-sin9k]

Спасибо) А какой стек у вас на проекте?)

[@Victoria-ly2ij]

Спасибо! 💪

[@Илья-ж8ч8о]

Не знал , теперь знаю)))

[@TheEnd-hl4nh]

Спасибо!

[@koreikin]

Отличное и понятное объяснение. Подписка, лайк и жду много нового и полезного

[@Pne-b8z]

Теперь я знаю как работает useSelector )))

[@sergiogusto]

Теперь я tochno знаю как работает useSelector

[@СергейШепс-э7п]

Очень интересно, ждем reselect :)

[@artemeelemann317]

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

[@pavell53]

Круто! Спасибо за объяснение useSelector!

[@dm.hol.3624]

Спасибо за науку.

[@it-sin9k]

Спасибо за просмотр.

[@JSCoffeeBreak]

Спасибо за ваш канал)

[@19n1ght]

Неплохо было бы записать видео (может оно уже есть и я просто прошел мимо) на тему минусов Редакса. Я не о многословности (оно решается с помощью Redux Toolkit), а о том, что Редакс может создавать излишние связи между разными компонентами в проекте.

[@it-sin9k]

Есть мысль такая, если есть более детальные примеры недостатков Redux я был бы рад их тоже добавить в будущее видео :) или пришлите на почту материалы, которые у вас есть) [e-mail]

[@dmitriybraginets6750]

Отличный разбор и что самое главное на основе этого разбора разработчики могут увидеть что «лезть в исходники» это очень полезно ;)

[@it-sin9k]

Спасибо :) это одна из идей моих видео, помочь разработчикам не бояться исходников