Перший випуск React Code Smells - чому не потрібно зберігати похідні дані в State та що робити щоб їх не зберігати

🎉 Зробив перший випуск React-Code-Smells - рубрики коротких відео про помилки або так звані bad practice в React.

Ось вижимка (але зайдіть подивіться, відео аж 5 хвилин)

✍️ Похідні дані це такі дані які повністю залежать від інших (даних) і мають змінюватися разом з ними. Наприклад валідаційні дані, ціна зі знижкою, тощо.
✍️ Похідні дані не треба зберігати в стейті. Це роздуває і ускладнює стейт, створює простір для помилок.
✍️ Замість збереження таких даних - обраховуйте їх під час рендеру. Якщо правила обрахування складні - виносьте ці правила в окрему, чисту, функцію і тестуйте її. Це підвищить надійність коду і навіть читабельність.

Окремо лежить репозиторій з прикладами, які планую потроху доповнювати.

А які ознаки "поганого коду" ви знаєте? Напишіть в коментарях і, можливо, вони з'являться в наступних відео з посиланням на вас 😎

@reactbeginners