阿里雲前端週刊 - 第 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 添加了更多的支持語言版本；此外該版本還修復了一系列版本控制上的問題。