最近<a >阿里云的美女工程師張秋怡被 Node.js 社區吸納為 CTC（核心技術委員會）成員</a>，只有對 Node.js 社區有足夠大貢獻的人，才會被吸納為 CTC 成員，張秋怡做了哪些貢獻？如果你想參與開源社區，她是個很好的參照。本周信息量最大的部分非 <a >Fluent Conf 2017</a> 莫屬了，我只是給了個入口，愛學習的同學自己去折騰吧。
技術動態
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
