What should be structure of Redux Store?

Hey kiran as you mentioned in question that you have 2 approaches to structure your reducer.

But, i will give you a new approach.

First of all it's sounds tricky but once you think a little it is piece of cake for this project and future once also.

You should use combineReducers to combine your reducers to make it easy to use.

1. uiReducer

First you should create reducer for uiSection1 and in it you have all your logic from home Component, create Component and feeds Component for the uiSection1 only.

Just like that you create uiSection2 reducer and in it all your Component logic of your all pages related to uiSection2.

Now combine this 2 reducers to one reducer uiReducer.

2. entityReducer

Now, same thing do with entityType. Create 2 entityType reducer and combine them to one enitityReducer.

3. domainDataReducer

Now create each reducer for domain data and combine it to 1 reducer domainDataReducer

Now you have 3 reducers ui, entity and domainData.

4. rootReducer

Now, combine this 3 reducers to 1 reducer rootReducer and pass it down to index.js

And one last thing, you should do a seperate logic for all your reducer action. And in this reducer action you can do api call to backend as well.

This is the link to youtube video by TheNetNinja