82 - React JS - mapStateToProps (reselect часть 2)
К весне 2021 году запускаем проект, который изменит ход образовательной истории. Следите за новостями
https://help2debug.com/
Поддержать меня и получить доступ к дополнительному контенту можно вот здесь:
https://www.patreon.com/itkamasutra
Помогайте друг другу вот здесь: https://t.me/reactjs_samurai
API: https://social-network.samuraijs.com/
Селекторы - крутая концепция. Но она приводит к следующим ситуациям неприятным, так как функция mapStateToProps вызывается ВСЯКИЙ раз, когда в стейте меняется что-либо, даже не касающееся этого mapStateToProps, а значит селектор запускается повторно:
1. неудобно дебажить
2. селектор может содержать сложную и напряжную для процессора логику, а значит лишние перерасчёты будет делать когда не нужно
3. селектор может возвращать новый массив\объект с теми же элементами\структурой и из-за этого будет происходить перерисовка компоненты напрасная
Летим, самураи!!!
Уроки по React JS: https://www.youtube.com/playlist?list=PLcvhF2Wqh7DNVy1OCUpG3i5lyxyBWhGZ8
* Сайты:
https://it-kamasutra.com
https://it-incubator.by
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 #mapStateToProps #селекторы #reactJS
Видео 82 - React JS - mapStateToProps (reselect часть 2) канала IT-KAMASUTRA
https://help2debug.com/
Поддержать меня и получить доступ к дополнительному контенту можно вот здесь:
https://www.patreon.com/itkamasutra
Помогайте друг другу вот здесь: https://t.me/reactjs_samurai
API: https://social-network.samuraijs.com/
Селекторы - крутая концепция. Но она приводит к следующим ситуациям неприятным, так как функция mapStateToProps вызывается ВСЯКИЙ раз, когда в стейте меняется что-либо, даже не касающееся этого mapStateToProps, а значит селектор запускается повторно:
1. неудобно дебажить
2. селектор может содержать сложную и напряжную для процессора логику, а значит лишние перерасчёты будет делать когда не нужно
3. селектор может возвращать новый массив\объект с теми же элементами\структурой и из-за этого будет происходить перерисовка компоненты напрасная
Летим, самураи!!!
Уроки по React JS: https://www.youtube.com/playlist?list=PLcvhF2Wqh7DNVy1OCUpG3i5lyxyBWhGZ8
* Сайты:
https://it-kamasutra.com
https://it-incubator.by
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 #mapStateToProps #селекторы #reactJS
Видео 82 - React JS - mapStateToProps (reselect часть 2) канала IT-KAMASUTRA
Показать
Комментарии отсутствуют
Информация о видео
Другие видео канала
50 вопросов на React JS собеседование87 - shouldComponentUpdate, PureComponent, memo - React JS84 - React JS - hook, useState, хуки81 - React JS - селекторы (reselect part 1)#0 Cобеседование frontend разработчика (Junior)React Redux Tutorials - 26 - mapStateToPropsReact JS / Redux Tutorial - 7 - mapStateToProps86 - Virtual DOM - React JS98 - ReactJS - captcha2. Redux Toolkit. CreateSlice. Сделай redux код проще!80 - React JS - инициализация приложения49 - React JS практика - страница пользователейReact JS Быстрый Курс 202078 - React JS - login и logout api92 - тестируем компоненты, тесты, react-test-renderer - React JS33. Уроки React JS - добавление поста на стену (зачатки FLUX-концепции)React Redux Reselect91 - chrome extensions для react и redux - React JS01 - Введение, TypeScript, Apollo, AntDesign, WebSocket / React JS - Путь Самурая 2.0