Single Reducer with combineReducers

একটা Reducer ব্যবহার করেও combineReducers() করা যায়

একটা reducer থাকলেও combineReducers() ব্যবহার করা যায়। এটা future-proof করার জন্য ভালো প্র্যাকটিস — পরে আরো reducer যোগ করা সহজ হয়।

📌 ধাপ 4.2


// একাধিক Reducer থাকলে সবগুলোকে একটা Reducer মধ্যে রাখতে হবে। কারণ আমদের store সবসময় একটা reducer গ্রহণ করবে। এই একাধিক reducer কে combineReducers()এর মধ্যে অবজেক্ট আকারে  দিতে  হবে।
 
import { combineReducers } from "redux";
import { RD_counter } from "./feature/counter/reducer";
 
export const rootReducer = combineReducers({
  counter: RD_counter,
});

📌 ধাপ-5. Store


 
 
import { createStore } from "redux";
import { rootReducer } from "./rootReducer";
 
export const store = createStore(rootReducer);

📌 ধাপ-6. Provider


 
 
import { Provider } from "react-redux";
import { store } from "./store";
 
export function Providers({ children }) {
  return <Provider store={store}>{children}</Provider>;
}

📌 ধাপ-7


 
import { Providers } from "@/redux/providers";
 
<Providers>
  <App/>
</Providers>