82 - React JS - mapStateToProps (reselect часть 2)

it-incubator.io/education/?ut... - человекоориентированное, честное и профессиональное обучение front-end и back-end разработке гарантированно до трудоустройства за фиксированную стоимость.
Поддержать меня можно на patreon / itkamasutra или оформив спонсорство на данном канале.
Помогайте друг другу вот здесь: t.me/reactjs_samurai
API: social-network.samuraijs.com/
Селекторы - крутая концепция. Но она приводит к следующим ситуациям неприятным, так как функция mapStateToProps вызывается ВСЯКИЙ раз, когда в стейте меняется что-либо, даже не касающееся этого mapStateToProps, а значит селектор запускается повторно:
1. неудобно дебажить
2. селектор может содержать сложную и напряжную для процессора логику, а значит лишние перерасчёты будет делать когда не нужно
3. селектор может возвращать новый массив\объект с теми же элементами\структурой и из-за этого будет происходить перерисовка компоненты напрасная
Летим, самураи!!!
Уроки по 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 #mapStateToProps #селекторы #reactJS

[@gennadiymedvedev214]

, ну , Димыч -- лучший !!! , , , храни тебя Бог

[@ITKAMASUTRA]

Благодарю!!!

[@amirbaurzhanov7171]

Здравствуйте, хотелось бы узнать нашли ли вы работу?

[@gennadiymedvedev214]

, моя работа -бизнес , , пока довольствуясь этим

[@josefk4200]

function fn(text) { return text.replaceAll(',', '') }

[@fargutvest]

mapStateToProps срабатывает каждый раз когда в стейте что-то меняется обрисовали проблемы селекторов: лишняя перерисовка лшишняя калькуляция сложно дебажить потому что селектор вызывается каждый раз из mapStateToProps клево, спасибо! Redux React

[@indigosay]

спасибо за конспект бро

[@gorillatv577]

Димыч, мы тебя любим!!!!!

[@ITKAMASUTRA]

Вперёд!!! Только вперёд!!!

[@smolhs1586]

хочу поставить эту замечательную мелодию на будильник. Настолько она жизнеутверждающая и приятная и мелодичная и вообще увеличивает число поводов просыпаться по утрам)

[@TRIZ-Bogatyregold]

ОДна из причин почему я пошел учиться к Димычу! Песня огненная!

[@user-dv1xv3co7o]

Лучше не надо, а то возненавидишь любимую песню)

[@theWorldIsMultivariate]

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

[@user-rd4ck6ei2f]

Это просто шикарно...сложные темы просто и доступно... после того как подсел на твои уроки не могу смотреть ничего другого..вообще мутно и непонятно объясняют..у тебя все по React Redux заходит на ура....

[@n0escape]

Продолжаю курс - август 2023. На прошлом уроке мы создали примитивные селекторы которые возвращают значения из state. На этом уроке встал вопрос в том, что mapStateToProps, который вызывает селекторы- вызывается всегда, когда происходит изменение в state изза хока connect который подписан на изменения state, и если селекторы в mapStateToProps будут со сложной логикой (большие просчеты, манипуляция со state используя копирование, дебагеры), то данные сложные селекторы будут вызываться лишние разы и тем самым будут нагружать комп пользователя. В течении всего урока рассматиривалась эта проблема с разных сторон. Изменений в коде нет. Решение предположительно будет дальше, с подключением библиотеки reselect.

[@user-cq5qc8lp3c]

"... просто понты, просто копеечка.". Я балдею от этих видосов. mapStateToProps forever!

[@user-wd3tl2rx9p]

Димыч, спасибо))) Посмеялся после фразы "У меня глаз лопнул, ну как глаз. Сосуд в нём"

[@dmitry_leo5819]

Дошел до этого урока и это пока самый сложный для меня урок, но я разобрался и понял материал. Спасибо за уроки и мотивацию! Привет из свободной Украины! React, Redux

[@user-tr8hr4xm1l]

Я не слился и остался на курсе!!! Спасибо Димычу за полезные уроки, добрые слова мотивации ;-)

[@user-nz9mv1ef6z]

И как успехи?

[@user-tr8hr4xm1l]

​@@user-nz9mv1ef6z Отлично всё, есть работа, есть клиенты

[@user-nz9mv1ef6z]

@@user-tr8hr4xm1l Отлично, хватило этого курса для трудоустройства? Сложные задачи давали в первые дни?

[@user-tr8hr4xm1l]

