React/Redux/Router Flow

question.md

So, right now I have a landing page that fetches all of my data through an action.

When the user clicks to view a singular item from the landing page (items -> items/:id), should the page component dispatch an action called findItemByID, the reducer do the finding and set a {currentItem: id} object on the root store? You'd essentially have something like:

  items: { "items": [], "currentItem": 10, "fetching": false, "fetched": true, "errors": null }

How do you handle this flow in Redux? Am I doing it all wrong?

Or, I could also use some local state on the singular item component container where on mount it gets the id from the router and then uses lodash to do something like _.find(this.props.items, (item) => {item.id === currentID}) and set the result to this.state.item. Local state isn't a bad thing, right?

I'm not really that clear on how Redux works, but I'm learning it at university at the moment and one thing my tutor stressed on is that if you're using Redux, you always want it to be passed in as props and never use local state.

Feedback from @acemarke on Reactiflux

• http://redux.js.org/docs/faq/OrganizingState.html#organizing-state-only-redux-state
• https://github.com/markerikson/react-redux-links