最近阿里雲的美女工程師張秋怡被 Node.js 社群吸納為 CTC（核心技術委員會）成員，只有對 Node.js 社群有足夠大貢獻的人，才會被吸納為 CTC 成員，張秋怡做了哪些貢獻？如果你想參與開源社群，她是個很好的參照。本週資訊量最大的部分非 Fluent Conf 2017 莫屬了，我只是給了個入口，愛學習的同學自己去折騰吧。
技術動態
Webpack 3 釋出正式版
雖然 Webpack 3 正式版釋出兩週了，但是是個非常值得收錄的事件，本次發版完全是提供社群投票所產生的功能需求，並且不再像之前那樣不同版本之間不相互相容。本次發版的旗艦特性是 Scope Hoisting，目的是為了提高打包後程式碼的執行效率，其他特性更包括 Magic Comments，能讓打包後的程式碼更易閱讀，如果還有其他你想要的特性，可以去它的投票頁面看看。
Vue Conf 2017 國外版演講精選
上週在波蘭舉行的 Vue Conf 2017 已經結束，與會人數超過 300 人，雖然聲稱是全球首屆，但是實際上比國內的要晚一個月左右，這篇文章精選了本次大會中幾個比較精彩的演講，感興趣的同學可以看看，想提高英語的同學，可以對照著中文看看尤雨溪的開題演講。
Fluent Conf 2017 日程表
那個用各種動物做書籍封面的出版社也喜歡組織各種技術交流大會，Fluent Conf 算是 WEB 領域綜合性的技術交流大會，我連續看了幾年，每次都收穫不小。這個日程表上有很多演講的講稿，如果想看視訊自己去搜吧，大會共 4 天，前 2 天是各種 Workshop、短期閉門培訓，後 2 天演講比較多。
React Native 月刊第 1 期
React Native 社群大玩家組織的月度會議紀要，諸如 Airbnb、Shouten、Wix 等公司都會通報他們遇到的問題、在解決的問題、工程經驗，從中不難窺探出 React Native 大致的演化方向：模組化，也能看到這些大玩家在使用哪些工具更好的解決 React Native 應用的問題，比如打包工具、E2E 測試工具。
文章教程
註釋良好的 CSS 程式碼應該長啥樣？
社群中就程式碼可維護性的討論 JS 比 CSS 多太多，實際上 CSS 也是寫起來容易，維護起來難的語種，註釋和文件良好的 CSS 程式碼能夠保障程式碼一致性，大幅度提高程式碼可維護性，幫助團隊形成編碼時的“共同語言”，那麼註釋良好的 CSS 程式碼該包含哪些要素呢？理解這篇文章再加以實踐，相信能提高不少。
為什麼我選 React 而不是 Vue
React 和 Vue 可以說是當下大熱的前端框架，而筆者對 Vue 的第一印象是：它怎麼既像 Angular 又像 React。本文作者用 React 和 Vue 做過幾個專案之後，還是更加傾向於使用 React，並給出了他的三大理由，技術選型沒有最好的，只有最合適的，如果你是 Vue 的死忠粉，更應該看看這個。
React 元件解耦重構的技巧
有沒有寫過 render 函式巨大無比的 React 元件？為啥別人的 React 元件程式碼看起來那麼優美？可能是因為沒意識到這樣做的好處，也可能是因為沒有掌握方法論，這篇文章奉上 3 個立即可用的 React 元件解耦重構方法。
Express.js 中的 Session 是如何工作的？
幾乎所有需要維護使用者資料、會話狀態的 WEB 應用都需要使用 Session，作為開發者不光要知道如何使用 Session 還要知道它是如何工作的。這篇文章介紹了 Session 是什麼？如何儲存 Session 資料？如何確定 Session 的儲存介質？常見的安全問題和對策。
邊學開發邊賺錢的最佳姿勢
傳統觀念都會認為學技能是需要交學費的，有沒有可能在學會技能的過程中就開始賺到錢呢？答案是肯定的，尤其是在這個時代，從事創造性勞動的都極有可能獲得。這篇文章就介紹瞭如何在學習開發技能的同學賺到錢的思路，雖然作者只賺了 $11，但是這是一個質的提升。
像產品一樣優化你的交付流水線
靠譜工程師應該具有的三觀：技術觀、產品觀、資料觀，本文介紹瞭如何將 13 條產品設計原則應用到軟體互動流水線優化上，取得的效果是平均每天節省 13 個工程師工時，相當於兩人日的資源，能做出這樣事情的人，貢獻的價值自然是巨大的。總之，這是篇道與術並存的文章，如果你只是想優化自己的交付流水線或者學習通用的產品設計原則，都是非常值得閱讀的。
開發工具
Pencil：類 Sketch 的開源圖表軟體
Pencil 專案的願景是提供所有人都可以免費試用的圖表只做軟體，完全基於 Electron 開發，目前提供的功能還算強大，如果你是個喜歡平面設計的前端工程師，這個倉庫是個很不錯的參與開源社群的機會。
Detox：APP 端到端測試的利器
Detox 是高效能的 APP 端到端測試框架，能夠在真實裝置上執行測試，如真是使用者般和 APP 互動，並且提供了天然的 React Native 支援，能夠很好的與你的持續整合環節結合起來，並且可以很方便的與 Mocha、Ava 結合使用。
支援事務的 MongoDB 操作庫
不支援事務是 MongoDB 和其他資料庫引擎相比的劣勢，而這個倉庫基於 MongoDB的兩階段提交特性提供了類似於事務的操作，你可以通過他指定一系列操作，要麼全部成功，要麼全部失敗回滾，不理解事務是啥的同學可以去看看銀行轉賬的例子。
Vue 開發者工具火狐版
雖然現在身邊幾乎見不到使用火狐瀏覽器開發除錯的同學了，這個工具還是值得發出來，是 Vue.js 原作者尤雨溪釋出的。
精彩問答
MongoDB 如何給所有的文件增加隨機數？
不需要編寫複雜的指令碼，因為 MongoDB 中可以執行 JS 程式碼，如果你恰巧也有類似的需求，此文可作為快速參考。
React Native 中如何禁用螢幕旋轉？
準確的表述問題應該是：如何在 XCode 配置應用不響應螢幕旋轉，適用於 Native 和 React Native，配置方法很簡單，還附帶贈送了 Android 中的配置方法。
One More Thing
本文作者王仕軍，商業轉載請聯絡作者獲得授權，非商業轉載請註明出處。如果你覺得本文對你有幫助，請點贊！如果對文中的內容有任何疑問，歡迎留言討論。想知道我接下來會寫些什麼？歡迎訂閱我的掘金專欄或知乎專欄：《前端週刊：讓你在前端領域跟上時代的腳步》。
Happy Hacking