Web Overflow 🇺🇦
4.32K subscribers
388 photos
40 videos
3 files
519 links
Затишний блог про веб-розробку і не тільки 💛

Чат: @web_overflow_chat
Співпраця: @web_overflow_support
Автори: @lluchkaa & @anastasiia_tarasenko
Download Telegram
Що виведе консоль?
Anonymous Quiz
14%
undefined undefined
27%
undefined 2
18%
apple undefined
41%
apple 2
👍7🤔2
#todo написати функцію на будь-якій мові програмування, яка приймає два параметри типу string та перевіряє чи є вони анаграмами (складаються з однакових літер, незалежно від регістру).

Наприклад:
silent, listen => true
👍52
Biome 📐

Не одними Prettier та ESlint.

Biome - це швидкий форматувальник та статичний аналізатор коду. Тобто він один може замінити і Prettier, і ESLint. Зʼявився він як fork від Rome, іншого схожого інструменту.

Зараз Biome підтримує приблизно 97% того, що робить Prettier і майже 270 правил з ESLint.

Ми самі подумуємо над переходом, а то щось надто довго проганяються усі перевірки на поточних інструментах. А що думаєте ви?

👉 Відкрити документацію

#tips
7👍6🤔2
Welcome!

Let's practice our English! So...

👉 What’s the strangest thing you’ve ever eaten?

Have a nice #english_friday 💛
3👍1
#how_to оголосити тип глобальної змінної в TypeScript

👉 Відкрити посилання
👍52
В якій MAANG компанії ви б хотіли працювати?
Anonymous Poll
8%
Meta
14%
Amazon
18%
Apple
30%
Netflix
37%
Google
34%
Не хочу в жодній
🤔21
Tailwind Variants 🧣
#post_from @vova_taras

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

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

#library
👍53👀1
Віртуалізація списків 📋

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

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

Як це працює?

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

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

#interview
👍123
👍61
Що виведе консоль?
Anonymous Quiz
15%
[1, 2, 3]
7%
[1, 2]
52%
[2, 3, 4]
26%
[2, 3]
👍10🤯31
#todo написати функцію на будь-якій мові програмування, яка приймає масив чисел та повертає true, якщо весь масив посортований (за зростанням чи спаданням), інакше - false.

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

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

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

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

#library
👍11
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 💛
👍5
#how_to ввімкнути inlay підказки в VSCode

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

#shorts
👍112
На що найбільше схожа структура даних Стек?
Anonymous Quiz
33%
На чергу в магазині
57%
На тарілку з млинцями
10%
На родовідне дерево
👍92
Sitemap 🗺️

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

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

#interview
👍62
👍51
Що виведе консоль?
Anonymous Quiz
67%
[0, 1, 2, 3, 4]
5%
[1, 2, 3, 4, 5]
14%
[]
14%
[empty * 5]
👍121😱1
#todo реалізувати на будь-якій мові програмування будь-який патерн проектування.
👍6