Единственный перехватчик React, который вам понадобится для логических состояний

Переключение модальной видимости; скрывая и отображая сообщения, существует множество сценариев, в которых вы обнаружите, что пишете один и тот же код. Но есть решение: useBooleanState

Хук useBooleanState

Если перейти непосредственно к коду, это выглядит так:

Как это использовать?

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

По сути, это та же самая структура кода, которую вы будете использовать каждый раз, когда захотите что-то переключить. Видимость, состояния (включено, отключено и т. Д.), Список продолжается.

Посмотрим, как это выглядит, когда мы используем хук useBooleanState:

Тот же код, меньше строк и многословия. Семантика и функциональность сохранены. Вот и все.

Вывод

Я видел похожие хуки, где используется другое название, например, useToggle или useModal. Я предпочитаю сохранять его как можно более общим, чтобы другие разработчики не боялись использовать его, когда им нужно.

Хук useBooleanState - одна из тех вещей, которые хороший разработчик хотел бы держать в своем ящике для инструментов. Надеюсь, вы найдете это полезным для своих будущих проектов. Удачного кодирования.