GyaanSetu JavaScript

Екосистема JavaScript та TypeScript.

115 articlesDeep, practical knowledge

ШІ виграв війну TypeScript

ШІ виграв війну TypeScript. Суперечка закінчилася. TypeScript переміг не завдяки кращим аргументам. Він переміг, тому що інструменти ШІ зробили ці дебати неактуальними. Дослідники виявили ключову закономірність…

JavaScript · 2 min read

DOM CRUD операції

DOM CRUD операції. Об'єктна модель документа (DOM) — це спосіб, у який браузери представляють HTML. Вона перетворює кожен елемент, атрибут і фрагмент тексту на об'єкт. JavaScript використовує ці об'єкти…

JavaScript · 2 min read

Як налаштувати React Context

Як налаштувати React Context. Prop drilling псує ваш код. Ви передаєте дані через п'ять рівнів компонентів, яким вони не потрібні. React Context вирішує цю проблему. Однак більшість налаштувань створю…

JavaScript · 2 min read

Тестування Nodejs email-дайджестів без зайвого шуму у вхідних

Тестування Nodejs email-дайджестів без зайвого шуму у вхідних. Email-дайджести створюють проблеми, коли середовища попереднього перегляду надсилають підсумки на одну спільну поштову скриньку. Ви втрачаєте розуміння того, до якого повідомлення належить…

JavaScript · 2 min read

Тестування процесів зміни email без пропущених посилань

Тестування процесів зміни email без пропущених посилань. Зміна email-адреси облікового запису здається незначною справою. Це поширена пастка для QA-команд. Один тестувальник оновлює адресу, а інша людина відкриває лист...

JavaScript · 2 min read

Правило 3 секунд для продуктивності вебсайтів

Правило 3 секунд для продуктивності вебсайтів. У вас є три секунди. Після цього ваші користувачі йдуть. Дослідження Google показує, що 53% мобільних користувачів залишають сайт, якщо він завантажується довше ніж 3 се...

JavaScript · 2 min read

Використання React Refs та хука useRef

Використання React Refs та хука useRef. React використовує декларативний підхід. Ви оновлюєте стан, а React оновлює UI. Це працює для більшості завдань. Але іноді потрібно вийти за межі...

JavaScript · 2 min read

Чому використання індексу як ключа в React — це погана ідея

Чому використання індексу як ключа в React — це погана ідея. Ви створюєте динамічний список у React. Ви видаляєте елемент. Раптом стан інтерфейсу іншого елемента змінюється. Або ви сортуєте список, і ін…

JavaScript · 2 min read

Відстежуйте відвідувачів сайту в реальному часі без підписок

Відстежуйте відвідувачів сайту в реальному часі без підписок. Клієнт хотів бачити, хто перебуває на їхньому сайті в режимі реального часу. Їм сподобався віджет Tidio, але вони не хотіли платити за підписку...

JavaScript · 2 min read

Чому вам потрібен проп key у React

Чому вам потрібен проп key у React. Ви бачите цю помилку у своїй консолі: "Кожен дочірній елемент у списку повинен мати унікальний проп 'key'." Багато розробників ігнорують її. Це помилка. Це попередження...

JavaScript · 2 min read

Опануйте списки та ключі в React

Опануйте списки та ключі в React. Рендеринг списків у React — це просто, але зробити це правильно — складно. Багато розробників використовують індекс масиву як ключ. Це помилка. Це призводить до багів та с…

JavaScript · 2 min read

Тестування входу без пароля без хаосу в поштовій скриньці

Тестування входу без пароля без хаосу в поштовій скриньці. Вхід без пароля виглядає простим у демо-версії. Користувач вводить електронну пошту. Приходить магічне посилання. Сесія розпочинається. На стейджингу цей процес стає м...

JavaScript · 2 min read

Як Node.js обробляє тисячі запитів

Як Node.js обробляє тисячі запитів. Кажуть, що Node.js є однопотоковим. Проте він обробляє тисячі запитів, читає файли та робить API-виклики без зупинок. Як саме...

JavaScript · 2 min read

Прихована вартість кожного встановлення npm

Прихована вартість кожного встановлення npm. Ми витратили десять років на завантаження бібліотек, щоб виправити JavaScript. Ми використовували moment.js для роботи з датами. Ми використовували lodash для утиліт. Ми використовували node fetch для...

JavaScript · 2 min read

Помилки при використанні УФ-рециркуляторів повітря у харчовій промисловості

Помилки при використанні УФ-рециркуляторів повітря у харчовій промисловості. Гігієна повітря є життєво важливою у харчовій промисловості. Зони пакування є особливо чутливими. Мікроби, що переносяться повітрям, можуть зіпсувати якість продукту...

JavaScript · 2 min read

Створення інтерактивного посібника по додатку

Створення інтерактивного посібника по додатку. Команди підтримки часто стикаються з труднощами при роботі з додатками, які вони ніколи не встановлювали. Стандартним рішенням є PDF-файл зі скриншотами. Більшість людей не читають PDF-файли...

JavaScript · 2 min read

Чек-лист з оптимізації продуктивності React

Чек-лист з оптимізації продуктивності React. Повільні додатки вбивають бізнес. Вони спричиняють високий показник відмов і дратують користувачів. Вони також збільшують ваші витрати на інфраструктуру. Ви...

JavaScript · 2 min read

5-й день вивчення React: пакетне оновлення та функціональні оновлення

5-й день вивчення React: пакетне оновлення та функціональні оновлення. Я думав, що багаторазовий виклик сеттера стану призводить до багаторазового рендерингу. Я помилявся. React розумніший за це. Він використовує…

JavaScript · 2 min read

Ваша консоль вам бреше

Ваша консоль вам бреше. Інструменти розробника (DevTools) вашого браузера можуть вводити вас в оману під час налагодження. Вона не зламана. Вона оптимізована для швидкості, а не для ідеальної точності. Ось чому ви не мож...

JavaScript · 2 min read