Понимание «useReducer в React» на примере реальной жизни

💖 Для тех, кто узнал о useReducer, но все еще не может понять, когда нужно использовать интуитивно

💎 Я реализовал кнопку переключения по useState

const [showMenu, setShowMenu] = useState<boolean>(true)

// when I want to show/hide toggle button
setShowMenu(!showMenu)

💎 Но я понял, что есть лучший способ с помощью useReducer

const [showMenu, toggleShowMenu] = useReducer((prev) => !prev, true)

// when I want to show/hide toggle button, that's all!
toggleShowMenu()

Если вам понравился этот опыт «реальный пример использования UseReducer», напишите комментарий 😎