Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- @s3rious вспомнил про лайв темплейты :trollface:
- *JS*
- `>>` - `($START$) => {$END$}`<br />
- `cs` - `console.log($END$)`<br />
- `ce` - `console.error($END$)`<br />
- `rcs` - `return console.log($END$)`<br />
- `fn` - `function ($START$) {$END$}`<br />
- `im` - `import $START$ from '$END'`
- *React*
- `cnst` -
- ```
- constructor() {
- super()
- this.state = {
- $END$
- }
- }
- ```
- `fcc` -
- ```
- import React, { Component } from 'react'
- import cssModules from 'react-css-modules'
- import styles from './$COMPONENT$.scss'
- @cssModules(styles, { allowMultiple: true })
- export default class $COMPONENT$ extends Component {
- render() {
- return (
- $END$
- )
- }
- }
- ```
- `lcc` -
- ```
- import React from 'react'
- import cssModules from 'react-css-modules'
- import styles from './$COMPONENT$.scss'
- const $COMPONENT$ = () => (
- $END$
- )
- export default cssModules($COMPONENT$, styles)
- ```
- `cstp` - `const { $END$ } = this.props`<br />
- `csts` - `const { $END$ } = this.state`<br />
- `cstx` - `const { $END$ } = this.context`<br />
- `dc` - `<div className="$START$">$END$</div>`<br />
- `ds` - `<div styleName="$START$">$END$</div>`<br />
- `dsk` - `<div key={index} styleName="$START$">$END$</div>`<br />
- `imact` - `import actions from 'redux/actions'`<br />
- `imcon` - `import { connect } from 'redaction'`<br />
- `imcss` -
- ```
- import cssModules from 'react-css-modules'
- import styles from './$COMPONENT$.scss'$END$
- ```
- `imint` -
- ```
- import { FormattedMessage } from 'sb-react-intl'
- import messages from './messages'$END$
- ```
- `imh` - `import { $END$ } from 'helpers'`<br />
- `imp` - `import PropTypes from 'prop-types'`<br />
- `imred` - `import { reducers } from 'redux/core'`<br />
- `ss` -
- ```
- this.setState({
- $END$
- })
- ```
- `stp` -
- ```
- static propTypes = {
- $END$
- }
- ```
- *SCSS*
- `mdm` -
- ```
- @include media-mobile {
- }
- @include media-except-mobile {
- }
- ```
- `fc` -
- ```
- &:first-child {
- $END$
- }
- ```
- `lc` -
- ```
- &:last-child {
- $END$
- }
- ```
- `fo` -
- ```
- &:focus {
- $END$
- }
- ```
- `ho` -
- ```
- &:hover {
- $END$
- }
- ```
- `af` -
- ```
- &::after {
- $END$
- }
- ```
- `bf` -
- ```
- &::before {
- $END$
- }
- ```
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement