TM
я бы сделал отдельный сервис который запускался бы в didMount хока над app
Годно
Size: a a a
2020 January 30
2020 January 31
C
Alert! ColdSeattle is a known spammer and is CAS banned. Ban is strongly recommended.
C
всем привет
C
я учу React, и я хотел бы человека как ментора, чтобы был человек, кому можно обращаться и получить мудрый опыт... если есть такой добрый и у кого найдется немного времени на помощь , то напиши пожалуйста в лс, я буду искреннее рад , что есть кто-то кто скажет, сейчас тебе надо это учить, а вот это не надо пока учить и т.д....
2020 February 01
KS
Aleksandr
Всем привет, Как будет правильно сделать?
Есть у меня графики на странице, логика этих графиков засунута в хуки, графиков много,
Логики тоже достаточно много.
Как лучше сделать, оставить внутри каждого графика логику работы и на один график один компонент или сделать один компонент для графиков, а логику связанную с каждым графиком обрабатывать в родительском?
Есть у меня графики на странице, логика этих графиков засунута в хуки, графиков много,
Логики тоже достаточно много.
Как лучше сделать, оставить внутри каждого графика логику работы и на один график один компонент или сделать один компонент для графиков, а логику связанную с каждым графиком обрабатывать в родительском?
я в реакт пришёл из геймдева, там привык всё, что сложнее if, реализовать с помощью fsm. для реакта сейчас юзаю https://www.npmjs.com/package/xstate. очень мощная и гибкая приблуда в возможностью визуализации. юзается в реакте через хук useMashine().
KS
Кстати вопрос: в useEffect useState(() => { const initialState = someExpensiveComputation(props); return initialState; });
при монтировании ref на текущий ренедер никак не получить? на каком этапе вообще при useRef заполняется значение ref.current?
ЗЫ. для lazy-load функционального компонента.
при монтировании ref на текущий ренедер никак не получить? на каком этапе вообще при useRef заполняется значение ref.current?
ЗЫ. для lazy-load функционального компонента.
T
Кстати вопрос: в useEffect useState(() => { const initialState = someExpensiveComputation(props); return initialState; });
при монтировании ref на текущий ренедер никак не получить? на каком этапе вообще при useRef заполняется значение ref.current?
ЗЫ. для lazy-load функционального компонента.
при монтировании ref на текущий ренедер никак не получить? на каком этапе вообще при useRef заполняется значение ref.current?
ЗЫ. для lazy-load функционального компонента.
Использовать надо тут useLayoutEffect
T
Внутри него все рефы уже раскиданы, но браузер синхронно будет ждать его исполнения перед отрисовкой.
T
Отсюда вывод —- злоупотреблять не стоит. Если проблема решается без такого, лучше решить без него.
T
Можно создать реф для хранения состояния, если что.
После этого объект internalStore будет референтно тождественен на каждом ререндере.
const internalStore = React.useRef({}).current;После этого объект internalStore будет референтно тождественен на каждом ререндере.
T
Его изменения не вызывают перерисовки и там можно хранить часть состояния и методы для той части, которая оптимизирована вручную на уровне дома.
KS
ага, уже нашёл этот кусок. и как очищать реф при размонтировании тоже Спасибо за разъяснения. useLayoutEffect вообще как то не хочется юзать...
T
Если нужно сбросить состояние компонента, самый лучший способ это со стороны родителя навесить ему ключ. При изменении ключа старый инстанс полностью сотрётся.
T
Это тоже не очень широко обсуждаемая вещь
T
Но задача при изменении типа формы не допустить попадания стейта от поля пароля в простое поле мягко говоря почти всегда решается неправильно
T
Если человек не использует библиотеки
KS
Если нужно сбросить состояние компонента, самый лучший способ это со стороны родителя навесить ему ключ. При изменении ключа старый инстанс полностью сотрётся.
ммм, uuid в качестве id юзать?
T
И только чудом этого не происходит