Joel Barbosa joelbarbosa

## ControlledComponent.js
import React , { Component } from 'react';
export default class ControlledComponent extends Component {
  constructor(props) {
    super(props)
    this.state = {
      name: '',
      idade: 0,
    }
  }

## gist:4b3490ade6b3f5ae4f6adf9e335a589e
var a = new Promise(res => setTimeout(()=>{
          res(1)
        }, 2000));

var b = new Promise(res => setTimeout(()=>{
          res(2)
        }, 1000));

var c = (fn) => new Promise(res => console.log(fn));

## index.html
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>JS Bin</title>
</head>
<body>

<script id="jsbin-javascript">

## .eslintrc.js
module.exports = {
  "extends": "airbnb",
  "parser": "babel-eslint",
  "plugins": [
      "react",
      "jsx-a11y",
      "import",
      "jest"
    ],
    "globals": {

## index.html
<!DOCTYPE html>
<html>
<head>
<meta name="description" content="Observer parttern">
  <meta charset="utf-8">
  <title>JS Bin</title>
</head>
<body>

<script id="jsbin-javascript">
	import React , { Component } from 'react';
	export default class ControlledComponent extends Component {
	constructor(props) {
	super(props)
	this.state = {
	name: '',
	idade: 0,
	}
	}
	var a = new Promise(res => setTimeout(()=>{
	res(1)
	}, 2000));

	var b = new Promise(res => setTimeout(()=>{
	res(2)
	}, 1000));

	var c = (fn) => new Promise(res => console.log(fn));
	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width">
	<title>JS Bin</title>
	</head>
	<body>

	<script id="jsbin-javascript">
	module.exports = {
	"extends": "airbnb",
	"parser": "babel-eslint",
	"plugins": [
	"react",
	"jsx-a11y",
	"import",
	"jest"
	],
	"globals": {