We create a store, using the createStore function. We pass it our reducer, and then use the compose function to create a single function from two other functions. It takes other middlewares and returns a single enhancer function from it. We are creating our middleware using the applyMiddleware function and passing it our thunk library.
import { createStore, applyMiddleware, compose } from "redux";
import { Provider } from "react-redux";
import thunk from "redux-thunk";
import reducer from "./reducer";
const store = createStore(
reducer,
compose(
applyMiddleware(thunk),
window.devToolsExtension ? window.devToolsExtension() : f => f
)
);
https://scotch.io/courses/getting-started-with-react-and-redux/setting-up-the-redux-store
2> Official Doc
createStore(reducer, [preloadedState], [enhancer])
Creates a Redux that holds the complete state tree of your app.
There should only be a single store in your app.
Arguments
-
reducer(Function): A reducing function that returns the next state tree, given the current state tree and an action to handle. -
[
preloadedState] (any): The initial state. You may optionally specify it to hydrate the state from the server in universal apps, or to restore a previously serialized user session. If you producedreducerwithcombineReducers, this must be a plain object with the same shape as the keys passed to it. Otherwise, you are free to pass anything that yourreducercan understand. -
[
enhancer] (Function): The store enhancer. You may optionally specify it to enhance the store with third-party capabilities such as middleware, time travel, persistence, etc. The only store enhancer that ships with Redux isapplyMiddleware()
Returns
Store : An object that holds the complete state of your app. The only way to change its state is by dispatching actions. You may also subscribe to the changes to its state to update the UI.
![CreateStore (reducer, [preloadedState], [enhancer])](https://rxharun.com/wp-content/uploads/thumbs_dir/container-component_305852-qk384512m83ndippjmonlt5n65arj6lrk2o6nr1ge4.png)
Container-component
![CreateStore (reducer, [preloadedState], [enhancer])](https://rxharun.com/wp-content/uploads/thumbs_dir/dispatchaction_305860-1-qk38cvx07q2pew0bgwsob3p2686q5sbufd7ufg2kho.png)
Dr. Md. Harun Ar Rashid, MPH, MD, PhD, is a highly respected medical specialist celebrated for his exceptional clinical expertise and unwavering commitment to patient care. With advanced qualifications including MPH, MD, and PhD, he integrates cutting-edge research with a compassionate approach to medicine, ensuring that every patient receives personalized and effective treatment. His extensive training and hands-on experience enable him to diagnose complex conditions accurately and develop innovative treatment strategies tailored to individual needs. In addition to his clinical practice, Dr. Harun Ar Rashid is dedicated to medical education and research, writing and inventory creative thinking, innovative idea, critical care managementing make in his community to outreach, often participating in initiatives that promote health awareness and advance medical knowledge. His career is a testament to the high standards represented by his credentials, and he continues to contribute significantly to his field, driving improvements in both patient outcomes and healthcare practices.
