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

it-incubator.io/education/?ut... - человекоориентированное, честное и профессиональное обучение front-end и back-end разработке гарантированно до трудоустройства за фиксированную стоимость.
Поддержать меня можно на patreon / itkamasutra или оформив спонсорство на данном канале.
Помогайте друг другу вот здесь: t.me/reactjs_samurai
API: social-network.samuraijs.com/
mapStateToProps у нас разрастается, в нём мы достаём данные прямо из стейта, чтобы затем направить их через props в компоненту. И нам не нравится то, что мы за пределами бизнеса ковыряем state и достаём из его подчастей какие-то данные. Тем самым мы ограничиваем гибкость для структуры state: я state, меня там ковыряют снаружи .обращаются к моим state.blabla.blebe.yo глубинным подобъектам.. И значит если я структуру поменяю, то... Все кто меня ковырял, сломаются.
И поэтому нам нужно ввести прослойку между, уровень абстракции между mapStateToProps и BLL.
Нам нужны функции, которым мы будем отдавать весь state, а эти функции уже будут нам из этого state выдирать нужные данные. Эти функции мы и назовём selector-ы (выборщики), то есть что-то частичное селектаем (выбираем) из всего множества.
То есть от структуры нашего state зависят не многочисленные mapStateToProps, а отдельные не настолько многочисленные селекторы.
И если мы захотим поменять структуру стейта, то нам нужно будет потом подфиксить (актуализировать) только эти функции-селекторы.
Летим, самураи!!!
Уроки по React JS: • Курс "React JS - путь ...
* Сайты:
it-kamasutra.com
it-incubator.eu
samuraijs.com
* Мы в соц. сетях:
itkamasutra
/ itkamasutra
telegram.me/itkamasutra
* Мои личные VK и Insta:
d.kuzyuberdin
/ it.kamasutra.dimych
#reselect #селекторы #reactJS

[@user-ne2dz3wc4r]

товарищи juniors, прежде чем повторять то что советуют "крутые димачи" каждый раз спрашивайте себя, а не хуйню ли я делаю? жаль автор так и не смог ответить на этот главный вопрос, а на хуйя) а если серьезно, то эти селекторы по сути абстракция над информацией о пути до конечного значения, аргумент того что такая абстракция нужна в виде "а вдруг что то изменится" ну так себе, так же можно рассуждать, а что если метеорит упадет вам на голову, нужен зонт. Ну, это не архитектура совсем :). Проблема изменения путей до конечного значения решается как и проблема типизации (привет ts/flow). Если структурно что то поменялось, то не нужно изменения в связи с этим растягивать во времени, это дешевле, чем держать за правило на каждый элемент данных создавать геттер да и еще в обход пространства имен, иначе конфликт имен обеспечен, что отчасти и видно в коде этого парня ) мой стаж 7 лет в js ес че)

[@ITKAMASUTRA]

Привет, Лёня! Спасибо за обратную связь! Смотри целостно дальше, плиз! Дальше яснее и конкретнее! А ещё дальше (во вором сезоне) будут реальные примеры! Не поверишь, но очень сложно выстроить понятную, простую и практичную цепочку объяснения, поэтому тебе как определенному (7 лет опыта - это немало) гуру действительно какие-то вещи могут не зайти! Ребят, если я и призвал (не помню уже все свои мысли из видео) к НУЖНО для всего делать селекторы, то призываю ещё раз: делайте ТАК)) перебарщивайте, чтобы набить руку, где-то извращенно и излишне используя структуризацию! Это вам потом скажется только плюсом! Оно местами все избыточно! И запросы проще и быстрее (а иногда и правильнее) делать прямо из компоненты, забыв про санки и условные DAL! Мы учимся! Летим вперёд! Не исключаю при этом, что могу где-то ошибаться!

[@vadikpanchuk4978]

Что точно, ето то что понимание кода, а следовательно работа с ним значительно упрощается. Думаю плюсов больше чем минусов. А сокращение кода - вопрос философский, можеш довести до совершенства и не запутаться, отлично.

[@codegorian6057]