​@@user-nz9mv1ef6z Помимо этого курса, я в сфере front-end уже давно сижу. Нужно хорошо знать JS (без этого никуда). Сложность задач зависит от должности и зп. Но всегда можно найти работу в этой профессии

[@MikhailKuklenkov]

Я человек простой. Смотрю одно видео и сразу ставлю жирный лайк Диме за труд)

[@oconnor4417]

Димыч-ты супер препод и мотиватор, от души !!!❤

[@sergsergey4251]

mapStateToProps и селекторы. Спасибо за объяснения. Бомбим дальше ©

[@piligr1m_ua_]

2021 тут?? первый выпуск псмотрели - миллиард человек))) не плохие амбиции Димыч!

[@ritaravinsky8262]

Спасибо!!

[@npinskij]

Димыч, большое спасибо за классное объяснение, за титанический труд этого курса в целом и за мотивацию в каждом видосе 💪 React JS, путь самурая, летим дальше 🚀

[@iGotton]

Второе пришествие! Апостолы дождались!) React Redux js +

[@user-sp9uc4kf8n]

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

[@kpacubo5431]

ахахахаххахаххахахаха Видео вышло 2 года назад Ты пишешь год назад, когда всё вышло )

[@nuriddinsapaev4833]

Я всегда копировал через парс джсон и думал что я гений, ахахаха после этого урока я понял что я деп. Очень полезная информация спасибо огромное

[@user-je1el3gj9d]

Пересматриваю ролик спустя 4 месяца, когда учился по этому курсу это было самое продуктивное время в моей жизни, без преувеличения. Ностальгия!))

[@user-fs4sl5my1o]

Как всегда сложные темы тебе удаётся объяснить понятным для каждого языком ! Тема reselect в React / Redux благодаря твоим видеоурокам очень понятно изложена ) Лучшие уроки )

[@user-xs2dx2mh3f]

Смотрю Димыча на speed = 1,5. Но когда начинается финальный трэк, ставлю на 1. Лайк если делаете также.

[@nachalponimat]

mapStateToProps и селекторы. Спасибо за уроки.

[@user-qs7ij8df4q]

Все круто! Летим дальше! React JS - селекторы

[@user-hf3zg1wl1f]

Спасибо за видео, как всегда шикарно) Крутая футболка

[@ITKAMASUTRA]

Подарок от студента))

[@user-ml8hn5kg9e]

Всем привет сегодня 08.12.21г. Димычь красавчик настоящий Самурай! Очень бодрые муроки спасибо Сенсей! Я в вас верю, и верю в себя осталось совсем чуть чуть!

[@schurickxxx]

Респект, Димыч! Обязательно дойду до этого урока, пока на 39-м. И параллельно почти прошёл до конца другой видеокурс React-redux

[@NJenyaBMW]

это правильно, поверь, оно того стоит!

[@user-gt5ux9cx6p]

ты устроился уже на работу?

[@boris5164]

Помнится на уроке так 67, Димыч говорил "Тема сложная, но типа дальше понты, сложного уже не будет". )))))) redux reselect

[@spacerider9426]

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

[@user-el6sg9gr7r]

Спасибо тебе, Димыч, добрые дела всегда вознаграждаются)

[@smartapesofficial6855]

Один из самых полезных выпусков по Реакту!

[@Mykhailo_Vdovychenko]

Очень интересно, информативно и самое главное - понятно. Благодаря твоим урокам, я понял, что программирование - это интересно! =) Спасибо за такие крутые уроки! Добра тебе и твоим родным и близким =)

[@saharnya]

It kamasutra мой самый любимый канал🤍такой путь пройден👏🏻👏🏻👏🏻спасибо тебе!)

[@user-bd4lw9hx3s]

Очень хорошее объяснение! Очень люблю подачу Дмитрия! Очень хороший курс по React - Redux! Бомбим дальше, самураи!

[@elamantaalaibekov452]

Димыч, красавчик!!! Благодарен за твои уроки!

[@user-wj6ue7nt5g]

Все круто!! Бомбим дальше! Спасибо тебе огромное!!

[@user-ei5zp2qi4j]

Молодец друг, все очень ценно что даешь

[@user-uu4gp9et2s]

глаз лопнул. Хохотал как всегда от твоих фраз) Спасибо за вклад!

[@hennadiipetrov1967]

Про изменение окружения и мира, вообще четкая мысль)

[@sergeyprivalov9442]

Красавец! Бомбим, летим))) Спасибо тебе!

