MyFormLocalStateAndReduceless.js

// Two states can live together in one component.
// `this.state` is a React local state. Can be changed using `this.setState()`
// `this.props.state` is a slice of Redux state. Can be changed using `this.props.setState()`
class MyFormVanilla extends React.Component {
  constructor(props) {
    super();
    // Default value for local React state
    this.state = {
      checked: false,
    };
  }

  render () {
    return (
      <div>
        This input is controlled by local React state
        <input
          type="checkbox"
          checked={this.state.checked}
          onChange={e => this.setState({'checked': !this.state.checked})}
        />
        
        This Input is cotrolled by Redux state stored by 'path.to.your.form.in.redux.state' path
        <input
          type="checkbox"
          checked={this.props.state.checked}
          onChange={e => this.props.setState({'checked': !this.props.state.checked})}
        />
        </div>
      )
  }
}

MyFormVanilla.defaultProps: {
  // Default value for slice of Redux state
  state: {
    checked: false
  }
}
export default connectSlicedState('path.to.your.form.in.redux.state')(MyFormVainlla);