前端周刊第 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

wangshijun