# WebStorm snippet cheatsheet (live-templates)

`a-class` (Angular [class] binding)
`a-component` (Angular component)
`a-component-inline` (Angular component with an inline template)
`a-component-root` (Angular App root component)
`a-ctor-skip-self` (Angular Module SkipSelf constructor)
`a-directive` (Angular directive)
`a-formControlName` (Angular formControlName)
`a-formGroup` (Angular formGroup)
`a-formGroupName` (Angular formGroupName)
`a-guard-can-activate` (Angular CanActivate guard)
`a-guard-can-activate-child` (Angular CanActivateChild guard)
`a-guard-can-deactivate` (Angular CanDeactivate guard)
`a-guard-can-load` (Angular CanLoad guard)
`a-http-interceptor` (Empty Angular HttpInterceptor for HttpClient)
`a-http-interceptor-headers` (Angular HttpInterceptor for headers HttpClient)
`a-http-interceptor-logging` (Angular HttpInterceptor for Logging HttpClient)
`a-httpclient-get` (Angular HttpClient.get)
`a-injectable-providedin` (Angular Injectable ProvidedIn)
`a-module` (Angular Module)
`a-module-root` (Angular Root Module)
`a-module-with-routing` (Angular module with routing combined into one file)
`a-ngClass` (Angular ngClass)
`a-ngFor` (Angular `*ngFor`)
`a-ngFor-trackBy` (Angular `*ngFor` with trackBy)
`a-ngForAsync` (Angular `*ngForAsync`)
`a-nglf` (Angular `*nglf`)
`a-nglfElse` (Angular `*nglfElse`)
`a-ngModel` (Angular ngModel)
`a-ngrx-data-entity-collection-data-service` (NgRx Data Entity Collection Data Service)
`a-ngrx-data-entity-metadata` (NgRx Data Entity Metadata)
`a-ngrx-data-store-module` (NgRx Data Store Module)
`a-ngStyle` (Angular ngStyle)
`a-ngSwitch` (Angular ngSwitch)
`a-output-event` (Angular `@Output` event and emitter)
`a-pipe` (Angular pipe)
`a-prej` (Angular pre debug | json)
`a-preja` (Angular pre debug | async | json)
`a-preload-strategy` (Angular custom preload strategy)
`a-route-params-subscribe` (Angular - subscribe to routing parameters)
`a-route-path-404` (Angular 404 route path)
`a-route-path-default` (Angular default route path)
`a-route-path-eager` (Angular eager route path)
`a-route-path-lazy` (Angular lazy route path)
`a-route-path-with-children` (Angular route path with children)
`a-router-events` (Angular Router Events)
`a-routerLink` (Angular routerLink)
`a-routerLink-param` (Angular routerLink with a route parameter)
`a-service` (Angular service)
`a-service-httpclient` (Angular service with HttpClient)
`a-style` (Angular [style] binding)
`a-subscribe` (Angular observable subscribe)

`bnd` (Binds the this of a method. To be used inside a constructor)
`cdc` (Error boundaries catch errors during rendering, in lifecycle methods, and in constructors of the whole tree below them.)
`cdm` (Invoked once, only on the client (not on the server)  , immediately after the initial rendering occurs.)
`cdup` (Invoked immediately after the component's updates are flushed to the DOM.)
`con` (Adds a default constructor for the class that contains props as arguments)
`cone` (Adds a default constructor for the class that contains props and context as arguments)
`cwm` (Invoked once, both on the client and server, immediately before the initial rendering occurs)
`disp` (Adds the redux mapDispatchToProps function)
`est` (Creates empty state object. To be used in a constructor.)
`fee` (Creates a React component class with FlowTypes)
`fsc` (Creates a stateless React component with FlowTypes and ES6 module system)  

`fsf` (Creates a stateless React component as a named function with FlowTypes)
`gdsfp` (Invoked after a component is instantiated as well as when it receives new props.)
`props` (Access component's props)
`pta` (Array prop type)
`ptao` (An array of a certain type)
`ptaor` (An array of a certain type required)
`ptar` (Array prop type required)
`ptb` (Bool prop type)
`ptbr` (Bool prop type required)
`pte` (Prop type limited to specific values by treating it as an enum)
`ptel` (React element prop type)
`ptelr` (React element prop type required)
`pter` (Prop type limited to specific values by treating it as an enum required)
`ptet` (An object that could be one of many types)
`ptetr` (An object that could be one of many types required)
`ptf` (Func prop type)
`ptfr` (Func prop type required)
`pti` (Is an instance of a class prop type)
`ptir` (Is an instance of a class prop type required)
`ptn` (Number prop type)
`ptnd` (Anything that can be rendered: numbers, strings, elements or an array)  

`ptndr` (Anything that can be rendered: numbers, strings, elements or an array required)
`ptnr` (Number prop type required)
`pto` (Object prop type)
`ptoo` (An object with property values of a certain type)
`ptoor` (An object with property values of a certain type required)
`ptoos` (An object whose keys are known ahead of time)
`ptoosr` (An object whose keys are known ahead of time required)
`ptor` (Object prop type required)
`pts` (String prop type)
`ptsh` (An object taking on a particular shape)  

`ptshr` (An object taking on a particular shape required)
`ptsr` (String prop type required)
`rcc` (Creates a React component class with ES6 module system)
`rccp` (Creates a React component class with PropTypes and ES6 module system)
`rcfc` (Creates a React component class with PropTypes and all lifecycle methods and ES6 module system)  

`rcjc` (Creates a React component class with ES6 module system)
`rdp` (Creates empty defaultProps declaration)
`ren` (When called, it should examine this.props and this.state and return a single child element.)
`rpc` (Creates a React pure component class with PropTypes and ES6 module system)
`rpt` (Creates empty propTypes declaration)
`rrc` (Creates a React component class connected to redux)
`rrdc` (Creates a React component class connected to redux with dispatch)
`rsc` (Creates a stateless React component without PropTypes and ES6 module system)
`rscp` (Creates a stateless React component with PropTypes and ES6 module system)
`rsf` (Creates a stateless React component as a named function without PropTypes)
`rsfp` (Creates a stateless React component as a named function with PropTypes)
`rsi` (Creates a stateless React component without PropTypes and ES6 module system but with Implicit Return and props)
`rwwd` (Creates a React component class with constructor, empty state, proptypes and export in ES6 module system without imports.)
`scu` (Invoked before rendering when new props or state are being received.)
`ssf` (Performs a shallow merge of nextState into current state)
`sst` (Performs a shallow merge of nextState into current state)
state (Access component's state)

`af` (Inserts `after()` block)
`afe` (Inserts `afterEach()` block)
`bf` (Inserts `before()` block)
`bfe` (Inserts `beforeEach()` block)  

`descr` (Inserts `describe()` block)
`it` (Inserts `it()` block)