diff --git a/src/content/6/fi/osa6c.md b/src/content/6/fi/osa6c.md index 64ad3811396..cf0e8140e51 100644 --- a/src/content/6/fi/osa6c.md +++ b/src/content/6/fi/osa6c.md @@ -511,40 +511,6 @@ const NewNote = () => { } ``` -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-5) branchissa part6-5. Redux Toolkit tarjoaa myös hieman kehittyneempiä työkaluja asynkronisen tilanhallinnan helpottamiseksi, esim mm. [createAsyncThunk](https://redux-toolkit.js.org/api/createAsyncThunk)-funktion ja [RTK Query](https://redux-toolkit.js.org/rtk-query/overview) ‑API:n. Yksinkertaisissa sovelluksissa näiden tuoma hyöty lienee kuitenkin vähäinen.