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

Vim Motions 🕹️

Це мав бути душний пост про те, як я сетапив neovim, але він буде тільки після того, як я повністю завершу налаштування.

Хочу сьогодні розповісти про Vim Motions і я справді вважаю, що цей пост теж буде корисним, адже це напевно головна причина чому люди взагалі іноді задумуються над vim. І що найкраще - використовувати Vim Motions можна напевно в будь-якому редакторі/IDE.

Отож, що це взагалі таке?

Vim Motions - це команди для швидкої роботи з текстом. Вони дозволяють ефективно рухатись по тексту чи редагувати його без використання миші, що економить час. І найкраще в цьому те, що знаючи основну базу, можна комбінувати це все у складніші конструкції. Для прикладу, d (delete) - оператор видалення, w (word) - рух до початку наступного слова, а команда d3w (delete 3 word) - видалить три слова.

👉 Vim as your editor from ThePrimeagen
👉 Vim motions for absolute beginners
👉 Vimified
👉 Vim Adventures

👉 Vim для VS Code
👉 Vim для JetBrains

#tips