ШІ виграв війну TypeScript
ШІ виграв війну TypeScript. Суперечка закінчилася. TypeScript переміг не завдяки кращим аргументам. Він переміг, тому що інструменти ШІ зробили ці дебати неактуальними. Дослідники виявили ключову закономірність…
Екосистема JavaScript та TypeScript.
ШІ виграв війну TypeScript. Суперечка закінчилася. TypeScript переміг не завдяки кращим аргументам. Він переміг, тому що інструменти ШІ зробили ці дебати неактуальними. Дослідники виявили ключову закономірність…
A Width Check Said the String Was Safe to Cut. It Split a Kanji in Half. A name entered a terminal table and came out broken. The surname was 𠮷田. The first character is not the c…
DOM CRUD операції. Об'єктна модель документа (DOM) — це спосіб, у який браузери представляють HTML. Вона перетворює кожен елемент, атрибут і фрагмент тексту на об'єкт. JavaScript використовує ці об'єкти…
Як налаштувати React Context. Prop drilling псує ваш код. Ви передаєте дані через п'ять рівнів компонентів, яким вони не потрібні. React Context вирішує цю проблему. Однак більшість налаштувань створю…
Тестування Nodejs email-дайджестів без зайвого шуму у вхідних. Email-дайджести створюють проблеми, коли середовища попереднього перегляду надсилають підсумки на одну спільну поштову скриньку. Ви втрачаєте розуміння того, до якого повідомлення належить…
Тестування процесів зміни email без пропущених посилань. Зміна email-адреси облікового запису здається незначною справою. Це поширена пастка для QA-команд. Один тестувальник оновлює адресу, а інша людина відкриває лист...
Правило 3 секунд для продуктивності вебсайтів. У вас є три секунди. Після цього ваші користувачі йдуть. Дослідження Google показує, що 53% мобільних користувачів залишають сайт, якщо він завантажується довше ніж 3 се...
Використання React Refs та хука useRef. React використовує декларативний підхід. Ви оновлюєте стан, а React оновлює UI. Це працює для більшості завдань. Але іноді потрібно вийти за межі...
Чому використання індексу як ключа в React — це погана ідея. Ви створюєте динамічний список у React. Ви видаляєте елемент. Раптом стан інтерфейсу іншого елемента змінюється. Або ви сортуєте список, і ін…
Відстежуйте відвідувачів сайту в реальному часі без підписок. Клієнт хотів бачити, хто перебуває на їхньому сайті в режимі реального часу. Їм сподобався віджет Tidio, але вони не хотіли платити за підписку...
Чому вам потрібен проп key у React. Ви бачите цю помилку у своїй консолі: "Кожен дочірній елемент у списку повинен мати унікальний проп 'key'." Багато розробників ігнорують її. Це помилка. Це попередження...
My Coding Agent Remembered Sessions, Not Work A coding agent can keep a thread alive and still feel forgetful. I ran into this issue while building CliGate. I fixed session contin…
Опануйте списки та ключі в React. Рендеринг списків у React — це просто, але зробити це правильно — складно. Багато розробників використовують індекс масиву як ключ. Це помилка. Це призводить до багів та с…
TypeScript: ключове слово `using` та явне керування ресурсами. Витоки пам'яті у продакшені часто виникають через одну помилку: розробники отримують ресурси, але не звільняють їх. Підключення до бази даних...
Тестування входу без пароля без хаосу в поштовій скриньці. Вхід без пароля виглядає простим у демо-версії. Користувач вводить електронну пошту. Приходить магічне посилання. Сесія розпочинається. На стейджингу цей процес стає м...
Як Node.js обробляє тисячі запитів. Кажуть, що Node.js є однопотоковим. Проте він обробляє тисячі запитів, читає файли та робить API-виклики без зупинок. Як саме...
Прихована вартість кожного встановлення npm. Ми витратили десять років на завантаження бібліотек, щоб виправити JavaScript. Ми використовували moment.js для роботи з датами. Ми використовували lodash для утиліт. Ми використовували node fetch для...
Помилки при використанні УФ-рециркуляторів повітря у харчовій промисловості. Гігієна повітря є життєво важливою у харчовій промисловості. Зони пакування є особливо чутливими. Мікроби, що переносяться повітрям, можуть зіпсувати якість продукту...
Створення інтерактивного посібника по додатку. Команди підтримки часто стикаються з труднощами при роботі з додатками, які вони ніколи не встановлювали. Стандартним рішенням є PDF-файл зі скриншотами. Більшість людей не читають PDF-файли...
Невидимий фронтенд: маленькі рішення, що рятують продукт. Найкраща фронтенд-робота ніколи не потрапляє на демо. Робота, яку я ціную найбільше, — невидима. Ніхто не робить її скриншотів. Але…
Як я оновив усі філії, не торкаючись жодного комп'ютера. Я розробив внутрішній десктопний інструмент на базі Electron. Він працює на комп'ютерах у багатьох філіях. Ці офіси мають різ…
Чек-лист з оптимізації продуктивності React. Повільні додатки вбивають бізнес. Вони спричиняють високий показник відмов і дратують користувачів. Вони також збільшують ваші витрати на інфраструктуру. Ви...
5-й день вивчення React: пакетне оновлення та функціональні оновлення. Я думав, що багаторазовий виклик сеттера стану призводить до багаторазового рендерингу. Я помилявся. React розумніший за це. Він використовує…
Ваша консоль вам бреше. Інструменти розробника (DevTools) вашого браузера можуть вводити вас в оману під час налагодження. Вона не зламана. Вона оптимізована для швидкості, а не для ідеальної точності. Ось чому ви не мож...