[@mariia6820]

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

[@hennadiipetrov1967]

очень полезная инфа про connect и reselect спасибо Димыч)!

[@egorepir]

Иду дальше мужик , лайки каждый выпуск, а подписался еще давно. Спасибо мужик , летим дальше!🐱‍👤🐱‍👤🐱‍👤🐱‍👤🐱‍👤🐱‍👤🐱‍👤🐱‍👤🐱‍👤🐱‍👤🐱‍👤

[@ivanmiarkulau8320]

Очень приятно смотреть твои видео, и очень полезно) reselect теперь знаем что такое)

[@aleksandrzelenskiy4000]

Со второго раза дошло) Суперкурс по ReactJS - вперед!

[@alfa_main]

Песенка в конце, всегда вызывает улыбку и позитивные эмоции, спасибо Димыч)

[@VladSenko]

два года видосам, тем не менее очень актуально и доступно! крутой контент! спасибо

[@GrourDenis]

Остались понты, идем дальше. спасибо React js reselect

[@user-mh7lu6gv6f]

Спасибо за все объяснения что как работает изнутри!

[@vitaliidrapaliuk5652]

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

[@yuryhouse4226]

Начал проходить как самообучающийся, а теперь прохожу как самурай IT-инкубатора! Ребята не сливайтесь. Этот курс основа основ. Спасибо Димычу!

[@alexandera7398]

Привет. Иду по такому же пути, планирую закончить соц сеть, пройти песочницу и попасть в инкубатор на первые наборы в 2023. Были сложности с прохождением песочницы?

[@yuryhouse4226]

@@alexandera7398 нет, за 4 дня набрал норму для оплаты

[@alexandera7398]

@@yuryhouse4226 супер. Благодарю за ответ. Удачи в учебе и трудоустройстве 🙌🏼

[@user-xs2dx2mh3f]

Димыч = бог объяснений. Все как всегда супер понятно!!!

[@dali1ize]

Я дойду до этого урока до конца августа

[@user-dc1cr5ny3q]

Димыч!!! Ты лучший, спасибо за такие понятные разъяснения Reselect, летим дальше!!!)))

[@visokogroup7922]

Кстати с глазом тоже была проблема во время прохождения самурайского пути, поэтому купил себе очки Razor Gunnar которые спасают глаза от излучения и сейчас постоянно их одеваю когда сижу за компом. Ну и полезно для организма в промежутках подтягиваться на турнике, отжиматься, приседать - так мы разгоняем кровь по телу и боремся с застоями которые и вредят нашему здоровью.

[@indigosay]

моё зрение никогда не убивал монитор, но убивал недостаток освещения в комнате. Так, я в армии зрение посадил, хотя там компа не было, но в казармах света не было достаточно. Вот такая херня. Ещё курение тоже сажает здоровье.

[@gurgenal4401]

СПАСИБО что ты меняешь мир к лучшему

[@anastasia__kot]

Спасибо за лучший курс по React, Redux!!!!!!!

[@user-nj6rg8we9u]

Опять кайфово от просмотра. Супер понятно. Gratitude from 2021

[@wild_wizards]

Лайк! Отлично и доступно освещены проблемы, едем дальше, посмотрим как их решать! 🙂

[@vstrelianyi]

Отличный курс! спасибо что тратишь время на это!

[@user-gt5ux9cx6p]

ты устроился уже на работу?

[@lesyadorosh1805]

Ты лучший ! Спасибо тебе огромное ! Самый лучший курс !

[@vovnet]

ура, я стану программистом!

[@savkaviktor]

Дімич - ти красава! І не тільки через крутий курс, а через те, що ти в нього вкладаєш!

[@miguelgrushetckii4839]

Блин, ну вообще здорово! проблемы ясны) осталось узнать решение! очень доступное объяснение! Спасибо Димыч!!! React Redux Reselect

[@DubinArtur]

Ну как сказать 100 человек) уже 17000 людей)

[@mykhailostepanishchev6472]

Как всегда очень интересно,большое спасибо !

[@ctumyji9737]

Спасибо за урок! Погнал бомбить reselect! React JS от Димыча - лучший курс!

[@Aleks-lk1et]

Спасибо большое!!! 2022! Береги себя, ты нужен в этом МИРЕ! Иду дальше

[@sergeylitvinenko5275]

Димыч, ты просто крут и меняешь мир к лучшему! React JS mapStateToProps reselect

[@bitcoin-]

