Stop Using useEffect for Derived State in React

If your component stores price, quantity, and total separately, it stores a mathematical relationship as three independently updateable values. Every change to the inputs must then keep the result syn