前端周刊第42期

很高興跟大家宣布，前端周刊本周起恢復，頻率仍然是每周一期，下面是本周收集到的不錯的文章、教程、工具或業界動態，請享用。

文章教程

Vue.js 組件編寫原則

2017-02-09 github.com

總結了部分 Vue Component 編寫最佳實踐，如果你正在學 Vue 但是發現自己的代碼寫的不怎麼優雅，這就是良藥！

Ionic 2 vs ReactNative vs NativeScript

2017-02-08 www.discoversdk.com

前端可用的 APP 開發技術哪家強？從多個方面跟你比較這三個開發框架的優劣，到底哪個好？可能還需要你自己上手試試才知道。如果時間有限，這裡面的比較思路應該會對你有些啟發，貌似少了國內的 Weex、微信小程序。

給所有開發者的 React Native 詳細入門指南

2017-02-10 www.jianshu.com

首次收錄來自簡書的文章，如果你最近在開發 React Native，這篇文章應該能節省你不少時間，涵蓋環境搭建、基本的開發調試技巧。

代碼框架

欄位校驗利器：express-validator

2017-02-05 github.com

使用了 express 來寫後端但是還在自己編寫欄位校驗邏輯？使用 express-validator 能大量減少你的重複工作，內置了不少插入即用校驗器，還支持擴展，趕快收下吧。

Element：來自餓了么的網站快速成型工具

2017-02-09 element.eleme.io

Element，一套為開發者、設計師和產品經理準備的基於 Vue 2.0 的組件庫，提供了配套設計資源，幫助你的網站快速成型。由餓了么前端團隊提供。

找找靈感

請收好：一籮筐免費的 Bootstrap 模板

2017-02-10 www.creative-tim.com

這個設計師的風格非常的清新簡潔，目測還是個前端開發者，自己開發了網站來展示（銷售）自己的作品，裡面包含了大量基於 Bootstrap 的網頁模板，多數是免費的，如果你需要最好的，也可以付費。

視頻演講

手把手教你把 Vue 單頁應用打包成 PhoneGap APP

2017-02-10 www.youtube.com

Vue 2016年被前端開發者廣泛使用，用它來做 WebAPP 自然也不在話下，視頻里的哥們手把手的教你把 WebAPP 打包成 PhoneGap APP，應用形式是類似 Twitter 的產品。需要翻牆~

精彩問答

如何不使用 JS 在表單提交時發送郵件？

2017-02-10 stackoverflow.com

可能你的網站要上線了，在此之前你做了一個 Coming Soon 的頁面，上面會讓感興趣的用戶留下郵箱，好在網站上線的時候第一時間通知他們，沒有後台的時候怎麼做呢？其實可以直接在瀏覽器里調起郵件發送，並且設定好接收人、主題、內容。

NodeJS 是導入 Native 模塊究竟是怎麼工作的？

2017-02-10 blog.ghaiklor.com

你知道 NodeJS require 的時候究竟做了什麼嗎？從網上的隻言片語可能有些模糊的認識，那麼它 require native 模塊的時候是怎麼工作的呢？這篇文章使用大量的源代碼片段和推理為你做了詳盡的解釋。

技術動態

Twitter 移動站已經使用遷移到 NodeJS

2017-02-10 twitter.com

來自 Twitter 的動態，他們的移動站現在使用 NodeJS + Express 做後端，前端使用 React + PWA，這裡面有幾個名詞不知道的自己去搜索，下面的討論也有些看頭。

Next.js 大版本升級就要來了

2017-02-10 jsmantra.com

Next.js 是啥呢？可能大多數同學還沒聽過，簡單說他是一個讓你使用 React 快速開發帶有服務端渲染功能的應用的框架。版本 2 相比較版本 1 有大量的改進，包括性能、動態路由支持等，如果你還在自己拼湊服務端渲染的框架，直接用這個吧。

One More Thing

想讀到更多類似內容？請訂閱我的專欄《前端周刊，讓你在前端領域跟上時代的腳步》，或者掃描本文封面中的二維碼訂閱微信號。

Happy Hacking