handleCollapse<HTMLInputElement>(e: Event ) {}

所以为啥要做前端。。

顺便再给另一个轮子打个广告好了，减少 redux 使用成本的非常简单的一个状态管理库 https://github.com/shadeofgod/reackt

@StrayBugs 你说的对，先定义清楚需求是更好的方式，不过对于闲逛论坛的人来说碰到每一个问题都像面试一样面对的话太累了。所以只是随手一写抛个思路

但感觉不太对，我也是很少用 rx

写了个类似的逻辑，数组长度是 3，每次消耗 1 个，消耗完了才重新请求。

https://codesandbox.io/s/4xk3kkok09?expanddevtools=1&fontsize=14&hidenavigation=1&theme=dark

用其他平台的数据都不在自己手里，哪一天说没就没了。github pages 配个自己的域名不香吗，自带全站 https，只需要操心 markdown 文档，内容写好了 git push 一下自动发布。可以用 jekyll hexo 这些生成静态页面，gitalk 做评论系统。

哦 上面这个只是 max = 100 的时候的，随便写了一下

```js
function rand(max) {
const _rand = () => ~~(Math.random() * max);
const a = _rand();
return (Math.random() > a / 100) ? a : _rand();
}
```

滴滴放假到 2.2，2.3-2.7 远程，暂定 2.10 返岗

git 看看 log 可以用 gitup，很轻量

恕我直言，微软收购 GitHub 难道不是 2018 年 6 月宣布的吗

不希望它的更新导致 re-render 的都可以放，常用的比如：

```js
componentDidMount() { this._mount = true }
componentWillUnmount() { this._mount = false }
```

@crossle 如果一次要写的数据比较多就可能卡顿，放 main 也会，因为 main 需要不断和 renderer 进行 ipc 通信，我们是把写入放在另一个隐藏的 renderer process

@crossle 看了一下挺不错的，话说你们读写都在主窗口那个 renderer process 做吗？有没有引起过 UI 的卡顿问题？

前段时间给 better sqlite3 重新编译了一个 sqlcipher 的版本在项目里用，也是很多坑。

1. webpack output 的目录看看有没有 .node 文件就知道有没有成功打包进去了。
2. "postinstall": "electron-builder install-app-deps" 这个已经干了 node-gyp rebuild 的活了。
3. windows 上使用 asar 会有问题，没找到解法，所以 win 上我干脆关掉 asar 了
4. 因为 sqlcipher 依赖 openssl 所以我碰到了一些缺少动态库的问题，但是报错也可能是报构造函数不是方法，完全看不出来缺了啥，最后用 http://www.dependencywalker.com/ 和 https://docs.microsoft.com/en-us/sysinternals/downloads/procmon 查了半天缺哪些东西。

还有一些杂七杂八的有点忘了，直接使用 better-sqlite3 应该会简单很多。

redux 的 action 是一个很重要的概念，要管理状态是很简单的，一个 {} 就可以了，但是应用复杂度一上去，这就是灾难了，有 action 这么一个概念存在，可以做到很方便的维护和 debug，让你明确 “when, where, why, and how your application's state changed”，理解这个目的，就很容易理解 redux 为什么要这样设计了。

但是 redux 有两个比较坑的点， 一个是把 action 这个概念暴露给了使用者，导致使用者自己要定义一堆的 action type，action creator，社区后来又出现了 https://redux-toolkit.js.org/ 这一类的工具来减少工作量。如果是从头开始写的话，你会觉得 redux 写起来真的太繁琐了，但是只维护的话，其实是非常轻松的，每一次交互操作触发了什么样的 action，携带了什么样的 payload，导致状态如何变化，都非常清晰。

第二个是 redux 的 reducer 是要求必须是同步和 pure 的，把最常需要处理的副作用完全不管，全部丢给了第三方的 middleware 来处理，各种各样的 middleware 层出不穷，又会额外引入非常多的概念。

来了来了，用 redux 难受的给你们推荐自己撸的一个轮子，自家后端同事都说 https://www.npmjs.com/package/reackt