本文主要讲解 typescript 的 extends、infer 和 template literal types 等知识点，针对每个知识点，我将分别使用它们解决一些日常开发中的实际问题。最后，活用这些知识点，渐进的解决使用 dva 时的类型问题。

在 React Fiber 架构面世一年多后，最近 React 又发布了最新版 16.8.0，又一激动人心的特性：React Hooks 正式上线，让我升级 React 的意愿越来越强烈了。在升级之前，不妨回到原点，了解下人才济济的 React 团队为什么要大费周章，重写 React 架构，而 Fiber 又是个...

在webpack中，我们可以在resolve的alias中定义一个层级较高的目录为一个自定义变量。例如resolve: { alias: { '@': path.join(__dirname, '..', 'src') }}。

Module：模块，在 Webpack 里一切皆模块，一个模块对应着一个文件。Webpack 会从配置的 Entry 开始递归找出所有依赖的模块。

很遗憾，目前Javascript是不支持的。 C#， php， python等都支持这个高级语法。

JavaScript 语言诞生至今，模块规范化之路曲曲折折。社区先后出现了各种解决方案，包括 AMD、CMD、CommonJS 等，而后 ECMA 组织在 JavaScript 语言标准层面，增加了模块功能（因为该功能是在 ES2015 版本引入的，所以在下文中将之称为 ES6 module）。 今天我们就来聊...

useCallback和useMemo是其中的两个 hooks，本文旨在通过解决一个需求，结合高阶函数，深入理解useCallback和useMemo的用法和使用场景。 之所以会把这两个 hooks 放到一起说，是因为他们的主要作用都是性能优化，且使用useMemo可以实现useCallback。

{代码...}

在tsconfig.json配置文件中添加下面配置： {代码...}

React16 后的各功能点是多个版本陆陆续续迭代增加的，本篇文章的讲解是建立在 16.6.0 版本上本篇文章主旨在介绍 React16 之后版本中新增或修改的地方，所以对于 React16 之前版本的功能，本篇文章当作您已充分了解了，不再赘述

在用户拖拽文件到浏览器的某个元素上时，js可以监听到与拖拽相关的事件，并对拖拽结果进行处理，本文讨论下和拖拽文件相关的一些问题，不过没有处理太多关于兼容性的问题。

Immer 是 mobx 的作者写的一个 immutable 库，核心实现是利用 ES6 的 proxy，几乎以最小的成本实现了 js 的不可变数据结构，简单易用、体量小巧、设计巧妙，满足了我们对JS不可变数据结构的需求。 无奈网络上完善的文档实在太少，所以自己写了一份，本篇文章以贴近实...

在函数式编程中，Immutable这个特性是相当重要的，但是在Javascript中很明显是没办法从语言层面提供支持，但是还有其他库(例如：Immutable.js)可以提供给开发者用上这样的特性，所以一直很好奇这些库是怎么实现Immutable的，这次就从Immer.js（小巧玲珑）入手看看内...

{代码...}

变量result就是你要的结果： {代码...}

注意看Menu组件的两个属性：selectedKeys、defaultSelectedKeysselectedKeys：当前选中的菜单项 key 数组defaultSelectedKeys：初始选中的菜单项 key 数组这两个属性为二选一使用，如果同时使用时，defaultSelectedKeys无效，将会以selectedKeys为准。

关于解决方法，代码里的注释有说明 {代码...} 效果展示

我试用了有15天左右，总的来说，这是一款优秀的框架，尤其补充了目前市面上无法用 React 开发小程序的需求空缺，所以其优点就不多说了，大家可去其官方查看详细文档