tmpaul06

import React from "react";
import BaseComponent from "../BaseComponent";
import DomEvents from "../utils/DomEvents";
export default class Column extends BaseComponent {
  constructor() {
    super();
    this.state = {
      parentWidth: null
    };
    this.mounted = false;

tmpaul06

// A synchronous function.
// It returns a result as soon as it is called.
function syncAdd(a, b) {
  return a + b;
}

// A function that adds two numbers after two seconds
function asyncAdd(a, b) {
  setTimeout(function() {
    return a + b;

tmpaul06

promise
.then(buyMangoes, dadStrategy);
// No error. No warning. Error is simply gone.

tmpaul06

function getSomeJSON(url, callback) {
  // AJAX call to get data from server. Accepts callback and calls
  // with callback(err, response)
  ...
}
  
function fetchJSON(url) {
  return new Promise(function (resolve, reject) {
    getSomeJSON(url, function (err, response) {
      if (err) return reject(err);

tmpaul06

function getSomeJSON(url, callback) {
  // AJAX call to get data from server. Accepts callback and calls
  // with callback(err, response)
  ...
}
  
function fetchJSON(url) {
  var deferred = new Deferred();
  getSomeJSON(url, function (err, response) {
    if (err) return deferred.reject(err);

tmpaul06

// The first call returns promise1
remoteDataCall().then(function (result) {});
// Second call returns another promise2 !== promise1
remoteDataCall().then(function (result) {});

tmpaul06

var promise = remoteDataCall();
promise.then(function (result) {});
promise.then(function (result) {}); 
// Same result as above without executing `remoteDataCall` again.

tmpaul06

// domeSomethingAsync is the first promise. 
var result = doSomethingAsync()
// It has a `then` method for chaining
.then(...)

// result is a different Promise. It has its own then method
result.then(...) => returns another new Promise

tmpaul06

function dadBranch() {
  var dadStrategy = askDadForMoney()
    .then(buyMangoes, sitAndCry);
  return dadStrategy;
}
getMoneyFromAccount()
  .then(buyMangoes, dadBranch)
  .then(eatMangoes)

tmpaul06

getMoneyFromAccount()
// buyMangoes here will throw an Error
.then(buyMangoes, dadBranch)
// Next handler in chain
.then(eatMangoes, handleThief) 
The `handleThief` function is called when buyMangoes throws an exception