riskers

在 reducer 中，都是返回一个新对象，否则组件是不会更新 ui 的。而返回新对象，可以:

Object.assign：比较 hack，每次新生成一个对象
...state
immutable.js

在入口文件(app.js)引入全局 css (:global(.xxx){...}), .xxx 不会被解析成 hash，可以在组件中 className="xxx" 使用
本地css在组件(demo.js)中引入局部 css (.yyy{...}) ，在组件中 styleName="yyy" 使用

common.css: global-style

:global(.xxx) {
 ...

yarn.lock 与 node_modules 保持一致

yarn add xxx 添加新的 package，同时更新 package.json、yarn.lock
yarn upgrade xxx 更新 package，同时更新 package.json、yarn.lock

这样操作过后，我们把 yarn.lock push 到代码仓库中

node_modules 与 yarn.lock 保持一致

团队使用 Yarn 来管理模块依赖，这样只能保证大家的 yarn.lock 是一致的，但不能保证大家的 node_modules 是一致的（因为 node_modules 并不在版本库里）。要是有人升级了模块，别人拿到了新的 yarn.lock ，但是本地的 node_modules 里的模块仍然是旧的。

// es6
export var foo = 'foo';
setTimeout(() => foo = 'baz', 500);

// main
import {foo} from './t.js';
console.log(foo); // foo
setTimeout(() => console.log(foo), 500); // baz

Git 协作流程

master 分支

master 永远处于稳定状态，这个分支代码可以随时用来部署。不允许在该分支直接提交代码。

develop 分支

开发分支，包含了项目最新的功能和代码，所有开发都在 develop 上进行。一般情况下小的修改直接在这个分支上提交代码。

一篇讨论 webpack 和 rollup 的文章 https://medium.com/webpack/webpack-and-rollup-the-same-but-different-a41ad427058c

pkg.module 也很重要

`throttle` 节流

定义了一个函数一段时间内的最多执行次数，比如『执行某函数最多每100ms执行一次』

type AnyFunction = (...args: any[]) => void;
const throttle = <T extends AnyFunction>(fn: T, delay: number): (...args: Parameters<T>) => void => {
  let last = 0;

 return (...args: Parameters): void =&gt; {

	import { combineReducers } from 'redux';

	import globalDate from 'reducers/globalDate'
	import permission from 'reducers/permission'

	const createReducer = function (reducers) {
	return combineReducers({

	/* 公共 reducers，无论一开始在哪个路由下，都会载入 */
	globalDate,

	# unbind some default keybindings
	unbind C-b

	# set prefix key to ctrl-q
	set -g prefix C-q

	# lower command delay
	set -sg escape-time 1

	# start first window and pane at 1, not zero