#how_to створити shimmer wave text animation 🎉

Виконаний з допомогою HTML, SASS і JavaScript!

👉 Відкрити посилання

#how_to додати більше одного ref до елемента в React? 👀

function mergeRefs<T = unknown>(
  ...refs: (React.MutableRefObject<T> | React.LegacyRef<T>)[]
): React.RefCallback<T> {
  return function (value) {
    refs.forEach((ref) => {
      if (typeof ref === 'function') {
        ref(value)
      } else if (ref !== null) {
        ;(ref as React.MutableRefObject<T | null>).current = value
      }
    })
  }
}

// Example
const forwardedRef: React.ForwardedRef<HTMLInputElement>
const localRef = useRef<HTMLInputElement>()

<input ref={mergeRefs(forwarderRef, localRef)} />

#how_to оголосити тип глобальної змінної в TypeScript

👉 Відкрити посилання

#how_to ввімкнути inlay підказки в VSCode

👉 Відкрити посилання

#shorts

#how_to ввімкнути font ligatures в редакторі.

👉 Ввімкнути font ligatures в VS Code
👉 Ввімкнути font ligatures в JetBrains IDE

#how_to використовувати Object.groupBy в JavaScript.

👉 Дивитись відео

#shorts

#how_to налаштувати debugger для Next.js проєкту в VS Code.

👉 Відкрити посилання

А також зверніть увагу на client-side та server-side налаштування. Вони спрацюють для відповідних не-Next.js проєктів.

#how_to створити toggle pill 💊

Виконаний з допомогою HTML та CSS!

👉 Відкрити посилання

#how_to створити frying pan preloader 🥘

Виконаний з допомогою HTML та SCSS!

👉 Відкрити посилання

#how_to увімкнути автоформатування коду.

👉 VS Code
👉 JetBrains