новые (для меня) хуки в реакте
useImperativeHandle — позволяет прокинуть коллбэк/объект со стейтом в родительский компонент через реф
useDebugValue — вешает лейбл на кастомный хук в реакт-девтулзах
useId — генерит id
useImperativeHandle — позволяет прокинуть коллбэк/объект со стейтом в родительский компонент через реф
useDebugValue — вешает лейбл на кастомный хук в реакт-девтулзах
useId — генерит id
👍1
Forwarded from Daria Moreno-Gogoleva
так, я разобралась с useDebugValue
он работает, только в кастомных хуках, которые используют другие хуки......... что логично пушто хук без хуков это просто функция
он работает, только в кастомных хуках, которые используют другие хуки......... что логично пушто хук без хуков это просто функция
я просто оставлю это здесь
export const usePreviousPersistent = <TValue extends unknown>(https://www.developerway.com/posts/implementing-advanced-use-previous-hook
value: TValue
) => {
const ref = useRef<{ value: TValue; prev: TValue | null }>({
value: value,
prev: null
});
const current = ref.current.value;
if (!isEqual(value, current)) {
ref.current = {
value: value,
prev: current
};
}
return ref.current.prev;
};
Developerway
Implementing advanced usePrevious hook with React useRef
Looking into how refs work when not attached to DOM and how to use them to implement advanced usePrevious hook to get the previous state or props value.
👍1
when React components re-render:
• when component's state changed
• when parent component re-renders
• when a component uses context and the value of its provider changes
• when component's state changed
• when parent component re-renders
• when a component uses context and the value of its provider changes
нарисовала граф, сделала к нему таблицу, потом нарисовала тот же граф по таблице
граф здорового человека/граф курильщика
граф здорового человека/граф курильщика
code_notes pinned «когда-то я готовилась к собеседованиям по вот этому списку задачек https://github.com/lydiahallie/javascript-questions/blob/master/ru-RU/README.md»
