AI Won The Typescript War
AI Won The Typescript War The debate is over. TypeScript did not win because of better arguments. It won because AI tools made the debate irrelevant. Researchers found a key patte…
GyaanSetu JavaScript
Экосистема JavaScript и TypeScript.
A Width Check Said the String Was Safe to Cut. It Split a Kanji in Half.
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…
CRUD-операции с DOM
CRUD-операции с DOM. Объектная модель документа (DOM) — это способ представления HTML в браузерах. Она превращает каждый элемент, атрибут и текстовый фрагмент в объект. JavaScript использует эти объекты…
Как настроить React Context
Как настроить React Context. Prop drilling портит ваш код. Вы передаете данные через пять уровней компонентов, которым они не нужны. React Context решает эту проблему. Однако большинство способов настройки созда…
Тестирование дайджест-писем на Node.js без лишнего шума во входящих
Тестирование дайджест-писем на Node.js без лишнего шума во входящих. Дайджест-письма создают проблемы, когда среды предварительного просмотра отправляют сводки на один общий почтовый ящик. Вы теряете понимание того, к чему относится сообщение...
Тестирование процессов смены email без пропущенных ссылок
Тестирование процессов смены email без пропущенных ссылок. Смена email аккаунта кажется незначительной задачей, но это распространенная ловушка для QA-команд. Один тестировщик обновляет адрес, а другой человек открывает письмо…
Правило трех секунд для веб-производительности
Правило трех секунд для веб-производительности. У вас есть три секунды. После этого ваши пользователи уходят. Исследования Google показывают, что 53% мобильных пользователей покидают сайт, если он загружается дольше 3 сек...
Использование React Refs и хука useRef
Использование React Refs и хука useRef. React использует декларативный подход. Вы обновляете состояние, и React обновляет пользовательский интерфейс. Это работает для большинства задач. Но иногда вам нужно выйти за рамки...
Почему использование индекса в качестве ключа в React — плохая идея
Почему использование индекса в качестве ключа в React — плохая идея. Вы создаете динамический список в React. Удаляете один элемент, и вдруг состояние интерфейса другого элемента меняется. Или вы сортируете список, и...
Отслеживайте посетителей сайта в реальном времени без подписок
Отслеживайте посетителей сайта в реальном времени без подписок. Клиент хотел видеть, кто находится на его сайте в режиме реального времени. Им понравился виджет Tidio, но они не хотели платить за подписку...
Зачем нужен проп key в React
Зачем нужен проп key в React. Вы видите эту ошибку в консоли: «Each child in a list should have a unique 'key' prop». Многие разработчики игнорируют её. Это ошибка. Это предупреждение...
Мой ИИ-агент для кодинга помнил сессии, а не саму работу
Мой ИИ-агент для кодинга помнил сессии, а не саму работу. Агент для написания кода может поддерживать поток активным, но при этом казаться забывчивым. Я столкнулся с этой проблемой при создании CliGate. Я исправил продолжение сессий…
Освоение списков и ключей в React
Освоение списков и ключей в React. Рендеринг списков в React прост, но сделать это правильно — сложно. Многие разработчики используют индекс массива в качестве ключа. Это ошибка. Она приводит к багам и с…
TypeScript: ключевое слово using и явное управление ресурсами
TypeScript: ключевое слово using и явное управление ресурсами. Утечки памяти в продакшене часто возникают из-за одной ошибки: разработчики получают ресурсы, но не освобождают их. Подключения к базе данных...
Test Passwordless Login Without Inbox Chaos
Test Passwordless Login Without Inbox Chaos Passwordless login looks easy in a demo. A user enters an email. A magic link arrives. The session starts. In staging, this flow gets m…
Как Node.js обрабатывает тысячи запросов
Как Node.js обрабатывает тысячи запросов. Говорят, что Node.js однопоточен. Тем не менее, он обрабатывает тысячи запросов, читает файлы и делает API-вызовы без остановки. Как же...
Скрытая цена каждой установки npm
Скрытая цена каждой установки npm. Мы потратили десять лет на скачивание библиотек, чтобы исправить JavaScript. Мы использовали moment.js для работы с датами. Мы использовали lodash для утилит. Мы использовали node fetch для…
Ошибки при использовании УФ-рециркуляторов воздуха в пищевом производстве
Ошибки при использовании УФ-рециркуляторов воздуха в пищевом производстве. Гигиена воздуха имеет жизненно важное значение в пищевом производстве. Зоны упаковки особенно чувствительны. Микробы, передающиеся по воздуху, могут испортить кач…
Создание интерактивного руководства по приложению
Создание интерактивного руководства по приложению. Команды поддержки часто испытывают трудности с приложениями, которые они никогда не устанавливали. Стандартным решением является PDF-файл со скриншотами. Большинство людей не читают PDF-файлы...
Невидимый фронтенд: маленькие решения, которые спасают продукт
Невидимый фронтенд: маленькие решения, которые спасают продукт. Лучшая фронтенд-работа никогда не попадает на демо. Работа, которую я ценю больше всего, — невидима. Никто не делает её скриншотов. Но…
Как я обновил все филиалы, не притронувшись ни к одному компьютеру
Как я обновил все филиалы, не притронувшись ни к одному компьютеру. Я разработал внутренний десктопный инструмент на базе Electron. Он работает на компьютерах во множестве филиалов. В этих офисах есть раз…
Чек-лист по оптимизации производительности React
Чек-лист по оптимизации производительности React. Медленные приложения губят бизнес. Они приводят к высокому показателю отказов и раздражают пользователей. Они также увеличивают ваши расходы на инфраструктуру. Вы...
День 5 изучения React: батчинг и функциональные обновления
День 5 изучения React: батчинг и функциональные обновления. Я думал, что многократный вызов сеттера состояния вызывает несколько рендеров. Я ошибался. React работает умнее. Он использует…
Ваша консоль вам лжет
Ваша консоль вам лжет. Инструменты разработчика в вашем браузере могут ввести вас в заблуждение во время отладки. Они не сломаны. Они оптимизированы для скорости, а не для идеальной точности. Вот почему вы не мож...