React 19: что нового, что полезного, и куда мы движемся

Разбираюсь, что привнес React 19: где реально стало проще, где просто по-новому, а где опять «революция» в духе «зачем ломать, если и так не работало»

❓ Что делает event.preventDefault() в JavaScript и когда его использовать?

Метод event.preventDefault() отменяет стандартное поведение элемента, не прерывая обработку других событий. Это полезно для управления формами, ссылками и другими интерактивными элементами.

📌 При клике на ссылку переход не произойдет, так как действие браузера заблокировано.

preventDefault() удобно использовать для валидации форм перед отправкой, отключения контекстного меню (contextmenu) и кастомного поведения кнопок и ссылок.

Button with tooltip hover timing feedback

Панель плеера с подсказками при наведении

Микрофронтенд на пальцах с module federation 2.0

В статье объясняется, как микрофронтенды работают с Module Federation 2.0, как взаимодействуют host и remote, и что происходит под капотом при подключении модуля. Простой разбор на React и Webpack

Firefly Button

Кнопка с анимированным эффектом при наведении

Решаем фундаментальную проблему асинхронных JavaScript-ошибок

В статье показывают, как правильно ловить и обрабатывать ошибки в асинхронном JavaScript. Разбираются примеры и приёмы для сохранения полезного stack trace вместо бесполезного однострочника

Fancy Glowing Button

Крутая кнопка с RGB подсветкой и эффектом при наведении

❓ Что делает event.target в JavaScript и когда его использовать?

Свойство event.target возвращает элемент, на котором произошло событие. Это полезно, когда нужно определить, какой конкретно вложенный элемент вызвал событие внутри общего обработчика.

✅ Пример:

<ul onclick="console.log(event.target.textContent)"> <li>Item 1</li> <li>Item 2</li> <li>Item 3</li> </ul>

📌 При клике на любой <li> в консоль выведется текст именно этого элемента.

event.target удобно использовать при делегировании событий — когда один обработчик навешивается на родителя и обрабатывает клики сразу на все вложенные элементы. Это упрощает код и повышает его гибкость.

Neumorphic Rocker Switch

Анимированный переключатель в стиле неоморфизм