typed connect

typedcontainers.md

To create a container, I only need to add my AppState typings to the mapStateToProps parameter:

const mapStateToProps = (state: State) => ({
  messages: state.messaging.messages
});

const mapDispatchToProps = (dispatch) => ({
  dismissUIMessage: (num) => dispatch(actions.dismissUIMessage(num))
});

Now I get full support inside:

typedleaves.md

I created a tiny props helper type...

export type Props<T> = React.Props<JSX.Element> & T;

...and now I would create a PFC like this...

export interface UIMessageItemProps {
  message: UIMessage;
  delete: Function;
}

export const UIMessageItem = (props: Props<UIMessageItemProps>) => (
  <div className={'ui-message ui-message' + props.message.type}>
    {props.message.text} <span onClick={e => props.delete()}>delete</span>
  </div>
);

...getting full TS support inside...

...and outside: