createStore está @obsoleto, así que estoy tratando de reemplazarlo con configurationStore, creo que los datos de la publicación de mi clúster no se muestran debido a eso
``` import React from 'react'; import ReactDom from 'react-dom/client'; import { Provider } from 'react-redux'; import {createStore, applyMiddleware, compose } from 'redux'; import thunk from 'redux-thunk'; import reducers from "./reducers"; import App from './App' const store = createStore(reducers, (compose(applyMiddleware(thunk)))) const root = ReactDom.createRoot(document.getElementById("root")); root.render( <Provider store={store}> <App /> </Provider> ); And im trying to do it like this: import React from 'react'; import ReactDom from 'react-dom/client'; import { Provider } from 'react-redux'; import { applyMiddleware, compose } from 'redux'; import thunk from 'redux-thunk'; import { configureStore } from '@reduxjs/toolkit' import reducers from "./reducers"; import App from './App' const store = configureStore(reducers, (compose(applyMiddleware(thunk)))) const root = ReactDom.createRoot(document.getElementById("root")); root.render( <Provider store={store}> <App /> </Provider> ); ```Por supuesto que no funcionó. Estoy tratando de averiguar cómo podría ser.
Tu harías
const store = configureStore({ reducer: reducers }) El middleware thunk se activa automáticamente. compose y applyMiddleware ya no son necesarios. También lo es combineReducers .
Si tuvieras
const reducers = combineReducers({ a: reducerA, b: reducerB })también podrías simplemente hacer
const store = configureStore({ reducer: { a: reducerA, b: reducerB } }) Si todavía estaba usando createStore , eso significa que generalmente estaba usando un estilo obsoleto de Redux que es aproximadamente 4 veces el código de Redux moderno.
Modern Redux no usa switch..case reducer, constantes ACTION_TYPE , lógica reductora inmutable, creadores de acciones escritas a mano o connect & mapStateToProps . Es posible que haya sido engañado por un tutorial obsoleto.
Le recomiendo encarecidamente que siga el tutorial oficial de Redux que lo dejará con el conocimiento de Redux moderno y, al final, un código mucho más limpio y fácil de mantener.