react-redux-typescript-guide icon indicating copy to clipboard operation
react-redux-typescript-guide copied to clipboard

Add a section about Types global namespace

Open piotrwitek opened this issue 7 years ago • 2 comments

We would need a new section explaining how I designed cross-cutting Types global project namespace to be easily reused across the project as a module encapsulating all the types in the application. I leveraged the inversion of control principle, so instead of defining all the types in one place (in Types module, it's the responsibility of modules (which are owners of that particular type annotations) to extend the Types namespace.

The main benefits are:

  • simplicity to extend
  • easy maintenance - for instance when you remove some application module you also delete the extension point because it's colocated with the module
  • nicely and cleanly imported in type consumers
import Types from 'Types';
// reducer(state: Types.RootState , action: Types.RootAction) => ...
// mapDispatchToProps(dispatch: Dispatch<Types.RootAction>)
// Epic<Types.RootAction, Types.RootState, Types.Services>

piotrwitek avatar Sep 18 '18 07:09 piotrwitek

@issuehuntfest has funded $20.00 to this issue. See it on IssueHunt

IssueHuntBot avatar Dec 04 '18 06:12 IssueHuntBot

@issuehunt has funded $20.00 to this issue.


IssueHuntBot avatar Apr 13 '19 06:04 IssueHuntBot