9:26 если внимательно посмотреть видос то Димыч говорит что это несёт кое-какое неудобсто, и потом мы бутет эту неудопству решать

[@blackout1819]

Есть люди с опытом, которые помогают новеньким и всё подробно объясняют и не боятся ни за их говнокод, ни за падение ЗП по данному направлению. А есть, которые с опытом, но приходят в детский сад чисто насрать и уйти. Вроде, что то умное пытался донести, но или от неумения выражать мысль не для профессионалов или от злобы получается просто ересь, которую и воспринимать серьёзно не хочется. Да и в будущем юнец вспомнит того, кто его учил(может даже местами и не правильно, но с заботой и отправляя во внешний мир)добрым словом, а того странного деда с опытом кодить и бубнить что-то не внятное вспомнит только чтобы поржать.

[@DzintarsDev]

A Ti v kurse kak i kogda preishodit re-rendering componentov? Memoizacija i vsjakoe takoe? Ilji Tebe prosto voznjik vopros "a nahyija"? Budj dobr, zdelai pozhalustsa otvetnij rolik i pokazhi, kak nastojashie programmisti dolzhni reshitj takuju zadachu.

[@is_eliseeva]

спасибо за урок! чувствую, что скоро буду на финишной прямой! и на повтор курса, естественно, для осознания пройденного материала. воскресенье за учебой с Димычем! всем привет, кто на 81 уроке!

[@lynxart1015]

Большое пасибо Димычь Если раньше можно было спокойно 3, 4, 5 - 8 курсов за день просмотреть и понять, то теперь приходится по одному курсу проходить, а после этого просматривать заного, хорошенько вникать строить схемы чтоб хорошо понять как это все работает.

[@user-cq5qc8lp3c]

Димыч реально крутой. Еще и песня прицепилась. Ну про JavaScript.

[@eugene-dmitrievich]

Спасибо большое за урок!!! Селекторы стали понятны)

[@MikhailKuklenkov]

Жирный лайк в твою честь, Дима. Золотой человек))

[@user-sp9uc4kf8n]

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

[@maxim.saharov]

Ой как же радует, что этот и следующие два урока относительно простые и все работает как в видео и можно за пару часов урок пройти) а то начинаю с урока 75 про формы - пришлось на ходу формик изучать и другое не работает как в видео и каждый урок по пару дней осиливал!

[@nivabul7871]

жиза

[@maxim.saharov]

@@nivabul7871 жиза - это как расшифровывается ?)

[@nivabul7871]

@@maxim.saharov значит, что я испытывал аналогичную ситуацию

[@user-so8lm5wr7r]

@@maxim.saharov жиза отвечают, когда хотят подчеркнуть особую для себя актуальность поднятой автором проблемы)) Типа - чувак, как же я с тобой согласен))

[@bekbulatbekeyev5058]

Та же история, учил на ходу react form hook. Неделя ушла на 3 видоса по формам😅. Как сейчас успехи у Вас, устроились ли?

[@user-in5qb3ml4l]

Летим !

[@coldwarrior9992]

Блин заметил реально такую вещь, если тема кажется сложной, и ты ее не полностью понимаешь, лучше продолжить смотреть, но потом спустя 5-6 выпусков вернутся, та изначально сложная тема уже кажется такой простой, шок короч) Димыч человечище, надеюсь тебя клонируют в будущем, чтоб каждый начинающий прогер смог стать твоим подаваном)

[@user-il4ph3fr6h]

один из чилл уроков, не сложных шагов и не далеких, но вперед , спасибо за все Селекторы

[@seriogaromanchykov9451]

спасибо за урок 2023

[@denkodatskyi3381]

React JS - селекторы (reselect part 1) Лучшие уроки по React JS & Redux !!! The BEST!!! lessons of React & Redux!!! Programming and Coding!!! Just simply about information technology =)

[@__online7250]

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

[@user-gk2qi6ip1p]

Ещё 20 уроков, как же быстро летит время, Димычь спасибо тебе за бесплатный билет!!!

[@fgood574]

Круто, после thunk вроде ничего сложного))

