Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Aprenda Combinando Reducers de Forma Limpa | Escalando o Redux em Aplicações Maiores
Gerenciamento de Estado com Redux Toolkit em React

bookCombinando Reducers de Forma Limpa

Deslize para mostrar o menu

Quando você possui múltiplos slices, é necessário combiná-los na store. O Redux Toolkit torna isso simples.

Combinando Slices

Você passa todos os reducers dos slices para o configureStore:

import { configureStore } from '@reduxjs/toolkit';
import userReducer from '../features/user/userSlice';
import tasksReducer from '../features/tasks/tasksSlice';

export const store = configureStore({
  reducer: {
    user: userReducer,
    tasks: tasksReducer
  }
});

Cada slice se torna uma chave no estado global.

Você pode acessá-los assim:

  • state.user;
  • state.tasks.

Isso mantém seu estado estruturado e previsível. Cada parte do aplicativo possui um local definido na store.

Tudo estava claro?

Como podemos melhorá-lo?

Obrigado pelo seu feedback!

Seção 6. Capítulo 3

Pergunte à IA

expand

Pergunte à IA

ChatGPT

Pergunte o que quiser ou experimente uma das perguntas sugeridas para iniciar nosso bate-papo

Seção 6. Capítulo 3
some-alt