claudiojunior-me

{
  "parser": "babel-eslint",
  "extends": "airbnb",
  "plugins": ["react", "jsx-a11y", "import"],
  "rules": {
    "react/jsx-filename-extension": [
      1,
      {
        "extensions": [".js", ".jsx"]
      }

claudiojunior-me

{
  "env": {
    "es6": true,
    "node": true
  },
  "extends": "eslint:recommended",
  "rules": {
    // Possible Errors
    // https://github.com/eslint/eslint/tree/master/docs/rules#possible-errors
    "comma-dangle": [2, "only-multiline"],

claudiojunior-me

VS Code Cheat Sheet

Basic Editing

Desc	Windows	Mac
Move Line	Alt + Up / Down	Alt + Up / Down
Copy Line	Ctrl + Shift + D	Cmd + Shift + D
Delete Line	Ctrl + Shift + K	Cmd + Shift + K
Add Ident to line	Ctrl + [	Cmd + [

claudiojunior-me

class App extends Component {
  shouldComponentUpdate(newProps, newState) {
    return newProps.title !== this.props.title;
  };
}

claudiojunior-me

class App extends Component {
  componentWillReceiveProps(props) {
    this.setState({ title: `App ${props.title}`});
  };
}

claudiojunior-me

class App extends Component {
  componentDidMount() {
    // realiza uma chamada a uma API
  };
}

claudiojunior-me

class App extends Component {
  render() {
    return (
      <div>
        <span>
          Hello Word
        </span>
      </div>
    );
  }:

claudiojunior-me

class App extends Component {
  componentWillMount() {
    this.setState({ loading: true });
  };
}

claudiojunior-me

class App extends Component {
  constructor(props) {
    super(props);
  };
}

claudiojunior-me

class App extends Component {
  render() {
    return (
      <div>
        <span>Hello Word</span>
      </div>
    );
  }
}