Дадаць канал

81 - React JS - селекторы (reselect part 1)

  • 07.08.2019
  • 46 201 прагляд
  • 👍 4 259
  • 💬 312
https://it-incubator.io/education/?utm_source=youtube&utm_medium=it-k&utm_campaign=education - человекоориентированное, честное и профессиональное обучение front-end и back-end разработке гарантированно до трудоустройства за фиксированную стоимость. Поддержать меня можно на patreon https://www.patreon.com/itkamasutra или оформив спонсорство на данном канале. Помогайте друг другу вот здесь: https://t.me/reactjs_samurai API: https://social-network.samuraijs.com/ mapStateToProps у нас разрастается, в нём мы достаём данные прямо из стейта, чтобы затем направить их через props в компоненту. И нам не нравится то, что мы за пределами бизнеса ковыряем state и достаём из его подчастей какие-то данные. Тем самым мы ограничиваем гибкость для структуры state: я state, меня там ковыряют снаружи .обращаются к моим state.blabla.blebe.yo глубинным подобъектам.. И значит если я структуру поменяю, то... Все кто меня ковырял, сломаются. И поэтому нам нужно ввести прослойку между, уровень абстракции между mapStateToProps и BLL. Нам нужны функции, которым мы будем отдавать весь state, а эти функции уже будут нам из этого state выдирать нужные данные. Эти функции мы и назовём selector-ы (выборщики), то есть что-то частичное селектаем (выбираем) из всего множества. То есть от структуры нашего state зависят не многочисленные mapStateToProps, а отдельные не настолько многочисленные селекторы. И если мы захотим поменять структуру стейта, то нам нужно будет потом подфиксить (актуализировать) только эти функции-селекторы. Летим, самураи!!! Уроки по React JS: https://www.youtube.com/playlist?list=PLcvhF2Wqh7DNVy1OCUpG3i5lyxyBWhGZ8 * Сайты: https://it-kamasutra.com https://it-incubator.eu https://samuraijs.com * Мы в соц. сетях: https://vk.com/itkamasutra https://instagram.com/itkamasutra https://telegram.me/itkamasutra * Мои личные VK и Insta: https://vk.com/d.kuzyuberdin https://www.instagram.com/it.kamasutra.dimych/ #reselect #селекторы #reactJS
Катэгорыя: Тэхналёгіі
Канал: IT-Kamasutra

Іншыя відэа з гэтай праграмы