Webstorm Live Templates

Javascript

console.log

log

console.log($END$);

Section comment

c.sec

// ===============================================================================
// Section
// ===============================================================================

React

Class

r.cls

import React, { Component } from 'react';
import classNames from 'classnames';

import styles from './$TM_FILENAME_BASE$.scss';

class $TM_FILENAME_BASE$ extends Component {
  render() {
    return <div>$END$</div>;
  }
}

$TM_FILENAME_BASE$.propTypes = {
    
};

$TM_FILENAME_BASE$.defaultProps = {
    
};

export default $TM_FILENAME_BASE$;

$TM_FILENAME_BASE$ = capitalize(camelCase(fileNameWithoutExtension()))

Constructor

r.cons

constructor(props){
    super(props);
}

componentDidMount

r.cdm

componentDidMount() {
  $END$
}

componentWillReceiveProps

r.cwrp

componentWillReceiveProps(nextProps) {
  $END$
}

Imports

i.r
import React, { Component } from 'react';

i.cn
import classNames from 'classnames';

i.rdx
import { connect } from 'react-redux';

i.pt
import PropTypes from 'prop-types';

Tests

Test File Imports

t.imp

import React from 'react';
import {mount, shallow} from 'enzyme';
import {fromJS} from 'immutable';

Test Suite

t.desc

describe('$END$', () => {
  test('', () => {

  });  
});

Test Case

t.test

test('$END$', () => {

});

CSS

Section comment

c.sec

/*------------------------------------*\
  #$END$
\*------------------------------------*/