khanghoang

{
    "parser": "babel-eslint",
    "plugins": [
        "flowtype"
    ],
    "rules": {
        "flowtype/require-parameter-type": 1,
        "flowtype/require-return-type": [
            1,
            "always",

khanghoang

tmux shortcuts & cheatsheet

start new:

tmux

start new with session name:

tmux new -s myname

khanghoang

docker run -v /datadir:/data/db --name mongo -d mongo --auth

docker exec -it mongo mongo

> use admin
> db.system.users.find()
> db.createUser({ user: 'admin', pwd: 'admin', roles: [ { role: "root", db: "admin" } ] });

> use some-db
> db.createUser({ user: 'user', pwd: 'user', roles: [ "readWrite" ] });

khanghoang

Generators

The playground:

• I've created a jsbin for you to play with Generators. In the practical project, you need to have either facebook-regenerator or babel-polyfill to run it.
  The playground

What is generator:

• Generator's interface

interface Generator extends Iterator {

khanghoang

Webpack

At first glance

Know what you have in your pocket.

User webpack -json > tree.json to get all the information about your modules.
For visualization, put the tree.json to this https://webpack.github.io/analyse/#home
To parse those information to human-readable code, use this package https://github.com/robertknight/webpack-bundle-size-analyzer with its command webpack --json | webpack-bundle-size-analyzer

Minimize

To minimize your scripts (and your css, if you use the css-loader) webpack supports a simple option:

khanghoang

const initialLoadRequest = (dispatch) => {
  const fetchForm = fetchLoginForm;
  const sessionStatus = getSessionStatus;

  return Promise.props({
    form: (() => {
      const loginFormAction = fetchForm();
      dispatch(loginFormAction);
      return loginFormAction.promise;
    })(),

khanghoang

export default function parrallelPromises (store) {
  return next => action => {
    const { parrallelPromises } = action;
    if (!parrallelPromises) {
      return next(action);
    }

    return Promise.props(parrallelPromises)
      .then((results) => {
        return store.dispatch(results);

khanghoang

var Q = require('q');
var request = require('request');
var Promise = require('bluebird')
var numberOfArticle = 0;

function getArticleUrlPerPage(pageNumber, articleUrls) {
    var options = {
        method: 'GET',
        url: 'https://www.getnewsmart.com/?last_time_title=This+week&page=' + pageNumber + '&section=&xhr=true',
    };

khanghoang

var expect = require('chai').expect;
var jsdom = require('mocha-jsdom');
var generateDOM = require('../src/index');

describe('Generate', function() {

  jsdom();

  it('should render children nodes', function(){
    var source = {

khanghoang

function mapValues(obj, fn) {
  return Object.keys(obj).reduce((result, key) => {
    // call fn() and re-assign it to results.
    result[key] = fn(obj[key], key);
    return result;
  }, {});
}

function pick(obj, fn) {
  return Object.keys(obj).reduce((result, key) => {