я просто оставлю это здесь

export const usePreviousPersistent = <TValue extends unknown>(
  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;
};

https://www.developerway.com/posts/implementing-advanced-use-previous-hook

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

не очень верится

что же такое каскад в цсс

https://web.dev/learn/css/the-cascade/

ну посмотрим на тебя

https://ru.coursera.org/learn/algorithms-part1

новая лучшая картинка про event loop

я отвернулась и в css добавили новую киллер-фичу

@layer

по-русски "каскадные слои"

теперь мы можем создавать свои слои вдобавок к существующим (user agent styles, user styles, author styles (те которые мы меняем))

в каскадных слоях важен порядок объявления — чем позже объявлен слой, тем он специфичнее

можно объявить все названия слоёв в начале документа чтобы не путаться

@layer reset, framework, layout, base;

запутанный момент — !important
правила, объявленные через important действуют в обратном порядке — important в слое reset будет специфичнее important в слое base

var status = '😎'

setTimeout(() => {
  const status = '😍'

  const data = {
    status: '🥑',
    getStatus() {
      return this.status
    }
  }

  console.log(data.getStatus())
  console.log(data.getStatus.call(this))
}, 0)

🥑 😎