From 2f9b4abee2a176a6a8613b317e704ed2b8ebb415 Mon Sep 17 00:00:00 2001 From: Tuomas Liikala Date: Thu, 3 Oct 2024 09:37:58 +0300 Subject: [PATCH] Update osa6c.md This was made earlier in part 6b exercise 6.10 --- src/content/6/fi/osa6c.md | 34 ---------------------------------- 1 file changed, 34 deletions(-) diff --git a/src/content/6/fi/osa6c.md b/src/content/6/fi/osa6c.md index 64ad381139..cf0e8140e5 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.