cheton

{
    "plugins": [
        "react"
    ],
    "extends": "airbnb",
    "env": {
        "browser": true,
        "node": true,
        "es6": true
    },

cheton

//
// https://github.com/rossPatton/stylint
//
{
    "blocks": false,
    "brackets": "always",
    "colons": "always",
    "colors": false,
    "commaSpace": "always",
    "commentSpace": false,

cheton

{
    "presets": ["es2015", "stage-0", "react"],
    "env": {
        "development": {
            "presets": ["react-hmre"]
        }
    }
}

cheton

'use strict';

import _ from 'lodash';

// https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/isArray
const isArray = Array.isArray;

const extend = (target, ...sources) => {
    sources.forEach((source) => {
        for (let key in source) {

cheton

import omit from 'lodash/omit';
import React, { Component, PropTypes } from 'react';

const REGEXP = /{{(.+?)}}/;

class Interpolate extends Component {
    static defaultProps = {
        parent: 'span'
    };

cheton

.custom-scroll::-webkit-scrollbar {
    -webkit-overflow-scrolling: touch;
    height: 10px;
    width: 10px
}

.custom-scroll::-webkit-scrollbar:hover {
    background-color: #E9E9E9;
    border: 1px solid #dbdbdb
}

cheton

import classNames from 'classnames';
import React, { PropTypes } from 'react';
import styles from './index.styl';

const Button = (props) => {
    const {
        type = 'button',
        children,
        className,
        componentClass,

cheton

## Application Blocking

### ApplicationControl.jsx
```js
import PropTypes from 'prop-types';
import React, { PureComponent } from 'react';
import BlockedAppsModal from './BlockedAppsModal';
import {
    MODAL_BLOCKED_APPS
} from './constants';

cheton

<Widget widgetId="threats" />

// ES7 class properties
class Widget extends React.Component {
	state = this.getInitialState(); // ?

	getInitialState() {
		return {
			widgetId: this.props.widgetId
		};

cheton

import 'trendmicro-ui/dist/css/trendmicro-ui.css';
import '@trendmicro/react-buttons/dist/react-buttons.css';
import { Button } from '@trendmicro/react-buttons';
import React, { PureComponent } from 'react';
import ReactDOM from 'react-dom';
import styled from 'styled-components';
import Navbar from './Navbar';
import Portal from '../src';

const StyledPortal = styled(Portal)`