add new notes, fix gh-pages

content/Frontend/React/Detect hook deps changes with useWhatsChanged.md

@@ -0,0 +1,28 @@
+```typescript
+import { useEffect, useRef } from 'react';
+
+/** Pass dictionary of `props` as argument and it will
+ * tell you, which one changed after rerender.
+ * Use `prefix` to distinguish props of different components.
+ */
+export const useWhatsChanged = (
+  props: Record<string, unknown>,
+  prefix = '',
+) => {
+  const prevProps = useRef(props);
+
+  useEffect(() => {
+    Object.entries(props).forEach(([key, value]) => {
+      if (
+        !Object.prototype.hasOwnProperty.call(prevProps.current, key) ||
+        prevProps.current[key] !== value
+      ) {
+        console.log(`${prefix} ${key} has changed`);
+      }
+    });
+
+    prevProps.current = props;
+  }, [props, prefix]);
+};
+
+```