Estou usando a pilha React - Redux - Typescript há um tempo e estou adorando até agora. No entanto, desde que eu sou bastante novo no Redux, tenho me perguntado sobre esse tópico.O envio de ações Redux (e thunks) é considerado uma operação cara e deve ser usado com moderação ou deve ser usado tanto quanto setState?

Digamos que o estado Redux tenha um único redutor que gerencia as informações do usuário:

const initialState = {
  firstName: '',
  lastName: ''
}

E para alterar esses campos, digamos que temos ações comosetFirstName, setLastName, etc ... apenas por uma questão de simplicidade.

E digamos que na View eu tenho um elemento de entradarender():

<input onChange={this.firstNameInputChangeListener} placeholder="First Name"/>

ConsiderandosetFirstName foi mapeado para o componente:

export default connect(state => state, { setFirstName })(ThisComponent);

É ideal despachar uma ação sempre que houver uma alteração na entrada:

public firstNameInputChangeListener = (event) => {
  this.props.setFirstName(event.target.value);
}

Ou é melhor criar o estado do componente local, vincular o estado ao Change Listener e despachar apenas uma ação quando o formulário for enviado:

public state = {
  firstName: this.props.firstName;
}

public firstNameInputChangeListener = (event) => {
  this.setState({ firstName: event.target.value });
}

public submitButtonListener = (event) => {
  this.props.setFirstName(this.state.firstName);
}

O que é que vocês acham?