[@user-mk5vt9en4u]

Спасибо за урок!

[@Al4ii]

лайк, лайк, лайк!!!

[@marsonleonardovich4036]

Спасибо! Всё круто!

[@user-pc9bl7uf1l]

Огонь! Продолжаем!

[@ctumyji9737]

Супер! Летим дальше! React JS - selectors

[@user-wj6ue7nt5g]

Спасибо! Все доходчиво и понятно!

[@vladv.198]

Реально интересно - круто, Респект! React JS, reselect, select

[@user-dv1xv3co7o]

Спасибо за урок. После инициализации приложения лайтовый выпуск заходит на ура. Ps. У меня всё еще не работает переадресация на страницу где я был. Скорее всего, до этого самостоятельно нашаманил где-то)

[@spacerider9426]

Спасибо огромное за твой труд! Смотрю дальше!

[@konstantinkuksov914]

Интересная и несложная тема! Спасибо!

[@mariia6820]

Лучшие уроки React Redux - reselect!Спасибо спасибо!!

[@vladimirww5152]

Всё навороченней и навороченней приложение становится😃

[@Tirex-oe3cq]

Спасибо тебе за видео) очень полезно. Желаю тебе здоровья и благополучия.

[@marina-ej4qd9kc1wh]

Большое спасибо, Димыч.

[@user-bl4dl9ke7b]

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

[@tema_skakun]

спасибо, Димыч) мчим дальше осталось немного))

[@maxkos6184]

Крутая подача материала!!! Thanks from Spain

[@ervinabliamitov2149]

Спасибо Димыч! Очередной доходчивый и внятный урок без воды.

[@user-nk6ih7uh1h]

Дима в предыдущих уроках говорил о селекторах так, будто они являются чем-то сложноватым для понимания, но по факту оказалось, что selector достаточно легко заходит для понимаю. Это однозначно лучщий бесплатный курс по React JS. JavaScript рулит, а Дима - за рулем))

[@user-ze2et5jo7c]

Димыч, спасибо огромное тебе за труд! Мега-курс!

[@user-tf6jz7hj9d]

Классно! React и selectors рулят.

[@user-tf1rn7qq2p]

Большое реактивное спасибо, Димыч! React JS - селекторы reselect

[@SerhiiNesterov]

Спасибо огромное, reselect

[@user-cy4cz7zx4m]

Спасибо за уроки

[@mykhailostepanishchev6472]

Интересный урок,спасибо ! reselect

[@itweb7157]

Дима, спасибо за труд! #react #redux #js #селекторы

[@michelealeer]

блин я уже такую чувствую уверенность в react & redux. Спасибо тебе димыч)

[@user-di9dd7bb4l]

React JS селекторы (reselect part 1) Спасибо за курс

[@alik64]

Всё четко и понятно ! Летим дальше! React Redux Reselect

[@vitaliidrapaliuk5652]

Спасибо)

[@Serhii.T]

Даже не успеваю смотреть другие уроки.

[@vitaliamilaeva9259]

Димыч крутой!😎🤝 Спасибо 👍

[@johnmj750]

Спасибо, Димыч!

[@vladislavdukhovnik8479]

все понятно, спасибо)

[@user-qj2yg1rn3j]

столько лет прошло, а Дима рулит)

[@dmag3287]

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

[@ivanmiarkulau8320]

спасибо за рассказ о принципе работы select'ов, еще один уровень абстракции в нашем react-redux приложении)

[@michaelcovalciuc2240]

спасибо! Красавчик

[@dob1wan174]

спасибо" отличный курс! react js redux вперед!

[@victorsvetailo8445]

Спасибо

[@user-bd4lw9hx3s]

Крутой прием! Уроки все также идут как по маслу! Дмитрию огромное спасибо! Очень хороший курс по React - Redux! IT-KAMASUTRA, вперед!

[@Aleks-lk1et]

Спасибо, очень легкий / нужный урок! 2022! Иду дальше!

[@sergsergey4251]

React JS - селекторы. Спасибо всё понятно. Бомбим дальше ©

[@amaxe12345]

