​​📖 Avoid These Common Pitfalls Of React useState

Статья описывает самые популярные ошибки при использовании useState в Реакте:

• Избыточное состояние (Redundant State)
• Дублирующее состояние (Duplicate State)
• Обновление состояния через useEffect (Updating State Via useEffect)
• Подписка на изменения состояния через useEffect (Listening To State Changes Via useEffect)
• Конфликтующие состояния (Contradicting State)
• Состояние с глубокой вложенностью (Deeply Nested State)

Среди описанные проблем нашёл практически кусок своего кода, связанный с асинхронными запросами — пример как не надо делать прикреплён. Чтобы не совершать таких ошибок, нужно вспомнить о некоторых рекомендациях, когда лучше использовать useReducer:

• Для управления объектом, лучше использовать useReducer
• Для управления состояниями, зависящими друг от друга, лучше использовать useReducer — как раз этот случай и описывается в статье