Доброго времени суток! Делаю пет проект React+ Redux-toolkit. Объясните пожалуйста,

Question

Доброго времени суток! Делаю пет проект React+ Redux-toolkit. Объясните пожалуйста,

как эффективно использовать хук useSelector. Есть компонент/страница "Корзина" с такой структурой: Basket->BasketList->BasketFoodType->BasketItem .
В текущей реализации, я вызываю useSelector 1 раз в компоненте Basket, получая весь "слайс" корзины, а затем прокидываю данные в дочерние компоненты через пропсы.
И вот возник вопрос, насколько это правильно. Могу ли я в каждом компоненте вызывать useSelector, сразу получая нужные мне данные, тем самым избавится от проброса данных через пропсы. Или нет? Подскажите пожалуйста, а то есть чувство, что натягиваю сову на глобус

#frontend #javascript #programming #react.js #russian

0

21.05.2022

14 ответов

21 просмотр

Sultan Mashukov Автор вопроса

Или же оба варианта имеют право на жизнь, просто у меня "контейнерный компонент" получился раздутый (Basket)

0

21.05.2022

Стас

Ты занимаешься props drilling'ом, только при это используя стейт редакса. Т.е то что было сделано дабы избежать такое поведение, ты все равно используешь, тем самым нивелируя саму концепцию. Короче это дичь, получай где тебе нужно через useSelector

0

21.05.2022

Sultan Mashukov Автор вопроса

Стас
Ты занимаешься props drilling'ом, только при это и...

Да, так и есть. Хорошо что спохватился вовремя. Спасибо за ответ!

0

21.05.2022

Oleg

Sultan Mashukov
Да, так и есть. Хорошо что спохватился вовремя. Сп...

использование везде useSelector привязывает твой компонент к глобальному стейту. что будет если ты захочешь переиспользовать компонент в другом месте? это вопрос золотой середины. если это небольшие компоненты то скорее всего там лучше использовать пропы. если это виджеты которые вряд ли будут использоваться в других частях приложения то можно использовать useSelector. но вообще конечно неплохо было бы полностью отвязать компонент от хуков через connect

0

21.05.2022

Alexey Shevchenko

Oleg
использование везде useSelector привязывает твой к...

Конект апи валидно вроде в основном только для классовых компонентов

0

21.05.2022

Sarevok

Oleg
использование везде useSelector привязывает твой к...

Ну разработчики redux решили, что connect это устаревшая штука. Не рекомендуется к использованию

0

21.05.2022

Sultan Mashukov Автор вопроса

Да, это тоже верно. Но конкретно в моем случае, компоненты не будут переиспользоватся в других местах, они будут только в одном месте. А что касается connect, то я специально от них ушёл, ибо с хуками лично мне более нравится. Без всяких mapProps.. и тп

0

21.05.2022

Oleg

почему не для функциональных?

0

21.05.2022

Oleg

Sultan Mashukov
Да, это тоже верно. Но конкретно в моем случае, ко...

> они будут только в одном месте никто не застрахован!

0

21.05.2022

Sultan Mashukov Автор вопроса