Container and Component Folder Structure
Explore how to effectively organize your Redux application by separating components that interact with Redux state from those that do not. This lesson guides you through creating container and component folders, refactoring imports, and optimizing your codebase for better maintainability and clarity in building the Skypey app.
We'll cover the following...
There’s a bit of refactoring you need to do before we move on to coding the Skypey application.
In Redux applications, it is a common pattern to split your components into two different directories. Every component that talks directly to Redux, whether that is to retrieve state from the store, or to dispatch an action, these components should be moved to a containers directory.
Other components, those that do NOT talk to Redux, should be moved over to a components directory.
Well, well, ...