Code convention

CSS Style

• Yandex BEM Style
• The structure of the BEM follows the pattern:
  • block-name_modifier-name
  • block-name__element-name_modifier-name
• Use prefixCls variable in js and prefix-cls variable in less

JavaScript Style

• JavaScript Standard Style
• Standard React

customized rules:

"rules": {
  "jsx-quotes": ["error", "prefer-double"],
  "react/jsx-no-bind": 0
}

Global Modules(do not need to import)

import React from 'react'
import PropTypes from 'prop-types'
import cx from 'classnames'

> NOTE: replace Component with React.Component

class ComponentName extends React.Component