Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Oppiskele Reducerien Yhdistäminen Siististi | Reduxin Skaalaaminen Suuremmissa Sovelluksissa
Tilanhallinta Redux Toolkitilla Reactissa

bookReducerien Yhdistäminen Siististi

Pyyhkäise näyttääksesi valikon

Kun käytössä on useita sliceja, ne täytyy yhdistää storeen. Redux Toolkit tekee tästä helppoa.

Slicien yhdistäminen

Kaikki slice-reducerit annetaan configureStore-funktiolle:

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
  }
});

Jokaisesta slicesta tulee avain globaaliin tilaan.

Niihin pääsee käsiksi näin:

  • state.user;
  • state.tasks.

Tämä pitää tilasi rakenteellisena ja ennustettavana. Jokaisella sovelluksen osalla on selkeä paikka storessa.

Oliko kaikki selvää?

Miten voimme parantaa sitä?

Kiitos palautteestasi!

Osio 6. Luku 3

Kysy tekoälyä

expand

Kysy tekoälyä

ChatGPT

Kysy mitä tahansa tai kokeile jotakin ehdotetuista kysymyksistä aloittaaksesi keskustelumme

Osio 6. Luku 3
some-alt