Поздравляю, народ, кто сюда дошел. Вы в числе 12% из тех, кто начинал с просмотра 2 видоса) Упрямые и целеустремленные) Спасибо Димычу)! React, reselect, селектор
Привет САМУРАИ )), 12% ???, да вроде здесь просмотров тоже не мало, правда не помню сколько их было в самом начале.., а отсееваться будут по любому, ведь не все такие задроты как МЫ )) !!! React, reselect, селектор КРУТЕЙШАЯ ШТУКА !!!
Не перестаю удивлять тому, как Димыч объясняет сложные вещи на пальцах. Это дар!) Спасибо тебе от всех нас, кто сюда дошел и дойдет в будущем. Дай Бог тебе удачи, сил, здоровья и свободного времени на близких! Столько времени, как ты, и такой самоотдачи, наверно, никто не тратит. Низкий поклон, Димыч, низкий поклон.
Конечно, это надо еще суметь сделать, но помимо прочего, почему другие люди объясняют эти вещи сложно? Потому что невозможно объяснить просто то, чего ты сам толком не вкуриваешь. А им в свою очередь объясняли такие же долбаебы, которые боятся говорить простым языком (потому что им понт дороже всего) и хуярят все по википедии (или learnjavascript). В итоге у них в башке куча крутых терминов, они типа жестко шарят, но вот по-простому все это объяснить не могут, потому что за всей этой херней - они саму суть ухватить не могут и чем мне нравится Димыч - он не ссыт говорить по-простому, и даже отступать от википедии (за что его хейтят долбоебы, которые сами так делать не умеют)
Библиотека reselect, круто, спасибо! React Redux функция createSelector создает реселектор, она принимает в качестве зависимостей простые селекты из стейта (селекты без сложных вычислений), при первом вызове реселекта значения зависимостей кешируются внутри реселекта, а при следующих вызовах дергаются простые селекторы зависимости и их значения сравниваются с кешироваными! Если изменений по сравнению с кешем нет, то сразу возвращается кеншированный результат без запуска дорогого селектора, если же что-то из зависимостей изменилось в стейте по сравнению с кешем то тогда уже вызывается селектор с дорогими вычислениями!
чаще всего я обходил стороной твои видосы, потому что они очень большие, и у тебя поток мыслей дико объемный)) но когда посмотрел эти три видоса про реселект, я понял что оно того стоит, потому что ты очень много крутой инфы даешь, это очень круто, не многие могут так донести!) спасибо большое за твой труд, лайк, подписка, все дела)
Есть такой недостаток - у Димыча много слов и много повторений при быстрой скорости речи - в результате мое внимание рассеивается. Ему нужно говорить чуть медленнее при меньшем повторении одного и того-же. Думаю, что это был его первый опыт.
Такс, посмотрел урок в ознакомительном виде. Пишу отчет по увиденному. В данном уроке решилась проблема лишнего вызова селекторов, путем вызова метода createSelector из библиотеки reselect. Синтаксис использования reselect: Устанавливаем: npm install reselect Импортируем в файл с селекторами: import {createSelector} from 'reselect' Используем при создании селектора: export const getUserReselector = createSelector ( getUsers, (users) => { // логика сложного селектора } ) Чтобы создать реселектор на основе данных из state, нужно использовать примитивный селектор который получит вернет в через return нужные данные. В примере выше, используется примитивный селектор: export const getUsers = (state) => { return state.contentBar.usersPage.users } Созданный селектор импортируем и используем в mapStateToProps, как обычный селектор import { ..., getUserReselector } from './../../redux/usersSelectors' ... let mapStateToProps = (state) => ({ users: getStateUsersReselect(state), ... }) Принцип работы селектора на основе reselect: - Данный селектор вызовется только тогда, когда произойдет изменение в state в дочернем селекторе. По примеру выше- если будет изменение в массиве users в state в селекторе getUsers,- то произойдет перерасчет логики из getUserReselector. - Селектор на основе reselect выполняет некоторое кеширование результата, тоесть, если изменений в отслеживаемом элементе state не происходит - возвращается предыдущий результат вызова данного селектора - При использовании debugger в селекторе на основе reselect - остановка происходит дважды. Первый раз - селектор вызовется без приходящих значений. Второй - произойдет вызов дочерних селекторов с передачей нужных данных. - Дочерние селекторы на данных которых основан реселектор - могут быть также созданы на основе реселектора или на основе нескольких селекторов, тогда синтаксис чуток меняется: export const getUserReselector = createSelector ( getUsers, someSelector (users, someSelectorResult) => { // логика сложного селектора } ) ,где someSelector может быть как примитивным селектором, так и на основе библиотеки reselect someSelectorResult - это результат выполнения селектора someSelector (return 'reult') колличество someSelector`ов безгранично и колличество someSelectorResult прямопропорционально колличеству someSelector наименование дочерних someSelector можно обернуть в массив и также передавать их через запятую
В новой версии Redux уже использутся другой реселест createSelectorHook. Импорт такой: import { createSelectorHook } from "react-redux". Установка его не требуется, он уже встроен. Про это написано в Redux, но синтаксис там старый createSelector. Поменялось только название и импорт, а остальное тоже. Возможно так какие-то аргументы другие будут, но пока все без изменений. Это как с withRouter.
createSelectorHook работает иначе, не вводи людей в заблуждение. Увидел твой комментарий и подумал что в 2023м так используют. В итоге очень долго сидел тупил пока не сделал импорт как в видео
Супер, супер, супер. Мне кажется или как то проще стала восприниматься информация чем вначале курса))) Финиш близко! Поздравляю всех тех, кто дошел до этого выпуска!! Летим, самураи!!!
очередное крутое объяснение темы селекторов и библы реселект. Прочитал 7 статей, но Димич как всегда пошинковал всех своей катаной. С учетом, что видосу 3 года и можно было бы научиться объяснять лучше, но увы и ах ахахах Димыч красава, как всегда! Лайк, подписка, (правда уже +-год назад подписался)
Второй день ломал голову над ошибками в консоли на счет этих лишних перерисовок. А тут бац, Димыч всё порешал) Респект! Upd: ошибка ушла, а перерисовки нет) гг
Вы очень доходчиво объясняете суть проблемы, при этом начали не с самой легкой библиотеки redux, которая тянет за собой кучу других библиотек... Поймал себя на мысли, какого будет новичку когда он взглянет в сторону, к примеру, mobx. Для него mobx покажется детским садом) Как вы и говорили в прошлых выпусках: "главное понять проблему...", и какую бы вы библиотеку не начали изучать вы столкнётесь с теме-же проблемами но с другим подходом к их решению. Не перестаю удивляться как вы удачно подобрали последовательность в этом курсе начав c самого сложного, а именно сперва изучили глобальный стейт на redux, а только затем локальный. И таких моментов много. Супер курс, удачи Вам во всех начинаниях!
Connect Reselect library for mapStateToProps. infinitely rerender? Use reselect. Architectural way of thinking. Like.The best lesson. Похоже дальше уже будет проще.
Дай Бог тебе удачи, сил, здоровья и свободного времени на близких! Столько времени, как ты, и такой самоотдачи, наверно, никто не тратит. Низкий поклон, Димыч, низкий поклон
React JS - подключаем reselect (reselect часть 3) Лучшие уроки по React JS & Redux !!! The BEST!!! lessons of React & Redux!!! Programming and Coding!!! Just simply about information technology =)
Всем привет! Если у кого-то, после установки библиотеки reselect крашнулось приложение с ошибкой Module not found: Can't resolve 'redux-form'.... Переустановите библиотеку react-redux через консоль командой yarn add react-redux Дима, как всегда, спасибо за шикарное видео, бомбим react дальше!
Использование функции createSelectors из библиотеки reselect предотвращает множественные вызовы функции render, которая является ресурсозатратной, а также кеширует результаты сложных математических вычислений. Проводить отладку работы селектора также становится проще.
решил попробовать фичу с несколькими входящими селекторами, как показал Дима в видео (23:45), но именно в таком исполнении будет ошибка, потому, что селектор getIsFetching объявлен ниже по коду и его нужно просто переместить выше ИЛИ же писать сложные селекторы в самом низу если кто-то уже писал об этом - сорян, я прочитал первые ~50 из 190 комментов и не нашел Дима, спасибо за твой труд! #React #JS #reselect
В комментах пишут про createSelectorHook. А я так делаю: гуглю npm reselect, если скачиваний уйма (а тут их 6.600.000 в неделю), то Димыч запилил до сих пор актуальную тему. Поэтому, друзья, не распыляйтесь на лишнее. Всем благ, бомбим, мои дорогие будущие коллеги.
Магическая логическая магия. А главное ведь понятно о чём он говорит, Димыч ты талант! Знаю по собственному опыту, что объяснять массе людей то чего они не знают или не понимают, это не простой, объёмный и вдумчивый процесс, очень энергозатратный и времязатратный процесс. Димыч, тебе +100500 к карме, твоей семье терпения, твоим проектам успеха!!!
npm выкатывал ошибки при попытке инстала библы реселект, решил так же как с библой формса, добавил к команде --force, пока что ещё нуп чтоб разобраться как оно сейчас будет правильно
у меня тоже ошибки вылитают. Видно из-за формса. Потому что в ошибках указывается опять redux-form npm ERR! Could not resolve dependency: npm ERR! peer react@"^16.4.2 || ^17.0.0" from redux-form@8.3.8 npm ERR! node_modules/redux-form npm ERR! redux-form@"^8.3.8" from the root project и указывает, что нужно снова перезапустить или уже использовать форс. Нужно как с формами дописать в конце --force npm ERR! this command with --force, or --legacy-peer-deps
в инструкции написано no further installation needed, возможно и поэтому не ставится. Реселескт уже включен в стандартный пакет. Но почему-то не вылетает createSelector, а есть только createSelectorHook
спасибо дядя Дима... теперь понял для чего все это нкжно... Это подготовка пропсов для чистых функций и опять вся логика вынесена в сторону. Ведь все можно было сделать в контейнерной компоненте, но так РЕАЛЬНО лучше и понятней и рефакторинг в дальнейшем делать будет гораздо проще
Спасибо за урок! Reselect классная штука. Параллельно с социальной сетью для закрепления полученных знаний делаю to do list, и там они мне понадобились для реализации двойной фильтрации. У меня два фильтра. Один фильтрует по дням и выводит на страницу (сегодня, завтра, остальные задачи), а уже внутри этих списков задач есть фильтры(все задачи, активные и выполненные). Без reselect никак не получалось, чтобы они работали в тандеме)
Довольно просто) Заранее реализовал разделение на юзеров и друзей в мапстейттупропс, а реселекты помогли это все облагородить) Заодно и был реальный пример для использования) Тема простая и очень полезная)
ты такой эмоциональный (до этого не знал как пишется это слово #smile) , и чтобы не забыть поставить лайк, ставлю его в начале ролика.. т.к. знаю, что материал у тебя достойный. Спасибо!!
react redux reselect createSelector Димыч - огоньПрепод! и да, объяснять доступно легко когда сам понимаешь что объясняешь.. а на это понимание могут уйти годы.. Одна проблема - нет этих годов.. через пару лет все эти технологии отправляются в мусорное ведро.. Даже в этом курсе в первых выпусках осторожно про хуки говорили.. типа посмотрим, время покажет .. в 83 выпуске уже точно про хуки решил Димыч говорить ( это 2019 г ).. а я смотрю в 2021 - уже только функциональные компоненты, хуки и TypeScript.
Хорошо объяснил и в целом концепция ясна. Единственный непонятный момент, это ситуации в которых стоит применять реселекты для манипуляции с данными. Но я думаю это будет пояснено дальше.
Поздравляю, народ, кто сюда дошел. Вы в числе 12% из тех, кто начинал с просмотра 2 видоса) Упрямые и целеустремленные) Спасибо Димычу)! React, reselect, селектор
Поздравляю. Привет всем самураям из 2023. Сложное время, но летим.
@@maksimpl о привет, ты тоже щас проходишь?
гоу в чат где щас все кто проходит путь самурая
@@maksimpl привет привет самурай) удачи всем на пути , бомбим дальше и не сдаёмся
Привет САМУРАИ )), 12% ???, да вроде здесь просмотров тоже не мало, правда не помню сколько их было в самом начале.., а отсееваться будут по любому, ведь не все такие задроты как МЫ )) !!! React, reselect, селектор КРУТЕЙШАЯ ШТУКА !!!
Не перестаю удивлять тому, как Димыч объясняет сложные вещи на пальцах. Это дар!) Спасибо тебе от всех нас, кто сюда дошел и дойдет в будущем. Дай Бог тебе удачи, сил, здоровья и свободного времени на близких! Столько времени, как ты, и такой самоотдачи, наверно, никто не тратит. Низкий поклон, Димыч, низкий поклон.
Спасибо, Ваня, за добрые слова!
Конечно, это надо еще суметь сделать, но помимо прочего, почему другие люди объясняют эти вещи сложно? Потому что невозможно объяснить просто то, чего ты сам толком не вкуриваешь. А им в свою очередь объясняли такие же долбаебы, которые боятся говорить простым языком (потому что им понт дороже всего) и хуярят все по википедии (или learnjavascript). В итоге у них в башке куча крутых терминов, они типа жестко шарят, но вот по-простому все это объяснить не могут, потому что за всей этой херней - они саму суть ухватить не могут
и чем мне нравится Димыч - он не ссыт говорить по-простому, и даже отступать от википедии (за что его хейтят долбоебы, которые сами так делать не умеют)
Поддерживаю полностью!!!
Библиотека reselect, круто, спасибо!
React Redux
функция createSelector создает реселектор, она принимает в качестве зависимостей простые селекты из стейта (селекты без сложных вычислений), при первом вызове реселекта значения зависимостей кешируются внутри реселекта, а при следующих вызовах дергаются простые селекторы зависимости и их значения сравниваются с кешироваными!
Если изменений по сравнению с кешем нет, то сразу возвращается кеншированный результат без запуска дорогого селектора,
если же что-то из зависимостей изменилось в стейте по сравнению с кешем то тогда уже вызывается
селектор с дорогими вычислениями!
чаще всего я обходил стороной твои видосы, потому что они очень большие, и у тебя поток мыслей дико объемный))
но когда посмотрел эти три видоса про реселект, я понял что оно того стоит, потому что ты очень много крутой инфы даешь, это очень круто, не многие могут так донести!)
спасибо большое за твой труд, лайк, подписка, все дела)
Есть такой недостаток - у Димыча много слов и много повторений при быстрой скорости речи - в результате мое внимание рассеивается.
Ему нужно говорить чуть медленнее при меньшем повторении одного и того-же. Думаю, что это был его первый опыт.
@@КоровайченкоАлександр скорость воспроизведения регулируется в обе стороны
@@alexvoid8717 Ничего себе!)
Такс, посмотрел урок в ознакомительном виде. Пишу отчет по увиденному. В данном уроке решилась проблема лишнего вызова селекторов, путем вызова метода createSelector из библиотеки reselect. Синтаксис использования reselect:
Устанавливаем: npm install reselect
Импортируем в файл с селекторами: import {createSelector} from 'reselect'
Используем при создании селектора:
export const getUserReselector = createSelector ( getUsers, (users) => {
// логика сложного селектора
} )
Чтобы создать реселектор на основе данных из state, нужно использовать примитивный селектор который получит вернет в через return нужные данные. В примере выше, используется примитивный селектор:
export const getUsers = (state) => {
return state.contentBar.usersPage.users
}
Созданный селектор импортируем и используем в mapStateToProps, как обычный селектор
import { ..., getUserReselector } from './../../redux/usersSelectors'
...
let mapStateToProps = (state) => ({ users: getStateUsersReselect(state), ... })
Принцип работы селектора на основе reselect:
- Данный селектор вызовется только тогда, когда произойдет изменение в state в дочернем селекторе. По примеру выше- если будет изменение в массиве users в state в селекторе getUsers,- то произойдет перерасчет логики из getUserReselector.
- Селектор на основе reselect выполняет некоторое кеширование результата, тоесть, если изменений в отслеживаемом элементе state не происходит - возвращается предыдущий результат вызова данного селектора
- При использовании debugger в селекторе на основе reselect - остановка происходит дважды. Первый раз - селектор вызовется без приходящих значений. Второй - произойдет вызов дочерних селекторов с передачей нужных данных.
- Дочерние селекторы на данных которых основан реселектор - могут быть также созданы на основе реселектора или на основе нескольких селекторов, тогда синтаксис чуток меняется:
export const getUserReselector = createSelector ( getUsers, someSelector (users, someSelectorResult) => {
// логика сложного селектора
} )
,где someSelector может быть как примитивным селектором, так и на основе библиотеки reselect
someSelectorResult - это результат выполнения селектора someSelector (return 'reult')
колличество someSelector`ов безгранично и колличество someSelectorResult прямопропорционально колличеству someSelector
наименование дочерних someSelector можно обернуть в массив и также передавать их через запятую
В новой версии Redux уже использутся другой реселест createSelectorHook.
Импорт такой: import { createSelectorHook } from "react-redux".
Установка его не требуется, он уже встроен.
Про это написано в Redux, но синтаксис там старый createSelector. Поменялось только название и импорт, а остальное тоже. Возможно так какие-то аргументы другие будут, но пока все без изменений. Это как с withRouter.
createSelectorHook работает иначе, не вводи людей в заблуждение. Увидел твой комментарий и подумал что в 2023м так используют. В итоге очень долго сидел тупил пока не сделал импорт как в видео
Просто лютый преподаватель!) Если бы все так объясняли.. Спасибо!
🤩React JS - подключаем reselect (reselect часть 3)
Объясняет сложные вещи на пальцах. Это дар! 2023
Можно попросить, в конце каждого выпуска в будущем кратенько подводить итог, чтобы лучше понималась и запоминалась информация
Супер, супер, супер. Мне кажется или как то проще стала восприниматься информация чем вначале курса))) Финиш близко! Поздравляю всех тех, кто дошел до этого выпуска!! Летим, самураи!!!
Жирный лайк за труд, Дима. Шикарный видос)
очередное крутое объяснение темы селекторов и библы реселект. Прочитал 7 статей, но Димич как всегда пошинковал всех своей катаной. С учетом, что видосу 3 года и можно было бы научиться объяснять лучше, но увы и ах ахахах
Димыч красава, как всегда! Лайк, подписка, (правда уже +-год назад подписался)
Музон огонь, надо записать альбом и назвать JS forever
Второй день ломал голову над ошибками в консоли на счет этих лишних перерисовок. А тут бац, Димыч всё порешал) Респект!
Upd: ошибка ушла, а перерисовки нет) гг
3 теоретических уроков подряд, где не приходится работать с багами, замечательно) Спасибо за урок, все предельно понятно
С опытом программирования в 1.5 года, несложно понять эту тему. Спасибо за урок Reselect!!
Вы очень доходчиво объясняете суть проблемы, при этом начали не с самой легкой библиотеки redux, которая тянет за собой кучу других библиотек...
Поймал себя на мысли, какого будет новичку когда он взглянет в сторону, к примеру, mobx. Для него mobx покажется детским садом)
Как вы и говорили в прошлых выпусках: "главное понять проблему...", и какую бы вы библиотеку не начали изучать вы столкнётесь с теме-же проблемами но с другим подходом к их решению.
Не перестаю удивляться как вы удачно подобрали последовательность в этом курсе начав c самого сложного, а именно сперва изучили глобальный стейт на redux, а только затем локальный. И таких моментов много.
Супер курс, удачи Вам во всех начинаниях!
Уже устроился на работу?
Connect Reselect library for mapStateToProps. infinitely rerender? Use reselect.
Architectural way of thinking. Like.The best lesson.
Похоже дальше уже будет проще.
Дай Бог тебе удачи, сил, здоровья и свободного времени на близких! Столько времени, как ты, и такой самоотдачи, наверно, никто не тратит. Низкий поклон, Димыч, низкий поклон
димыч!! Ты так вдохновляеш - что от меня донат сразу с первых денег!!!класс!!!!!Самый лучший курс!!!(я это уже 85 раз написал))))))
Спасибо, Виктор, за каждый раз !!!
донат тоже будет за каждые 85 раз?)
React JS - подключаем reselect (reselect часть 3)
Лучшие уроки по React JS & Redux !!!
The BEST!!! lessons of React & Redux!!!
Programming and Coding!!!
Just simply about information technology =)
Всем привет!
Если у кого-то, после установки библиотеки reselect крашнулось приложение с ошибкой Module not found: Can't resolve 'redux-form'....
Переустановите библиотеку react-redux через консоль командой yarn add react-redux
Дима, как всегда, спасибо за шикарное видео, бомбим react дальше!
Спасибо, очень доступное объяснение всей темы reselect!
Сколько всего надобно знать для Реакта, и Редирект, и Хуки, и много всего!)
Продолжаю изучение - 21-ый день - 83/100
Димыч, спасибо за труд!
@@Dpon0
92/100. Немного отвлёкся на основную работу. К НГ закончу полностью
Готовлю список интересных мне компаний
ебать ты конечно, стабильно смотреть по 4 видосов в день это конечно... учитывая что там есть сложные темы и видосы которые больше часа идут
Использование функции createSelectors из библиотеки reselect предотвращает множественные вызовы функции render, которая является ресурсозатратной, а также кеширует результаты сложных математических вычислений. Проводить отладку работы селектора также становится проще.
83 - React JS - подключаем reselect (reselect часть 3)
решил попробовать фичу с несколькими входящими селекторами, как показал Дима в видео (23:45), но именно в таком исполнении будет ошибка, потому, что селектор getIsFetching объявлен ниже по коду и его нужно просто переместить выше ИЛИ же писать сложные селекторы в самом низу
если кто-то уже писал об этом - сорян, я прочитал первые ~50 из 190 комментов и не нашел
Дима, спасибо за твой труд!
#React #JS #reselect
если создавать селекторы через function, то можно писать везде и ниже, и выше, как мне кажется
Видео супер. Reselect redux-react
В комментах пишут про createSelectorHook. А я так делаю: гуглю npm reselect, если скачиваний уйма (а тут их 6.600.000 в неделю), то Димыч запилил до сих пор актуальную тему.
Поэтому, друзья, не распыляйтесь на лишнее.
Всем благ, бомбим, мои дорогие будущие коллеги.
Спасибо большое за урок!!! Было очень полезно. Reselect стал понятнее
Магическая логическая магия. А главное ведь понятно о чём он говорит, Димыч ты талант!
Знаю по собственному опыту, что объяснять массе людей то чего они не знают или не понимают, это не простой, объёмный и вдумчивый процесс, очень энергозатратный и времязатратный процесс.
Димыч, тебе +100500 к карме, твоей семье терпения, твоим проектам успеха!!!
npm выкатывал ошибки при попытке инстала библы реселект, решил так же как с библой формса, добавил к команде --force,
пока что ещё нуп чтоб разобраться как оно сейчас будет правильно
у меня тоже ошибки вылитают. Видно из-за формса. Потому что в ошибках указывается опять redux-form
npm ERR! Could not resolve dependency:
npm ERR! peer react@"^16.4.2 || ^17.0.0" from redux-form@8.3.8
npm ERR! node_modules/redux-form
npm ERR! redux-form@"^8.3.8" from the root project
и указывает, что нужно снова перезапустить или уже использовать форс. Нужно как с формами дописать в конце
--force
npm ERR! this command with --force, or --legacy-peer-deps
в инструкции написано no further installation needed, возможно и поэтому не ставится. Реселескт уже включен в стандартный пакет. Но почему-то не вылетает createSelector, а есть только createSelectorHook
Летим !
спасибо за урок, Дмитрий. доступные для понимания объяснения. я на повтор. 2023-06-06 летим к сотому выпуску.
Супер мотивация в конце.Спасибo -_-)!!
spasibo za urok - 83 - React JS - подключаем reselect (reselect часть 3)
После 80 видоса, селекторы зачет, очень понятно и доступно объяснил)))
легко и непринужденно тема selector и функция createSelector из библиотеки Reselect вошла в моё сознание, спасибо!
Используются ли все эти методы сейчас? или по другому пишут сейчас
Я смотрю этот курс после того, как выучил JS, и мне эта тема кажется простой
Урок 83. Пишу свой белорусский социально-экологический проект. Комент как благодарность (:
Крутые уроки!!! Дойду до 100 урока, и буду всё заново проходить, потому что инфы много, много чего в головешку не поместилось
Димыч крутецкая круть с перерывами небольшими но двигаюсь вперед
Крутая тема #reselect #createSelector ! Интересная и полезная!
Увидел Димыча - поставил лайк!!
Прстыми словами о гениальных вещах. Так держать! RESELECT !!!
Спасибо! React JS - подключаем reselect. Подключил библиотеку reselect.
Бомбим дальше ©
reselect бомба! Димыч - бомба! Канал этот - пушка!
спасибо дядя Дима... теперь понял для чего все это нкжно... Это подготовка пропсов для чистых функций и опять вся логика вынесена в сторону. Ведь все можно было сделать в контейнерной компоненте, но так РЕАЛЬНО лучше и понятней и рефакторинг в дальнейшем делать будет гораздо проще
В который раз говорю что Димыч красава!Иногда какё-то тильт ловишь,но Димыч и ребята,которые сидят в комментах заряжают и мотивируют!
react redux reselect ))) КАВАБАНГА учитель Сплинтер ) я бомблю)
Как всегда объяснение на высшем уровне,огромное спасибо за твой труд!!!
UPD. Мой лайк стал тысячным)))
Спасибо за урок!
Reselect классная штука. Параллельно с социальной сетью для закрепления полученных знаний делаю to do list, и там они мне понадобились для реализации двойной фильтрации. У меня два фильтра. Один фильтрует по дням и выводит на страницу (сегодня, завтра, остальные задачи), а уже внутри этих списков задач есть фильтры(все задачи, активные и выполненные). Без reselect никак не получалось, чтобы они работали в тандеме)
А можешь показать свою to-do шку?
Select, reselect, redux, react, js - очень легко зашла данная тема, даже немного удивительно)))
Просто на одном дыхании! Понимание до мелочей (чтоб объяснять последовательно и просто) + Софт скилы (чтоб объяснять живо и интересно) = Димыч🧠
Но под конец я понял что происходит, зачем как и куда. Димыч красавчик благодарю за труд!
Довольно просто) Заранее реализовал разделение на юзеров и друзей в мапстейттупропс, а реселекты помогли это все облагородить) Заодно и был реальный пример для использования) Тема простая и очень полезная)
Спасибо за курс!!
Фюх Фюх Фюх
#react #reactJS #js #javascript #reselect #kavagangaepta :))))))))))))))
React reselect. Спасибо!
Прикольная прога для рисования)
Реселект прикольная штука
В понедельник посмотрю) спасибо
Летим к победе вместе с Димычем с помощью него же самого))). Спасибо что ты есть!
ты такой эмоциональный (до этого не знал как пишется это слово #smile) , и чтобы не забыть поставить лайк, ставлю его в начале ролика.. т.к. знаю, что материал у тебя достойный. Спасибо!!
react redux reselect createSelector Димыч - огоньПрепод! и да, объяснять доступно легко когда сам понимаешь что объясняешь.. а на это понимание могут уйти годы.. Одна проблема - нет этих годов.. через пару лет все эти технологии отправляются в мусорное ведро.. Даже в этом курсе в первых выпусках осторожно про хуки говорили.. типа посмотрим, время покажет .. в 83 выпуске уже точно про хуки решил Димыч говорить ( это 2019 г ).. а я смотрю в 2021 - уже только функциональные компоненты, хуки и TypeScript.
Дима,большое спасибо! С третьего раза, но все понял!))Идем дальше!
Спасибо за урок! React JS - подключаем reselect #reselect #селекторы #reactJS
Здесь должен быть мой коммент про крутую библиотеку reselect, которая защищает наши компы от перегрева.
Отличное видео. Понял с первого раза-). Спасибо. Лучший курс по Реакту 2020.
Великолепный курс. Вроде всё понял, круто, летим!
Спасибо Димыч, крутая библиотечка, performance наше все)
великолепное объяснение работы библиотеки reselect!) Спасибо!)
Спасибо, я понял как это работает! Шикарная концепция - reselect! Спасибо, Димыч, с каждым уроком React становится все интересней и интересней...
Библиотека reselect. Будем знать, возможно - использовать. Спасибо. Летим дальше.
Когда Димыч готовится к уроку, то урок получается 10/10. Всё понятно)
Самый Лучший курс, Самый Лучший Димыч😂🔥🔥🔥🔥🔥👍
Спасибо за урок! В 1 раз посмотрела, стало страшно. Посмотрела во 2 раз, стало понятно 🤓 лучший учитель!!
Спасибо за урок!:)
Тема понятна! С первого раза! Спасибо!
Дима, спасибо за предельно ясно объяснение!!! Reselect - это сила!
reselect прошли, летим дальше! Спасибо Димычу.
Хорошо объяснил и в целом концепция ясна. Единственный непонятный момент, это ситуации в которых стоит применять реселекты для манипуляции с данными. Но я думаю это будет пояснено дальше.
Угу!!! Когда коснёмся реальных кейсов!
Лайка от мну))) если в друг уcтал от React JS то можно отдохнуть на видео Уроки JavaScript с нуля (ну ваще с нуля)
(от Димыча)
Спасибо за урок
reselect библиотека к React. Интересный подход. Спасибо за урок!
Все понятно! Спасибо Димыч, донес инфу в лучшем виде
Спасибо, Димыч!
Ты мне приснился кстати!) Сказал, что все будет хорошо!) Я тебе донат с первой зп пообещал!)
30/06/2022 - Летим дальше! Reselect, react, redux
Димыч ты крут, спасибо огромное тебе !❤
Спасибо, помогло справиться с ошибками!
Очень понятное объяснение reselect! Спасибо!
ОООчень годно, глубоко! Благодарю.
Спасибо за урок, Димыч!!! Reserlect надо пересматривать однозначно
спасибо большое за твой труд
Reselect сложно, но интересно), Благодарю Димыч)
зашло изи,самые сложны уроки были для меня 50-65 где-то. там вообще ад был по 4 раза смотрел, думал, рисовал )))димыч спасибо))
reselect простыми словами=)) спасибо)))
Димыч красавчик! супер курс!!!
Спасибо огромное за твой труд! Смотрю дальше!