893
阿裏雲前端周刊 - 第 18 期
推薦
1. 深入淺出 React 高階組件
https://zhuanlan.zhihu.com/p/28138664
由高階函數引申高階組件，高階組件是接受 React 組件作為輸入，輸出一個新的 React 組件的組件，本文介紹了在 React 工程中如何編寫和使用高階組件，以及結合 Decorator 的一些實踐。
2. 高性能 MobX 模式（part 2）- 響應變化
https://zhuanlan.zhihu.com/p/28082321
MobX 可以保證，無論何時你的響應式數據發生了變化，相應的依賴於 observable 的屬性會自動同步更新。這意味著你現在可以專注於響應變化和處理變化帶來的副作用，而不需要為數據的同步操心，讓我們深入一下，看看有哪些方式可以讓你處理副作用。
3. 原子設計方法論
https://zhuanlan.zhihu.com/p/27808988?utm_source=com.alibaba.android.rimet&utm_medium=social
原子設計是一種有用的設計和開發方法，但基本上它隻是構建界麵的一種心理模型。現在你可能會想知道如何使用原子設計。親愛的讀者不用害怕，因為本書的其餘部分將會著重於工具和過程，使你的原子設計夢想成真。
4. 我用了兩個月的時間才理解 let
https://zhuanlan.zhihu.com/p/28140450
在 let 剛出來的時候，就「以為」理解了 let。然鵝在過去的兩個月裏，對 let 的理解發生了一波三折的變化。作者寫這篇文章，是希望其學習過程，能對其它人自學有幫助。
其它
1. ES6 中的 JavaScript 工廠函數實現
https://medium.com/javascript-scene/javascript-factory-functions-with-es6-4d224591a8b1
本文歸屬於 Eric Elliott 發布的 Composing Software 係列，介紹在 JavaScript ES6 語法背景下如何實現工廠函數。所謂工廠函數即是非類或者構造函數的，能幹會某個新創建對象的函數；工廠函數能夠簡化我們創建新對象的過程，本文即是詳細地介紹了如何實現工廠函數，也是一篇不錯的 ES6 函數語法講解；
2. 基於 React.js 的簡單數據可視化
https://codeburst.io/simple-data-visualization-with-react-js-svg-line-chart-tutorial-df12e5843ce
本文旨在介紹如何利用 React.js ，並且不借助任何第三方庫的幫助，來實現簡單的 SVG 線型圖。本文首先討論如何利用 Create React App 搭建簡單 React 項目，然後介紹了 SVG 的基礎語法以及如何創建模擬數據，最後介紹了如何進行邏輯代碼分割並且編寫單獨的 LineChart 組件；
3. Web 開發中的十大常用工具
https://medium.com/envato/our-top-10-free-tools-for-frontend-web-development-15d8a6052652
每年都會湧現出很多優秀的 Web 開發輔助工具，而本文是來自於 Envato 的工程師分享的他們開發中常用的十個工具。本文依次介紹了可用於生成網格的 Grid.Guide、類似於 BootStrap 的樣式庫 Foundation、在線代碼編輯與共享工具 CodePen、jQuery 插件聚集地 Unheap、自動界麵刷新工具 LivePage、整頁抓取工具 FullPage Screen Capture、字體輔助 WhatFont、Node/Npm、移動端速度測試、響應式速度測試工具等。
4. React 開源許可證風波
近日，Apache 基金會宣布禁止使用包括 React 在內的， Facebook 帶附加條款的 BSD Licence的開源軟件，引發了部分使用者的擔憂；社區已經有很多人請願修改 React 開源許可證，同時 Facebook 另一開源項目 RocksDB 已經表示會在截止日期前修改許可證；React 項目維護者表示 Facebook 內部正在討論此事，我們也會持續跟蹤。
5. npm 5.3.0 發布
https://blog.npmjs.org/post/162986246605/v530-2017-07-13
自 5.x 版本發布之後，npm 一直致力於提升版本迭代速度，盡可能地通過小的更新來修複 npm 存在的問題。而本周發布的 5.3.0 版本為 npm ls 命令添加了 --link 參數，並且為 npx 添加了更多的支持語言版本；此外該版本還修複了一係列版本控製上的問題。
最後更新：2017-08-13 22:33:36