Features: Fully Typed Redux state, actions, reducers, selectors and epics; React component with props, defaultProps, state, defaultState; container components with mapStateToProps & mapDispatchToProps
This extension is now unpublished from Marketplace. You can choose to uninstall it.
Type safe React & Redux Snippets in TypeScript
Opinionated snippets with best practices we use at Sandstorm.
This extension complements our Kickstart guide for React-Redux-Apps written in TypeScript. We highly recommend to check it out!
Below is a list of all available snippets and the triggers of each one. The → means the TAB key.
Type safe PureComponent
Type safe story for Storybook
Type safe component test
Type safe container component
Type safe Redux store
Example (Component with defaultProps)
Look, ma! Intellisense!
These snippets expect the usual package to be installed (e.g. react, redux, ect.).
One of them is @sandstormmedia/react-redux-ts-utils wich is a little library that provides some useful types and utilities (available on npm). You can of course change the relevant code.
These snippets may only make sense if used in the opinionated dev environment described in our Kickstart guide.