Персистентная очередь на фронте

Пост о том, что такое персистентная очередь во фронтенде (или в мобильном приложении) и как она может быть использована.

#algorithms

Пять способов уменьшить размер бандла JavaScript

Оптимизация вашего приложения с помощью разделения кода на чанки, техники Tree Shaking`а, удаления ненужных библиотек и дублирования кода, компрессии бандла и prod-режима Webpack.

Пара интересных pen`ов на хэллоуинскую тематику

https://codepen.io/panvicka/pen/ExvYjNR - выпадающее меню с интересной анимацией при выборе элемента списка.

https://codepen.io/cobra_winfrey/pen/zYzVmWX - тоже dropdown, но с более классическим поведением.

#codepen

Иммутабельность объектов в JavaScript

Неизменяемость объекта является важной концепцией в любом языке программирования. Она ограничивает изменения объектов и предотвращает нежелательные операции с ними.

В статье автор рассказывает, как мы можем реализовать иммутабельность объектов в JavaScript с помощью методов freeze() и seal().

Борьба с гонками (race conditions) в JavaScript на примере работы с кешем

Короткий разбор особенностей работы async / await и Promise.all при кешировании запросов.

Как сделать Змейку на чекбоксах и не только

Забавный мини-проект с анимацией из простых чекбоксов. В посте можно найти несколько примеров реализации, ну а поиграться с демками можно тут - https://www.bryanbraun.com/checkboxland/

Blazor WebAssembly: соединительные линии в SVG

В статье описан способ реализации соединительных линий между SVG объектами. Соединительные линии автоматически перестраиваются при изменении положения объектов.

Демо - https://alexeyboiko.github.io/BlazorDraggableDemo/

Как создать блок с градиентной обводкой?

Представим ситуацию: перед вами встало сверх задание — нужно сделать на сайте блок с градиентной обводкой. Нужно сразу понимать, что для этого не существует простого и очевидного CSS API. Это значит, что для получения необходимого визуального эффекта нам нужно писать определенные “костыли”. Автор предлагает рассмотреть 2 подхода к решению этой задачи.

Базовые задачи на Promise в JavaScript

Promise - специальный объект, который хранит своё состояние и используется для обработки результатов асинхронных операций.

В статье - основные задачи на Promsie, которые часто спрашивают на собеседованиях.

Использование Google reCAPTCHA v2 и v3 в одной форме

Пост с примерами кода о том, как применить Google капчу: не пропустить робота и оставить в покое пользователя.