Димыч, спасибо! React JS - селекторы #reselect #селекторы #reactJS

[@maksym_shkaf]

Спасибо!

[@annabolbot1228]

Димыч, спасибо за уроки!

[@olegthesheriff]

Ты как всегда сенсей! Летим вместе с тобой. Стараюсь не отставать))))

[@user-vd5wk8jn5z]

Димыч, ты вообще красавчек, очень грамотно всё объясняешь попутно заряжаешь энергией, респект и уважуха, так держать!!!

[@ritaravinsky8262]

[@esken97]

Спасибо Димыч, лучший)

[@zubziro5566]

надеюсь благодаря твоим объяснениям я наконец пойму как правильно делать мемоизацию в react

[@sergeyistominov5880]

Плюсик для лучшего ранжирования!)

[@maaaa8697]

спасибо, Димыч!!!

[@user-il3vn7ye4n]

React JS selectors. Димыч лучший!

[@oconnor4417]

Димыч топ, спасибо !!!❤

[@AlexanderFedorOFF]

Нашёл работу к 80 уроку, при этом волонтёрил в компании и помогал в написании кода. Пока до сих пор сложно и я точно буду пересматривать некоторые аспекты, но повезло, что проект на React/Redux, не повезло, что с TypeScript и на React Native. В общем спасибо Димычу за фундаментальные знания!

[@max-ek5uu]

спасибо

[@OrlenokV]

Очень хорошо рассказываешь, спасибо! Хочу теперь этот (mapStateToProps) подход в flutter проекте применить.

[@Alex-ge7jt]

спс!

[@sergiistryzg9699]

Селекторы хорошо зашли) и мне лично понятно для чего они)

[@dw_tv3992]

🚀🚀🚀 react reselect

[@marlonbrando458]

Комментарий и лайк!

[@dimitriitkach7697]

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

[@nachalponimat]

Спасибо за урок! (Java Script, селекторы)

[@user-wd3tl2rx9p]

Димыч, спасибо!)

[@ollegat]

Ее, просмотрел и попробовал все как учил реакт сен сей Димыч

[@amiraimurzayev8234]

Тема мощь, в последующим, если будем изменять bll не придется ковыряться по всему проекту и искать те веточки state, которые мы изменили, а просто обращаемся к нашему селектору и в нем меняем! Очень нравится, Димыч лучший! React JS - селекторы

[@maks23122000]

классные уроки

[@Snegurjan]

Селекторы это мой зонт ,на всякий случай в сумке))))Спасибо Димыч Бро!

[@user-zp6bc1wm1w]

React JS selectors - все доступно и понятно. Must have в больших и постоянно развивающихся приложениях. А тут мы пишем именно такое.

[@user-sv2uh2pn3v]

Димыч реально крутой🔥🔥🔥

[@user-hc9bg9mk9e]

селекторы отлично. прикольно порефакторить что-нибудь простенькое ))

[@dimaruy2975]

спасибо за селекторы в react

[@sitenno7331]

react selectors ありがとうございました。

[@wild_wizards]

Лайк! Отличная информация, едем дальше. P.s Такие архитектурные изменения не часто увидишь на практике (В противном случае фронтендер берет что-нибудь тяжелое, идет к бэкендеру и ищет применение данному предмету), но как один из возможных вариантов решения рутинной работы исправления путей вполне имеет право на жизнь.

[@user-tr8hr4xm1l]

React reselect крутая вещь!!! И Димыч крут!!!

[@r45her]

его даже не было в этом видео

[@prosto_isu]

Димыч крутой урок !

[@strel_photo]

Смотрю до самого конца ради песни :D

[@viktorshatalov1920]

класс!!!хочу еще уроки!!!

[@crypto4elik]

Димыч красава, и педагог отличный, и программист, и музыкант) Наверно и отец тоже хороший) спасибо за такой курс и успехов тебе братишка)

[@DubinArtur]

Модное кресло для молодого джуниора около двери)

[@user-sj6tb7od6s]

thx

[@dimakalinichenko4913]

Красава

[@user-je4zx5vf3p]

Летим!!!