Эмулируем React useState в обычном JS (via data-attributes & css selectors)

Скрипты и советы | 1 января 2023

Уроки CSS на Хабрахабре, habrahabr.ru, CSS, JavaScript, HTML, ReactJS, usestate, react, javascript, css, html, data-attr, css-selectors,

Добрый день хабр! Решил поделиться своим небольшим, но полезным открытием в плане использования html data-attributes & css selectors.

Html data-attributes - это кастомные атрибуты, которые вы можете сами назначать куда-угодно и с каким угодно именем (но имя должно начинаться с префикса data-). Затем вы можете использовать их в css селекторах, чтобы влиять на содержимое классов и уже классами управлять элементами. Движок браузера автоматически среагирует на изменение data-атрибута и применит соответствующий код css класса.

-
[Перевод] Полное руководство по HTML-атрибутам data-*

Представляем вашему вниманию перевод статьи, посвящённой использованию атрибутов data-*. Это — атрибуты, которые можно...

Подробнее
Еще один способ использовать SVG в React. На этот раз удобный

SVG-изображения можно вставлять непосредственно в html, можно использовать символьные спрайты, теги , и даже . Можно...

Подробнее
Как выбрать перспективные ключи для SEO на основе сценарного прогноза в Google Data Studio (+шаблон)

Типичная ситуация: нужно продвинуть сайт по 800 запросам, но денег хватает только на 100. Как выбрать из общей массы...

Подробнее
прикольный фотки Mark Squires

листая сегодня свою подборку RSS каталов, которая настроена не через модный Гуглридер или ЯндексЛенту а на основе...

Подробнее
Хак сортировка новостей по цифровому коду

Хак предназначен для версии DLE 10.3 Добавляет возможность ручной установки "рейтинга" для новостей (в диапазоне от 1...

Подробнее
Проектирование анимации или как я в дизайнерскую авантюру ввязался

Вот уже неделя с небольшим минула, как я решил ввязаться в дизайнерскую авантюру! Daily UI это опциональный челлендж...

Подробнее

💬 Комментарии

В связи с новыми требованиями законодательства РФ (ФЗ-152, ФЗ «О рекламе») и ужесточением контроля со стороны РКН, мы отключили систему комментариев на сайте.

🔒 Важно Теперь мы не собираем и не храним ваши персональные данные — даже если очень захотим.

💡 Хотите обсудить материал?

Присоединяйтесь к нашему Telegram-каналу:

https://t.me/tcsecms/

Нажмите кнопку ниже — и вы сразу попадёте в чат с комментариями