JavaScript заметки

Один компонент, 20+ фич, A/B-тесты: Поможет ли машина состояний? Сталкивались ли вы с проблемой возникновения багов из-за пересечения включенных фичей в приложении? Или, возможно, была необходимость одновременно проводить большое число A/B-экспериментов в одном компоненте?  #статья ❤️ Прожимай реакции, если нравится такой формат 👉 Читать статью

Работа с графикой: использование библиотеки Canvas для рисования и визуализации данных Работа с графикой является важной частью разработки веб-приложений, особенно при рисовании и визуализации данных. Для этого разработчики часто используют библиотеку Canvas, которая предоставляет мощные инструменты для создания интерактивных и красочных графических элементов. Canvas - это элемент HTML5, который позволяет рисовать графику с помощью JavaScript. Он предоставляет API для создания и управления контекстом рисования, на котором можно рисовать линии, фигуры, текст и многое другое. В данном примере мы получаем контекст рисования Canvas с помощью метода getContext(). Затем мы используем методы контекста, такие как fillRect() для рисования прямоугольника, stroke() для рисования линии и fillText() для рисования текста. Мы также можем устанавливать различные свойства контекста, такие как цвет заливки (fillStyle), цвет обводки (strokeStyle), толщина линии (lineWidth) и шрифт (font). #полезное

Что быстрее: Animated + useNativeDriver или Reanimated? В этой статье попробуем разобраться, что же всё-таки работает быстрее: React-Native-Reanimated или Animated + useNativeDriver: true. #статья ❤️ Прожимай реакции, если нравится такой формат 👉 Читать статью

Использование eval для выполнения кода в контексте объекта eval может выполняться в контексте объекта с помощью call. В данном случае this внутри eval ссылается на объект context. #полезное

Как декораторы могут упростить разработку веб-форм В статье я буду писать о подходе, использующем библиотеку MobX. Так что если вы в своих проектах её не используете, статья может быть не так полезна. Но вы можете рассматривать её, как возможный источник вдохновения по тому, как можно разрабатывать формы. #статья ❤️ Прожимай реакции, если нравится такой формат 👉 Читать статью

Использование eval для выполнения асинхронного кода eval может выполнять асинхронный код, включая await. В данном случае он ждёт 1 секунду, а затем выводит сообщение. #полезное

Один компонент, 20+ фич, A/B-тесты: Поможет ли машина состояний? Сталкивались ли вы с проблемой возникновения багов из-за пересечения включенных фичей в приложении? Или, возможно, была необходимость одновременно проводить большое число A/B-экспериментов в одном компоненте?  #статья ❤️ Прожимай реакции, если нравится такой формат 👉 Читать статью

Ограничение области видимости eval с помощью функции eval может изменять переменные в текущей области видимости. В данном случае он изменяет значение локальной переменной x. #полезное

Что такое react-afc react-afc - библиотека для более простого (чем в простом react) уменьшения количества ненужных ререндеров дочерних компонентов. #статья ❤️ Прожимай реакции, если нравится такой формат 👉 Читать статью

Использование eval для выполнения кода в глобальной области видимости eval может создавать переменные в глобальной области видимости. В данном случае создаётся глобальная переменная globalVar. #полезное

Решаем задачу: как сохранить нервные клетки пользователей с помощью валидации поля ввода В этом году я много путешествовал, поэтому нередко заполнял формы с анкетами на разные визы — в них бывало по 30—40 полей. Когда что-то шло не так, часто сайты не давали никакой обратной связи. Иногда они сбрасывали всё, что я заполнял в течение часа, если одно из полей невалидно.  Решить проблему могла бы валидация. Это критически важная часть разработки веб-приложений, которая соотносит данные с необходимым форматом и указывает на ошибки. Также она гарантирует безопасность дальнейшей обработки этих данных.  В этой статье мы разберёмся, как настроить валидацию поля ввода. #статья ❤️ Прожимай реакции, если нравится такой формат 👉 Читать статью

Вызов функции через eval eval вызывает функцию по её имени, заданному в functionName, и передаёт ей аргумент argument. В данном случае вызывается функция greet с аргументом "Alice". #полезное

As const в Typescript В разработке часто возникают ситуации, когда точность типов и нежелание допускать неясности в коде становятся первостепенными задачами. В таких случаях, разработчикам приходится искать инструменты, предоставляющие максимальную ясность и строгость в определении данных. Один из таких инструментов — ключевое слово as const. В данной статье мы рассмотрим, как as const может повысить уровень строгости и предсказуемости, а также рассмотрим практические примеры его использования для создания неизменяемых и точных типов. #статья ❤️ Прожимай реакции, если нравится такой формат 👉 Читать статью

Динамическое создание переменной eval создаёт переменную с именем, заданным в variableName, и присваивает ей значение value. В данном случае создаётся переменная x со значением 10. #полезное

Типы событий в React и TypeScript При работе с React и TypeScript вы часто сталкиваетесь с ошибками... #статья ❤️ Прожимай реакции, если нравится такой формат 👉 Читать статью

Вычисление математического выражения eval вычисляет математическое выражение, записанное в строке. В данном случае строка "2 + 3 * 4" вычисляется как 2 + (3 * 4), что равно 14. #полезное

Обработка событий в JavaScript: всплытие, перехват, делегирование и распространение событий JavaScript поможет сделать веб-приложение интерактивным и отзывчивым. Важно только освоить методы обработки событий, которые заставляют приложения адекватно реагировать на действия пользователей и предотвращают неожиданное поведение. #статья ❤️ Прожимай реакции, если нравится такой формат 👉 Читать статью

Простое выполнение кода eval принимает строку code и выполняет её как JavaScript-код. В данном случае строка содержит команду console.log, которая выводит сообщение в консоль. #полезное

Как реализовать простой контроль версий с помощью JavaScript, чтобы лучше разобраться в Git Git - эффективная система, предназначенная для контроля версий и отслеживания истории исходного кода. Изучим внутреннее устройство Git, реализуя его упрощенную версию. #статья ❤️ Прожимай реакции, если нравится такой формат 👉 Читать статью

Использование JavaScript localStorage для долгосрочного хранения данных на стороне клиента localStorage подобен sessionStorage, но сохраняет данные на стороне клиента даже после закрытия вкладки или браузера. #полезное