Rules of React

• Never update State directly, always use setState()
• Never alter the dom directly, always operate on a value in state
• Only call setState once per method or render cycle
• State is for values that change, Props is for values that don't, constants should be set outside the component

For cleaner React

• instead of using this.state multiple times, destructure the state object to save values