Summary  
This chapter explains how to use Redux’s useDispatch hook to dispatch actions from a component, triggering reducers to update the application state. It emphasizes unidirectional data flow and predictable state changes by sending actions instead of mutating state directly.

General domain of usage  
Web frontend development


Para alterar o estado no Redux, é necessário enviar uma ação para o store. Isso é feito utilizando o hook `useDispatch`.



## Despachando uma Ação

Dentro de um componente, utilize o `useDispatch` para acionar ações:

```javascript
import { useDispatch } from 'react-redux';
import { increment } from './counterSlice';

function Counter() {
  const dispatch = useDispatch();

  return (
    <button onClick={() => dispatch(increment())}>
      Increase
    </button>
  );
}
```

Quando o botão é clicado, a ação é enviada para o store e o estado é atualizado.





## Como Funciona
O estado não é atualizado diretamente. Em vez disso, uma ação é despachada e o Redux decide como o estado deve mudar utilizando os reducers.


Essa abordagem mantém as atualizações de estado previsíveis. Todas as alterações seguem o mesmo fluxo, o que torna a aplicação mais fácil de entender e depurar.


Aprenda a gerenciar estados complexos de aplicações em React utilizando Redux Toolkit. Compreenda quando o Redux é realmente necessário, construa estados com slices, manipule dados assíncronos e conecte tudo em um fluxo previsível.

Compreender por que o Redux Toolkit existe e quando ele se torna útil. Reconhecer como a complexidade do estado aumenta em aplicações reais e por que abordagens simples deixam de ser escaláveis.

Instalação do Redux Toolkit e configuração do store. Conexão do Redux a uma aplicação React e compreensão de como os dados fluem pelo sistema.

Definir o estado utilizando slices e organizar a lógica de forma clara. Criar reducers, utilizar actions geradas e manter o estado gerenciável conforme a aplicação cresce.

Leitura de dados do store utilizando useSelector e atualização com useDispatch. Estruturação correta do estado e prevenção de erros comuns ao trabalhar com dados compartilhados.

Buscar dados de APIs utilizando createAsyncThunk. Gerenciamento de estados de carregamento e erro, mantendo a interface do usuário sincronizada com atualizações assíncronas.

Divisão do estado em múltiplos slices e organização dos arquivos por funcionalidade. Combinação de reducers de forma limpa e manutenção de uma estrutura clara à medida que a aplicação cresce.

Construa uma aplicação completa utilizando Redux Toolkit. Implemente funcionalidades de CRUD, gerencie dados assíncronos e melhore a experiência do usuário com estados de carregamento e erro.

Atualizando o Estado com useDispatch

Despachando uma Ação

Como Funciona