I've created this file to register and share my definitions to organize react projects to avoid deep paths, dead code and to make sense to any new developer.
I'm using some concepts that may be known for many of you, but I'll pass through them to explain for júnior developers.
components
- Here I definedcomponents
as simple components, just with visual definitions, actions calls, data but without states. Every action and data must be inserted by another components, orcontainers
, as I call here. Components must never callscontainers
containers
: they are just components with state. It also may be a page, which integrates various containers to create a view and also has an route definition. Containers without route definition are just components, which some states and actions.