Typescript, React and Redux snippets for Atom (followed ES6 standard)

• _tsr : basic typescript react template

  import * as React from 'react'; interface I${1:ComponentName}Props {} interface I${1:ComponentName}State {} class ${1:ComponentName} extends React.Component<I${1:ComponentName}Props, I${1:ComponentName}State> { public render() { return ( ${2:<span>Body</span>} ); } } export default ${1:ComponentName};

• _tsrr : typescript react redux template

  import * as React from 'react'; import { connect } from 'react-redux'; import { AnyAction, Dispatch } from 'redux'; // Component interface I${1:ComponentName}StateProps {} interface I${1:ComponentName}DispatchProps {} type I${1:ComponentName}ComponentProps = I${1:ComponentName}StateProps & I${1:ComponentName}DispatchProps; interface I${1:ComponentName}ComponentState {} class ${1:ComponentName}Component extends React.Component<I${1:ComponentName}ComponentProps, I${1:ComponentName}ComponentState> { public render() { return ( ${3:<span>Body</span>} ); } } // Container interface I${1:ComponentName}Props {} const mapStateToProps = (state: ${2:IGlobalState}, ownProps: I${1:ComponentName}Props): I${1:ComponentName}StateProps => { return { // ...mapStateToProps }; }; const mapDispatchToProps = (dispatch: Dispatch<AnyAction>, ownProps: I${1:ComponentName}Props): I${1:ComponentName}DispatchProps => { return { // ...mapDispatchToProps }; }; export default connect( mapStateToProps, mapDispatchToProps, )(${1:ComponentName}Component);

• _con : constructor

  constructor(props: I${1:ComponentName}Props) { super(props); ${2} } ${3}

• _cwm : componentWillMount

  public componentWillMount() { {1} } ${2}

• _cdm : componentDidMount

  public componentDidMount() { {1} } ${2}

• _cwr : componentWillReceiveProps

  public componentWillReceiveProps(nextProps: I${1:ComponentName}Props) { ${2} } ${3}

• _scup : shouldComponentUpdate

  public shouldComponentUpdate(nextProps: I${1:ComponentName}Props, nextState: I${1:ComponentName}State): boolean { ${2} return true; } ${3}

• _cwup : componentWillUpdate

  public componentWillUpdate(nextProps: I${1:ComponentName}Props, nextState: I${1:ComponentName}State) { ${2} } ${3}

• _cdup : componentDidUpdate

  public componentDidUpdate(prevProps: I${1:ComponentName}Props, prevState: I${1:ComponentName}State) { ${2} } ${3}

• _cwun : componentWillUnmount

  public componentWillUnmount() { {1} } ${2}

Search for atom-typescript-react-redux-snippets in Install page

Install and Restart Atom

cd ~/.atom/packages git clone https://github.com/Armour/atom-typescript-react-redux-snippets cd atom-typescript-react-redux-snippets apm install apm link

See CONTRIBUTING.md

MIT License