Phil
ему ж все респектуют
enshck
enshck
Phil
и что за новые?
enshck
Этих двух не было вроде
Phil
ооо щас почитаю доки
enshck
getDerived
enshck
willUpdate
enshck
Устарел
enshck
WillMount
Китикет
Для чего вообще нужен cDM обычно? Например для диспатча экшна для загрузки данных, а он в конечном счете изменяет состояние стора, что приводит к ререндеру компонента
enshck
Их вообще в доках не вижу
Мирослав
Китикет
А если мы стейт менеджер не юзаем, то весь этот код с запросом и установкой данных в стейт будет аналогом thunk экшна из редакса
Bogdan
А ты в курсе, что есть более сложные селекторы, чем state => state.something?
там, где тяжелые расчеты, засовывать реселект?
Китикет
Так что это именно то что нужно делать в cDM
enshck
Буду короч читать доки
Китикет
там, где тяжелые расчеты, засовывать реселект?
const third = createSelector(
state => state.first,
state => state.second,
(first, second) => first + second
)
Китикет
Как ты это сделаешь без реселекта через useSelector?
Bogdan
да просто селектор обычный
Bogdan
просто он не замемоизирует
Китикет
Вот так же как в примере
Китикет
Если селектор составной, то не получится использовать мемоизацию у зависимостей
Сергей
пацыки, чет не могу найти реализацю pureComponent в гите у facebook. Никто не сможет подкинуть ссылочку где это?
Bogdan
Если селектор составной, то не получится использовать мемоизацию у зависимостей
так я и написал выше, выйдет без мемоизации только
Китикет
так я и написал выше, выйдет без мемоизации только
Ну конкретно тот пример который я написал будет работать так же в плане мемоизации
Китикет
Потому что там нет других селекторов в зависимостях, эти функции работают без мемоизации, мемоизация есть только у селектора third
Китикет
Так что работать будет аналогично
Китикет
Проблема будет тогда, когда в зависимостях есть другой сложный селектор с мемоизацией
Bogdan
Ну конкретно тот пример который я написал будет работать так же в плане мемоизации
ну, а если shallowEqual юзать, то и первых два выйдет мемоизироваться будут?
Китикет
ну, а если shallowEqual юзать, то и первых два выйдет мемоизироваться будут?
Бля, как же это сложно объяснить
🤴👷♂️🦸♂️🧚♀️
пацыки, чет не могу найти реализацю pureComponent в гите у facebook. Никто не сможет подкинуть ссылочку где это?
Такая же как и у компонента, наследуеь конструктор и прототип от функции, которая наследует прототип компонента
Сергей
Такая же как и у компонента, наследуеь конструктор и прототип от функции, которая наследует прототип компонента
чутка не верно написал. хотел посмотреть реализацию scu в pureComponent
Китикет
ну, а если shallowEqual юзать, то и первых два выйдет мемоизироваться будут?
const first = state => state.first
const second = state => state.second
const third = createSelector(
first,
second,
(first, second) => first + second
)
const fourth = state => state.fourth
const fifth = createSelector(
third,
fourth,
(third, fourth) => third + fourth
)
useSelector(fifth)
Китикет
С реселектом у third есть мемоизация, без реселекта не будет
Китикет
Кайф писать это с телефона)
Bogdan
const first = state => state.first
const second = state => state.second
const third = createSelector(
first,
second,
(first, second) => first + second
)
const fourth = state => state.fourth
const fifth = createSelector(
third,
fourth,
(third, fourth) => third + fourth
)
useSelector(fifth)
const third = createSelector(
first,
second,
(first, second) => first + second
)
мемоизация у возвращаемого значения из createSelector же?
Китикет
Короче просто реселект юзай и все
Китикет
Потому что селекторы бывают не просто state => state.something
Китикет
И к тому же они должны быть реюзабельные
Bogdan
Alexander
И?
Таймураз
Object.assign(Component1, {Component2}) рекомендуешь? :)
Тут же дети, ребят
Вы шлепнулись что-ли
Таймураз
Ну а вообще нестить компоненты- пахнет говнецом
Phil
componentDidMount не устарел же?
Alexander
Почему такое плохо?
Китикет
Grid.Container
Grid.Row
Grid.Col
- норм, потому что Grid - просто обьект
Yury
Phil
так почему setState в нем допустим???
Китикет
Почему такое плохо?
Ну как минимум потому что Component1 - функция, а у прототипа функции и самой функции есть разные свойства и методы, типа apply и length
Китикет
Они у тебя будут выводиться как подсказки при наборе
Alexander
Grid.Container
Grid.Row
Grid.Col
- норм, потому что Grid - просто обьект
Это что-то вроде
Form
Form.Field
Form.Label
Китикет
Они у тебя будут выводиться как подсказки при наборе
Помимо этого, задумайся о том, что ты в функцию пишешь свойство
Китикет
Это уже некрасиво само по себе)
Китикет
Исключения - defaultProps и propTypes
Alexander
Phil
Вызывается 1 раз, dom уже есть, почему бы и нет )
тогда прийдется перерендерить дом с новым стэйтом
Alexander
Хотя погодите-ка