useClickAway是用来管理点击的，但是这些点击是在目标元素之外，不在之内。啥时候会用到它呢？比如我做了一个弹窗，当点击弹窗外的地方的时候，我想要收起弹窗，这个时候就可以用useClickAway。

之前我只知道可以用分号来分隔命令，这些命令可以一次执行，但是今天在看[hooks](https://github.com/alibaba/hooks)源代码的时候，发现它的`init`命令里面是用`&&`来分隔命令的，那他们之间有什么区别呢？注意我们这里只讨论Linux下的情况，不讨论Windows下的情况，他们不一样。

说来惭愧，在上家公司里面hooks用的不多，现在的新公司新项目，全是函数式组件，没有类组件了。我也开始大量使用各种hooks，然后找到了这个第三方库[hooks](https://github.com/alibaba/hooks)，自定义的hooks。这篇文章就是来分析一下各个hooks的源代码。

项目中有一些公共字典信息，量很多，而且并不会经常变，而且用的地方很多，所以我们就想用自定义的Hooks来获取并缓存数据。这样做有一个很大的好处，当获取到数据之后，调用Hooks的地方可以自动跟着刷新，如果不是Hooks，而只是普通的网络请求和缓存，就做不到这种刷新，需要用回调，观察者或者订阅来做。

CSS的组合器并不是很好学习，我认为最好的学习方法就是通过一些例子，最好是在实际开发中可能会遇到的例子来学习。

即便我们不去做性能优化，`React`内部已经帮我们做了很多性能上的优化，而`React.memo`可以更进一步优化组件的渲染次数。在这篇文章中我将会跟你解释一下如何通过使用`React.memo`来优化React性能，一些使用时候的常见错误，以及为什么你并不总是需要用`React.memo`

计算机网络是计算机里面很重要的课题，是网络链接大家。相信科班出身的人大学都学过计算机网络，非科班的也会多多少少了解点。但是计算机网络这个东西吧，说实在的平常工作中用的并不是很多，系统学习过之后也会忘记，这个是没办法的，只有时不时的拿出来复习一下。本文就是用来复习的，并不是一篇新手的计算机网络指导，想要从头学的话，我推荐《计算机网络：自顶向下方法》，然后自己动手结合wireshark学自己感兴趣的，不用全学，除非是感兴趣。

工作中`git stash`是一个很有用的命令，比如在当前分支上做开发，结果没做完，又要去另一个分支上修bug。有两种方式，一种是先临时提交下，后面再把这个提交修改掉。另一种就是先stash起来，后面再pop出来。当我们在做一些测试的时候，想比较两种修改，怎么样暂存一部分修改呢？

Git有些命令记录在这里，平时我用图形界面多点，有些命令反而用命令行更好用。命令行的强大之处在于这些命令可以组合，这在命令行里面很难甚至做不到，比如下面这个：

最近一直在做性能优化，最近在做的点就是打包体积优化，这里记录一下我的优化方法和结果。首先也要明白一些常见的减小包体积的措施，像[Tree Shaking](https://webpack.js.org/guides/tree-shaking/#root)，[Code Splitting](https://webpack.js.org/guides/code-splitting/#root)，[loadable-components](https://github.com/gregberge/loadable-components)，这些都可以用来减小[首页]包体积。