Спасибо за мега мотивацию.

[@eugene-dmitrievich]

Спасибо большое за урок!!! Было очень полезно

[@viktorshatalov1920]

мы с тобой))))подтягиваю города!!!!!

[@ITKAMASUTRA]

🚀🚀🚀🚀🙏

[@olegthesheriff]

Бомбим, летим, самураим, делаем все чтобы Димыча работа не проходила даром. Спасибо тебе как всегда!

[@amaxe12345]

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

[@itweb7157]

Дима, Спасибо за труд! #React #JS - #mapStateToProps #reselect

[@__online7250]

🤩React JS - mapStateToProps (reselect часть 2)

[@user-di9dd7bb4l]

Спасибо за видеоурок! React JS - mapStateToProps (reselect)

[@natashah2024]

Спасибо Димыч за эти уроки! И пусть еще не все по полкам разложилось в моей голове,но надеюсь, встает на свои места.

[@user-nh3cq9it6e]

Обожаю твои видео , все очень понятно)

[@MegaVaNushka]

Здоровья лопнувшему глазу!

[@pauldudich]

Заметил, что многие авторы курсов (или по крайней мере обучающих роликов на ютубе), которые объясняют какой-то метод / функицю / фичу / рефакторинг и т. д. просто показывают, как он работает, то есть синтаксис и примитивный пример из разряда: "у Пети есть 5 яблок". И ты вроде и понял, как оно работает, но по сути ничерта и не понял, так как ты не вспомнишь об этом, когда будет реальный кейс. Но спасибо Димычу, который потратил столько времени именно на проблематику а не решение, так как если ты не понимаешь проблему, то и решения не найдешь. Спасибо, Дима, что именно привел столько реальных и возможных примеров, которые могут и обязательно случаться. Как автор данного канала и говорил, что решение проблемы (синтаксис и т. д.) в разных языках / фреймворках / библиотек может отличаться, но проблема остается та же самая, и важно эту проблему понимать и осознавать.

[@konstantinkuksov914]

Очень понятно объяснил проблему кустарных селекторов! А еще - ты Красавчик! ;)

[@shiryaev585]

Спасибо тебе огромное. Береги глаза)

[@milter2539]

Урок 82. Пишу свой белорусский социально-экологический проект. Комент как благодарность (:

[@bilionievgen9004]

Димыч ты крутой учитель и мотиватор ! я еще не устроился на работу но и после того как устроюсь буду учиться у тебя!) Сенсей)

[@oleksandr_h]

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

[@rasulmamashev5416]

Димыч, спасибо тебе большое за этот курс! Ты не просто классный учитель, но и крутой мотиватор

[@user-pv5is5pz4j]

Спасибо за урок! Reselect, mapStateToProps, react, redux

[@user-pl9bm6pv8z]

Огромное спасибо за хорошoe дело!!!!

[@johnmj750]

Димыч, спасибо!!! Дай тебе Бог здоровья!!! Все очень понятно!!! Задоначу с первой зп как разработчика!!!

[@fgood574]

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

[@ITKAMASUTRA]

Пожалуйста! Летим!

[@TRIZ-Bogatyregold]

Димыч как всегда пишу тебе коммент, взял себе за правило. Спасибо за очередной выпуск ситуация с mapStateToProps и перерировками из-за функций select мне понятна. В настоящее время с хуком useSelect эта проблема решена. Летим!

[@user-yx7in9nl1d]

82 - React JS - mapStateToProps (reselect часть 2)

[@RedSkyWan]

Продолжаю изучение - 21-ый день - 82/100 Димыч, спасибо за труд!

[@harutharut1]

СУПЕРРРРР!!!!!!!!!!!!

[@semial]

Спасибо за урок, Димыч!!! Сейчас попробую reselect сам почитать, посмотреть. Может и попрактиковаться получится до твоего выпуска. И что-то мне подсказывает, что я буду пересматривать этот урок (и не только этот)

[@stepforward5881]

mapStateToProps (reselect часть 2) Спасибо! Ты очень классный, надеюсь у тебя всё хорошо

[@aleksandrglebik8033]

Спасибо, Димыч! Ты красавчик, понятным языком сложные темы вкладываешь в голову))) Хочешь изменить мир начни с себя, Димыч, думаю ты этим курсам помог очень многим людям. Спасибо!!!!

[@olehzahrebelnyi5996]

Спасибо за все!) Ты крут!)

[@ITKAMASUTRA]

Спасибо, бро