wuct

module.exports = function override(config, env) {
  config.module.rules = config.module.rules.map(rule => {
    if (rule.oneOf instanceof Array) {
      return {
        ...rule,
        // create-react-app let every file which doesn't match to any filename test falls back to file-loader,
        // so we need to add purs-loader before that fallback.
        // see: https://github.com/facebookincubator/create-react-app/blob/master/packages/react-scripts/config/webpack.config.dev.js#L220-L236
        oneOf: [
          {

wuct

module Complex where

import  Prelude
import  Data.Eq

newtype Complex = Complex
  { real :: Number
  , imaginary :: Number
  }

wuct

1. Create a Snapshot of the current EC2 instance running Mongo. First, note down the Volume ID from your Instance list since for whatever reason you can't see any instance info in the Snapshot page. Second, go to the Snapshot page and click [Create Snapshot]. Choose the Volume ID you just noted down and name the Snapshot and create it.

2. Create a new Volume with the backup Snapshot. In your instance list note the Availability Zone of the instance you are trying to upgrade. Go to the Volumes page and click [Create Volume]. Pick Standard and enter how many GB you'd like to create. This should be larger than the Volume you just created the Snapshot from. Then from the drop down choose the Snapshot you just created and click create. Also choose the Availability Zone that the instance you are upgrading is in as they must be the same.

3. Find the instance you'd like to upgarde in the Instances list and note the name of the disk which will be next to "Block devices" (most likely /dev/sda1).

4. Stop the Instance

wuct

Promise.prototype.fmap = Promise.prototype.then

Promise.resolve('yolo')
  .fmap(str => str + ' swag!')
  .then(console.log) // "yolo swag!"

wuct

const hoc = BaseComponent => 
  BaseComponent

const hoc = BaseComponent =>
  () => <BaseComponent />

const hoc = BaseComponent =>
  class extend React.Component {
    render = () => <BaseComponent />
  }

wuct

import { genAuthHeaderFromState, genTokenFromState } from '../api';
import { default as apiStack } from '../api/apiStack';
import { createFetch, auth, body, method } from 'http-client';

// redux-api-middleware
export const orderList = () => ({
  [CALL_API]: ({
    endpoint: 'http://food.com/order/list/',
    method: 'GET',
    headers: genAuthHeadersFromState,

wuct

// 1
// cons：the component name appears twice
const Component = compose(
  // HOC
)(({
  // ...destructured props
}) =>
  // react element
);

wuct

// simple example
const isFruitOrVegetable = switch(
  case('apple', 'isFruit'),
  case('orange', 'isFruit'),
  case('eggplant', 'isVegetable'),
  default('isFruit')
);

isFruitOrVegetable('apple') // isFruit

wuct

// Consider <Button /> is a pure render component
import { pure } from 'recompose';
const Button = pure(props =><button>{props.children}</button>);

const App = () => <div>
  Call me maybe?
  <Button><IconPhone /> Call</Button>
</div>

wuct

// 在 constructor 內 bind
export default class  extends React.Component {
  constructor(...args) {
    super(...args)
    this.doSomething = this.doSomething.bind(this)
  }

  doSomething() {}