Экосистема JavaScript и 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…
Как настроить React Context. Prop drilling портит ваш код. Вы передаете данные через пять уровней компонентов, которым они не нужны. React Context решает эту проблему. Однако большинство способов настройки созда…
Тестирование процессов смены email без пропущенных ссылок. Смена email аккаунта кажется незначительной задачей, но это распространенная ловушка для QA-команд. Один тестировщик обновляет адрес, а другой человек открывает письмо…
Правило трех секунд для веб-производительности. У вас есть три секунды. После этого ваши пользователи уходят. Исследования Google показывают, что 53% мобильных пользователей покидают сайт, если он загружается дольше 3 сек...
Использование React Refs и хука useRef. React использует декларативный подход. Вы обновляете состояние, и React обновляет пользовательский интерфейс. Это работает для большинства задач. Но иногда вам нужно выйти за рамки...
Почему использование индекса в качестве ключа в React — плохая идея. Вы создаете динамический список в React. Удаляете один элемент, и вдруг состояние интерфейса другого элемента меняется. Или вы сортируете список, и...
Отслеживайте посетителей сайта в реальном времени без подписок. Клиент хотел видеть, кто находится на его сайте в режиме реального времени. Им понравился виджет Tidio, но они не хотели платить за подписку...
Мой ИИ-агент для кодинга помнил сессии, а не саму работу. Агент для написания кода может поддерживать поток активным, но при этом казаться забывчивым. Я столкнулся с этой проблемой при создании CliGate. Я исправил продолжение сессий…
TypeScript: ключевое слово using и явное управление ресурсами. Утечки памяти в продакшене часто возникают из-за одной ошибки: разработчики получают ресурсы, но не освобождают их. Подключения к базе данных...
Как я обновил все филиалы, не притронувшись ни к одному компьютеру. Я разработал внутренний десктопный инструмент на базе Electron. Он работает на компьютерах во множестве филиалов. В этих офисах есть раз…
День 5 изучения React: батчинг и функциональные обновления. Я думал, что многократный вызов сеттера состояния вызывает несколько рендеров. Я ошибался. React работает умнее. Он использует…
My Backup Lost Every Photo I built a backup button for an offline mood tracker. It exported data to a JSON file. Users could save it and move it to a new phone. It seemed perfect.…
Почему ваш сайт, созданный «на вайбе», никогда не попадет в топ. В прошлом месяце один основатель показал мне сайт. Он выглядел отлично: плавная анимация и хлесткие тексты. Он собрал его за один день, используя A…
Собственный интернет-магазин на Firebase. Я разработал индивидуальный интернет-магазин с нуля, не используя готовые платформы. В работе я использовал Firebase Realtime Database и Netlify. Целью было…
Подписанный токен между двумя PWA: HMAC SHA256 без бэкенда. Вам нужно передать идентификатор пользователя из одного PWA в другой. Оба приложения работают в разных проектах Firebase. У них нет общих данных...
Создайте своего первого Discord-бота на JavaScript. Вы хотите создать Discord-бота. Возможно, вы видели ботов, которые играют музыку или проводят опросы, и задавались вопросом, как они устроены. К концу этой серии…
Почему я вернулся к JavaScript спустя 7 лет. Я UI-разработчик с 7-летним опытом. Я знаю HTML и CSS. Я умею превращать дизайн из Figma в код. Но я никогда не чувствовал себя настоящим де…
Вы не используете связанные списки. Но на них работает половина вашего ПО. Скорее всего, вы никогда не будете писать связанные списки в реальных JavaScript-проектах. Встроенные массивы вашего языка...
Когда React говорит о ререндере, это означает три вещи. Когда вы вызываете setState, React не просто обновляет DOM. Он последовательно выполняет три отдельных этапа. Большинство разработчиков путают...
100 дней, 87 инструментов, ноль серверов. Я потратил 100 дней на создание ToolKnit. Это набор из 87 браузерных инструментов. Большинство сайтов с инструментами работают так: вы загружаете файл, а сервер обрабатывает…
Я провел собеседования с 5 кандидатами на техническую должность. На прошлой неделе я собеседовал пять кандидатов на роль frontend-разработчика. У них был разный опыт и разные навыки. К концу дня…
React Lost Its Mass and Vercel Is Wearing Its Skin The React community used to own the project. Now, it feels like a hosting company manages it. The shift happened slowly. Then it…
25 ошибок в JSON, которые совершает каждый разработчик. JSON — это основа веб-коммуникации. Он легковесный и простой в чтении. Однако его правила строги. Малейшие ошибки ломают ваш код...
Фрагменты GraphQL: пусть каждый компонент сам управляет своими данными. Поначалу GraphQL-запросы выглядят аккуратно: один запрос получает все необходимые данные. Но затем ваше приложение растет, и запрос страницы начинает собирать поля…
