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

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

Tailwind Variants 🧣
#post_from @vova_taras

Tailwind Variants - бібліотека, яка з допомогою Tailwind класів дозволяє будувати API для різних варіацій стилів. Вона має різний функціонал, як, наприклад, розширення стилів чи розділення їх на слоти.

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

#library

Віртуалізація списків 📋

Іноді трапляються ситуації, коли потрібно відрендерити великі списки даних (дуууже великі). І виявляється рендеринг тисяч елементів одночасно може серйозно вплинути на продуктивність вашого застосунку.

Віртуалізація списків - це техніка оптимізації, яка передбачає рендеринг лише видимої частини великого списку даних. Замість того, щоб створювати DOM-елементи для кожного елемента у списку, віртуалізація рендерить лише ті елементи, які користувач бачить в даний момент, плюс невелику кількість елементів вище та нижче для плавного скролінгу.

Як це працює?

Потрібно розрахувати видиму область, визначити, скільки елементів поміщається у вікні. Також потрібно відслідковувати скрол, щоб визначити, які саме елементи повинні бути видимими.

Використання віртуалізації значно покращує продуктивність та досвід користувача при роботі з довгими списками.

#interview

#todo написати функцію на будь-якій мові програмування, яка приймає масив чисел та повертає true, якщо весь масив посортований (за зростанням чи спаданням), інакше - false.

Наприклад:
[1, 2, 3] => true
[1, 1, 1] => true
[1, 3, 2] => false
[1, 1, 2] => true

sherif 👮

Якщо ви працюєте з monorepo, то вважаємо, що цей пакет може стати вам як ніколи в нагоді.

Sherif - це лінтер, який допоможе вам знайти потенційні проблеми поміж ваших пакетів. Наприклад, він повідомить вас, якщо на проекті встановлені різні версії одного модуля у кількох ваших пакетах. Або може підказати вам перемістити @types/* у devDependencies.

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

#library

Welcome!

Let's practice our English! So...

👉 If you could turn any activity into an Olympic sport, what would you choose so you have a good chance of winning?

Have a nice #english_friday 💛

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

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

#shorts

Sitemap 🗺️

Sitemap — це файл, який містить інформацію про сторінки та інші файли на вашому вебсайті. Він допомагає пошуковим системам, таким як Google, ефективніше індексувати ваш сайт. Sitemap зазвичай побудований у форматі XML та містить інформацію про такі поля як шлях до сторінки, пріоритет чи дату останньої зміни.

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

#interview

#todo реалізувати на будь-якій мові програмування будь-який патерн проектування.

Node.js 22 Active LTS 🎯

А ви знали, що версії Node.js мають кодові назви. Наприклад, 20 - iron, 22 - jod.

Трохи більше ніж за місяць Node.js 22 перейде у фазу Active LTS, а Node.js 20, відповідно, у фазу підтримки. І хоч Node.js 20 закінчить свій цикл лише в кінці квітня 2026 року, можливо, вже зараз є сенс готуватись до міграції.

Ми, наприклад, додали в GitHub Action версію 22 до стратегії, тому всі екшени будуть відпрацьовувати і на 20, і на 22 версії.

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

#news

Two Slash Queries | What Is The Type 🔼

Можливо, ви бачили на відео у блогерів чи у туторіалах, як хтось під оголошенням типу додає коментар (//) + хатинку (^) + знак питання (?). А в результаті виводиться інформація про тип, на який вказує оця хатинка (^). Виявляється для цього існує розширення в популярних середовищах розробки.

У відео нижче ви знайдете короткий спосіб встановлення розширення у таких середовищах як VS Code, Jetbrains, Neovim.

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

#tips

Welcome!

Let's practice our English! So...

👉 If you could instantly teleport anywhere right now, where would you go?

Have a nice #english_friday 💛

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

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