Валидация формы с помощью AJV, Vue.js и TypeScript

Валидация форм является важной частью frontend-разработки, которая помогает улучшить пользовательский опыт и предотвратить ошибки при отправке данных на сервер. В этой статье мы рассмотрим, как использовать библиотеку AJV совместно с Vue.js и TypeScript для создания мощной системы валидации формы.

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью

Использование JavaScript WeakMap для привязки данных к объектам без утечек памяти

WeakMap хранит ключи в виде объектов, которые могут быть удалены сборщиком мусора, предотвращая утечки памяти.

#полезное

Сборка мусора в JavaScript

Каждый из нас, хотя бы раз, слышал о сборке мусора. Мы знаем, что где-то там работает сборщик мусора, убирая за нами ненужные объекты. Но сколько из нас знают, как он устроен под капотом?
В этой статье мы заглянем под капот этого процесса, поймем, как работает память, и изучим алгоритм сборки мусора.
Поехали убираться!

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью

Использование JavaScript WebRTC API для передачи потоков данных в реальном времени

WebRTC API используется для захвата и передачи потоков аудио и видео в реальном времени между пользователями.

#полезное

Раскрываем силу JavaScript: сокращение размера пакета NPM на 99%

Ищете пути повышения производительности приложения? Ознакомьтесь со способами значительного улучшения метрик в Lighthouse и FCP в проектах с использованием пакета дизайн-системы.

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью

Использование JavaScript BigInt для работы с большими числами

BigInt позволяет работать с числами, которые превышают пределы обычного типа Number.

#полезное

Типы событий в React и TypeScript

И снова всем привет! Продолжение к переводу второй части книги Patterns.dev
В ней речь идет про паттерны производительности. Узнайте, как оптимизировать последовательность загрузки, чтобы повысить скорость использования вашего приложения и др.

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью

Использование JavaScript Promise.allSettled для обработки нескольких промисов независимо от их состояния

Promise.allSettled возвращает результаты всех промисов, независимо от их выполнения или отклонения.

#полезное

Увлекательный мир фронтенда

Фронтенд-разработка — это как собирать лего без инструкции: иногда весело и творчески, но порой ты забираешься на кровать и кричишь: «@#%, да где же этот пропавший блок?!»

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью

Использование JavaScript Async Iterators для работы с потоковыми данными

Асинхронные итераторы позволяют обрабатывать данные по мере их поступления, что полезно для потоковых данных.

#полезное

Typescript ENUM — баланс использования

Меня зовут Михаил. В НЛМК нахожусь на должности Frontend-разработчика. Занимаюсь разработкой внутренних информационных систем на React + Typescript.

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью

Использование JavaScript AbortController для управления асинхронными запросами

AbortController позволяет отменять асинхронные операции, такие как запросы через Fetch API.

#полезное

Кодогенерация и парсинг TypeScript с помощью typescript

Одной из интересных возможностей пакета typescript является то, что он содержит API для генерации TypeScript-кода, а также парсер для работы с написанным на TypeScript кодом. Кодогенерация часто используется для автоматического создания типов для работы с http api (типизация тела запроса, ответа, query параметров и тд.). В npm есть модули, генерирующие сервисы для работы с api на основе openapi, graphQl схем и тому подобное, и обычно возможностей существующих модулей хватает для решения большей части задач.

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью

Использование JavaScript Static Methods в классах

Статические методы вызываются на самом классе, а не на его экземпляре, что полезно для утилитарных функций.

#полезное

Как реализовать простой контроль версий с помощью JavaScript, чтобы лучше разобраться в Git

Git - эффективная система, предназначенная для контроля версий и отслеживания истории исходного кода. Изучим внутреннее устройство Git, реализуя его упрощенную версию.

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью

Использование JavaScript Dynamic Imports для загрузки модулей по запросу

Динамические импорты позволяют загружать модули по мере необходимости, что улучшает производительность и экономит ресурсы.

#полезное

Обработка событий в JavaScript: всплытие, перехват, делегирование и распространение событий

JavaScript поможет сделать веб-приложение интерактивным и отзывчивым. Важно только освоить методы обработки событий, которые заставляют приложения адекватно реагировать на действия пользователей и предотвращают неожиданное поведение.

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью

Использование JavaScript Map для эффективного хранения пар ключ-значение

Map обеспечивает упорядоченное хранение данных и позволяет использовать любые типы данных в качестве ключей, в отличие от объектов.

#полезное

Решаем задачу: как сохранить нервные клетки пользователей с помощью валидации поля ввода

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

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью