CheckoutContainer.es6.jsx

// Current structure
constructor(props) {
  super(props)

  this.state = {
    isValidating: false,
    processing: false,
    // ... other state setting from custom functions
    // ... other state setting from props
  }
}


// Second pass
static defaultState = {
  isValidating: false,
  processing: false,
}

constructor(props) {
  super(props)

  this.state = {
    ...CheckoutContainer.defaultState
    // ... 
  }
}


// third pass
// This solves the main issue I had with the first pass however in a more standard way. There shouldn't be any performance issues.
// That said is it weird to have a function that just returns static values?
constructor(props) {
  super(props)

  this.state = {
    ...this.defaultState()
    // ... 
  }
}

defaultState = () => ({
  isValidating: false,
  processing: false,
})