Рубрика «hooks»
20 частых антипаттернов в React и как их исправить: кратко, понятно, без мифов
2025-08-15 в 15:45, admin, рубрики: antipatterns, hooks, javascript, JS, jsx, ReactReact хуки произвели революцию в том, как мы пишем компоненты, особенно новые хуки из 19 версии для форм. Но помимо встроенных хуков, мы можем создавать собственные, чтобы переиспользовать логику между компонентами. Давайте разберемся, как это делать.
Что такое кастомный хук?
Кастомный хук - это обычная функция, название которой начинается с "use", и которая может вызывать другие хуки. Рассмотрим простой пример
const useBoolean = (initialValue = false) => {
const [value, setValue] = useState(initialValue);
const toggle = (value?: boolean) => setValue((prev) => value ?? !prev);
return [value, toggle];
};ERC-7579: Эволюция абстрактных аккаунтов или как правильно сделать модульную архитектуру
2025-01-10 в 4:24, admin, рубрики: AA, account abstraction, erc-4337, erc-6900, erc-7579, hooks, modular smart-account, plugins, абстракция учетной записи, модульные абстрактные аккаунтыERC-7579 — это стандарт Ethereum, описывающий модульные абстрактные аккаунты (Modular Smart Contract Account — MSA). Он расширяет функциональность ERC-4337 (Account Abstraction), позволяя выносить дополнительную логику и проверки в отдельные внешние модули.
Предпосылки
С появлением ERC-4337 многие разработчики воодушевились новыми возможностями и пошли делать смарт-аккаунты с самым разнообразным функционалом. Лидерами этой гонки стали крупные компании, такие как Alchemy, Safe, Biconomy, Читать полностью »
Разбор ERC-6900: Модульные абстрактные аккаунты и плагины
2024-11-16 в 5:49, admin, рубрики: AA, account abstraction, erc-4337, erc-6900, hooks, modular smart-account, plugins, абстракция учетной записи, модульные абстрактные аккаунтыERC-6900 — это стандарт Ethereum, определяющий модульные абстрактные аккаунты (Modular Smart Contract Account — MSCA). Он расширяет функциональность абстрактных аккаунтов ERC-4337 (кто пропустил, мы уже писали о них тут), позволяя выносить дополнительную логику и проверки во внешние модули.
Ключевые аспекты ERC-6900:
-
Модульность: позволяет разделить логику аккаунта на отдельные плагины.
-
Расширяемость: упрощает добавление новых функций к аккаунтам без изменения основного кода.
-
СтандартизацияЧитать полностью »
Недавно я наткнулся на имплементацию хуков для Flutter, о которой и хочу рассказать.
Зачем использовать хуки во Flutter?
Причины те же, по которой люди используют их в React, а именно:
-
Удобство
-
Отсутствие бойлерплейта
-
Простота для тривиальных случаев
В частности, неприятный момент со Statefull виджетами – большое количество бойлерплейта с initState и disposeЧитать полностью »
Debouncing с помощью React Hooks: хук для функций
2020-07-21 в 8:00, admin, рубрики: debounce, hooks, javascript, React, ReactJS, Блог компании ДомКлик, Разработка веб-сайтовЗдравствуйте! Меня зовут Игорь Шамаев, я главный инженер по разработке в команде SmartData. Занимаюсь fullstack-разработкой внутренней аналитической BI-системы. В нашей компании React принят в качестве основного стандарта для построения пользовательских интерфейсов. Как и большая часть сообщества React, мы активно используем хуки в нашей повседневной работе.
Постоянное обучение — неотъемлемая часть работы любого хорошего разработчика. Поэтому сегодня мне хотелось бы внести свой скромный вклад в этот процесс и представить небольшое руководство для тех, кто начинает активно изучать React и работу с хуками. И попутно дать вам небольшой и полезный инструмент для работы с новым стандартом React.
В переводе статьи Debouncing с помощью React Hooks мы узнали, как можно без сторонних библиотек, используя только возможности React, создать хук в несколько строк кода для работы с отложенными изменениями значений переменных. Теперь я предлагаю рассмотреть еще один полезный хук, который поможет нам отложить вызов функции. Если функция будет вызываться много раз подряд, то фактический вызов произойдет только по прошествии установленного нами интервала задержки. То есть, только для последнего вызова из серии. Решение также очень компактное и легко реализуемое в React. Если вам стало интересно, прошу под кат.
Debouncing с помощью React Hooks
2020-03-13 в 13:52, admin, рубрики: hooks, javascript, React, ReactJS, переводСегодня я собираюсь показать вам, как создать хук useDebounce, который позволяет супер-просто отложить вызовы АПИ, что бы они не происходили слишком часто.
Так же я создал демо, которое использует наш хук. Оно ищет по АПИ Marvel Comics и хук useDebounce позволяет избежать обращений к серверу на каждое нажатие клавиши.
Две красные кнопки, паяльник и React: как мы делали движуху для IT-конференции
2019-12-26 в 13:01, admin, рубрики: arduino, badoo, DIY, diy или сделай сам, hooks, javascript, ReactJS, Блог компании Badoo, конференции, конференцияBadoo регулярно участвует со стендом в выставках IT-конференций. Поэтому каждый год мы с коллегами — инженерами и деврелами — придумываем, что бы такого айтишного сделать, чтобы не скучать в перерывах между докладами.
Меня зовут Иван, я frontend-разработчик. В этой статье вместе с коллегой и DIY-энтузиастом lilek Юрой Лилековым мы расскажем, как при помощи двух красных кнопок, одного микроконтроллера, кода на React и 250 слов на айти-тематику мы сделали игру «IT-угадайка» и собрали уютную тусовочку на Highload++ и Heisenbug.
Расшифровка LUKS контейнера в момент загрузки системы
2019-06-23 в 13:51, admin, рубрики: hooks, initramfs, lifehack, linux, luks, Настройка Linux, системное администрированиеВсем доброго дня, ночи! Этот пост будет полезен тем, кто используется шифрование данных LUKS и хочет производить decryptдешифровку дисков под Linux (Debian, Ubuntu) на стадии расшифровки root раздела. И такой информации в интернете я найти не смог.
Совсем недавно с увеличением количества дисков в полках, столкнулся с проблемой расшифровки дисков с использованием более чем известного метода через /etc/crypttab. Лично я выделяю несколько проблем использования этого метода, а именно то, что файл читается только после загрузки (mount) root-раздела, что негативно сказывается на импорте ZFS, в частности если они были собраны из разделов на *_crypt устройстве, или же mdadm рейды, собранные так же из разделов. Мы же все знаем, что можно использовать parted на LUKS контейнерах? И также проблема раннего старта других служб, когда массивов еще нет, а использовать уже что-то надо (я работаю с кластеризованным Proxmox VE 5.x и ZFS over iSCSI).
И второй вопрос, который я рассмотрю, это чем производить расшифровку (это ключевой момент статьи). И об этом мы поговорим ниже, заходите под кат!
Читать полностью »
Введение в React Hooks
2018-11-13 в 12:38, admin, рубрики: frontend-разработка, hooks, javascript, JS, React, react.js, ReactJS, Разработка веб-сайтов, Тестирование веб-сервисов
Если вы читаете Twitter, вы, вероятнее всего, знаете что Hooks - это новая фича React, но вы можете спросить, как мы на практике можем их использовать? В этой статье мы покажем вам несколько примеров использования Hooks.
Одна из ключевых идей для понимания заключается в том, что Hooks позволяют использовать state и другие возможности React без написания классов.
Читать полностью »