阿里云前端周刊 - 第 18 期

推荐

1. 深刻浅出 React 高阶组件

https://zhuanlan.zhihu.com/p/...

由高阶函数引伸高阶组件，高阶组件是接受 React 组件做为输入，输出一个新的 React 组件的组件，本文介绍了在 React 工程中如何编写和使用高阶组件，以及结合 Decorator 的一些实践。

2. 高性能 MobX 模式（part 2）- 响应变化

https://zhuanlan.zhihu.com/p/...

MobX 能够保证，不管什么时候你的响应式数据发生了变化，相应的依赖于 observable 的属性会自动同步更新。这意味着你如今能够专一于响应变化和处理变化带来的反作用，而不须要为数据的同步操心，让咱们深刻一下，看看有哪些方式可让你处理反作用。

3. 原子设计方法论

https://zhuanlan.zhihu.com/p/...

原子设计是一种有用的设计和开发方法，但基本上它只是构建界面的一种心理模型。如今你可能会想知道如何使用原子设计。亲爱的读者不用惧怕，由于本书的其他部分将会着重于工具和过程，使你的原子设计梦想成真。

4. 我用了两个月的时间才理解 let

https://zhuanlan.zhihu.com/p/...

在 let 刚出来的时候，就「觉得」理解了 let。然鹅在过去的两个月里，对 let 的理解发生了一波三折的变化。做者写这篇文章，是但愿其学习过程，能对其它人自学有帮助。

其它

1. ES6 中的 JavaScript 工厂函数实现

https://medium.com/javascript...

本文归属于 Eric Elliott 发布的 Composing Software 系列，介绍在 JavaScript ES6 语法背景下如何实现工厂函数。所谓工厂函数便是非类或者构造函数的，能干会某个新建立对象的函数；工厂函数可以简化咱们建立新对象的过程，本文便是详细地介绍了如何实现工厂函数，也是一篇不错的 ES6 函数语法讲解；

2. 基于 React.js 的简单数据可视化

https://codeburst.io/simple-d...

本文旨在介绍如何利用 React.js ，而且不借助任何第三方库的帮助，来实现简单的 SVG 线型图。本文首先讨论如何利用 Create React App 搭建简单 React 项目，而后介绍了 SVG 的基础语法以及如何建立模拟数据，最后介绍了如何进行逻辑代码分割而且编写单独的 LineChart 组件；

3. Web 开发中的十大经常使用工具

https://medium.com/envato/our...

每一年都会涌现出不少优秀的 Web 开发辅助工具，而本文是来自于 Envato 的工程师分享的他们开发中经常使用的十个工具。本文依次介绍了可用于生成网格的 Grid.Guide、相似于 BootStrap 的样式库 Foundation、在线代码编辑与共享工具 CodePen、jQuery 插件汇集地 Unheap、自动界面刷新工具 LivePage、整页抓取工具 FullPage Screen Capture、字体辅助 WhatFont、Node/Npm、移动端速度测试、响应式速度测试工具等。

4. React 开源许可证风波

https://wptavern.com/react-us...

近日，Apache 基金会宣布禁止使用包括 React 在内的， Facebook 带附加条款的 BSD Licence的开源软件，引起了部分使用者的担心；社区已经有不少人请愿修改 React 开源许可证，同时 Facebook 另外一开源项目 RocksDB 已经表示会在截止日期前修改许可证；React 项目维护者表示 Facebook 内部正在讨论此事，咱们也会持续跟踪。

5. npm 5.3.0 发布

http://blog.npmjs.org/post/16...

自 5.x 版本发布以后，npm 一直致力于提高版本迭代速度，尽量地经过小的更新来修复 npm 存在的问题。而本周发布的 5.3.0 版本为 npm ls 命令添加了 --link 参数，而且为 npx 添加了更多的支持语言版本；此外该版本还修复了一系列版本控制上的问题。