diff --git a/src/content/6/fi/osa6b.md b/src/content/6/fi/osa6b.md index 0043e3fd20e..e36827f7115 100644 --- a/src/content/6/fi/osa6b.md +++ b/src/content/6/fi/osa6b.md @@ -689,6 +689,40 @@ Konsolin avulla on myös mahdollista dispatchata actioneja storeen: ![Mahdollisuus actionien dispatchaamiseen avautuu alalaidan valinnoista](../../images/6/44new.png) +Siistitään lopuksi vielä hieman main.jsx-tiedostoa siirtämällä Redux-storen luontiin liittyvä koodi erilliseen store.js-tiedostoon: + +```js +import { configureStore } from '@reduxjs/toolkit' + +import noteReducer from './reducers/noteReducer' +import filterReducer from './reducers/filterReducer' + +const store = configureStore({ + reducer: { + notes: noteReducer, + filter: filterReducer + } +}) + +export default store +``` + +Muutosten jälkeen main.jsx-tiedosto näyttää seuraavalta: + +```js +import ReactDOM from 'react-dom' +import { Provider } from 'react-redux' +import store from './store' // highlight-line +import App from './App' + +ReactDOM.createRoot(document.getElementById('root')).render( + + + , + document.getElementById('root') +) +``` + Sovelluksen tämänhetkinen koodi on [GitHubissa](https://github.com/fullstack-hy2020/redux-notes/tree/part6-3) branchissa part6-3.