FEX 技术周刊 - 2017/05/22

微信搜索『FEX』关注我们的公众号，及时获得最新资讯。

业界会议

Google IO 2017
https://events.google.com/io/
AI、Kotlin、Android 8.0、HOME、Assistant 等等很多值得关注的东西，够看好几天了，附：六个角度带你「看透」Google I/O 2017

VueConf 2017
https://vue.w3ctech.com/
PPT 已放出，用 VUE 的同学可关注

[报名]腾讯Web前端大会 & PHP Conf 2017 & GMTC
https://tfc.alloyteam.com/
http://www.phpconchina.com/
http://gmtc.geekbang.org/
都在 6 月份，感兴趣的可报名参加。

深阅读

Launching Ignition and TurboFan
https://v8project.blogspot.com/2017/05/launching-ignition-and-turbofan.html
We are excited to announce the launch of a new JavaScript execution pipeline for V8 5.9 that will reach Chrome Stable in M59. With the new pipeline, we achieve big performance improvements and significant memory savings on real-world JavaScript applications. We’ll discuss the numbers in more detail at the end of this post, but first let’s take a look at the pipeline itself. 另附：JavaScript engines - how do they even

Polymer Release 2.0.0
https://www.polymer-project.org/blog/2017-05-15-time-for-two
Built on the fundamental goals of using native web platform features, improving interoperability, and providing a smooth migration path, the Polymer 2.0 library is a great support system for developing web components. One of the most exciting features of Polymer 2.0 is support for ES6 class-based syntax, so web components built with Polymer look essentially native.

Rearchitecting Airbnb’s Frontend
https://medium.com/airbnb-engineering/rearchitecting-airbnbs-frontend-5e213efc24d2
Airbnb 使用 React+Redux 重构了之前基于 Rails 开发的 Web 页面，挺不容易的，要改的地方及注意的问题不少

How Four Native Developers Wrote An Electron App
https://githubengineering.com/how-four-native-developers-wrote-an-electron-app/
Today we released the new GitHub Desktop Beta, rewritten on Electron. Electron is a well-known on-ramp for web developers to build desktop apps using familiar web technologies: HTML, CSS, and JavaScript. Our situation was different. Everyone on the GitHub Desktop team is a native developer by trade—three from the .NET world and one from Cocoa. We knew how to make native apps, so how and why did we end up here?

Why We Didn’t Use A Framework
https://www.smashingmagazine.com/2017/05/why-no-framework/
When we set out to build MeetSpace (a video conferencing app for distributed teams), we had a familiar decision to make: What’s our tech stack going to be? We gathered our requirements, reviewed our team’s skillset and ultimately decided to use vanilla JavaScript and to avoid a front-end framework.

What’s New in Create React App
https://facebook.github.io/react/blog/2017/05/18/whats-new-in-create-react-app.html
webpack 2, Runtime Error Overlay, Progressive Web Apps by Default, JEST 2.0, Better Console Output…

Yarn Create & Yarn 1.0
https://yarnpkg.com/blog/2017/05/12/introducing-yarn/
With yarn create, you can start building apps with many of the existing projects. We are planning for the 1.0 release of Yarn which is scheduled for this summer and will come with stability improvements, new features and performance wins. To hear more about Yarn’s present and future, please watch Konstantin’s talk about Building High-Quality JavaScript Tools.

如何看待 snabbdom 的作者开发的前端框架 Turbine 抛弃了虚拟DOM
https://www.zhihu.com/question/59953136
大家的回到有助于更好地理解 virtual dom，不了解 snabbdom 的可看 snabbdom解密

Introducing Cape
https://blogs.dropbox.com/tech/2017/05/introducing-cape/
More than a billion files are saved to Dropbox every day, and we need to run many asynchronous jobs in response to these events to power various Dropbox features. Examples of these asynchronous jobs include indexing a file to enable search over its contents, generating previews of files to be displayed when the files are viewed on the Dropbox website, and delivering notifications of file changes to third-party apps using the Dropbox developer API. This is where Cape comes in — it’s a framework that enables real-time asynchronous processing of billions of events a day, powering many Dropbox features.

Developing Microservices - Node, React, and Docker
http://mherman.org/blog/2017/05/11/developing-microservices-node-react-docker/
In this post you will learn how to quickly spin up a reproducible development environment with Docker to manage a number of Node.js microservices.

Guidelines for a new programming language
https://staltz.com/guidelines-for-a-new-programming-language.html
This is a transcript of a talk I gave at CycleConf 2017 about a potential future for Cycle.js where we would explore building a functional and visual programming language for dataflow. It is part 2 of the talk “Past, Present and Future of Cycle.js”.

REST 2.0 Is Here and Its Name Is GraphQL
https://www.sitepoint.com/rest-2-0-graphql/
Throughout this article, we’re going to look at how you might tackle a few common use-cases with REST and GraphQL. This article comes complete with three projects. You will find the code for REST and GraphQL APIs that serve information about popular movies and actors as well as a simple frontend app built with HTML and jQuery.

Web Developer Security Checklist
https://simplesecurity.sensedeep.com/web-developer-security-checklist-f2e4f43c9c56
This checklist is simple, and by no means complete. I’ve been developing secure web applications for over 14 years and this list contains some of the more important issues that I’ve painfully learned over this period. I hope you will consider them seriously when creating a web application.

Composing Software: An Introduction
https://medium.com/javascript-scene/composing-software-an-introduction-27b72500d6ea
This is the introduction to the “Composing Software” series on learning functional programming and compositional software techniques in JavaScript ES6+ from the ground up. Stay tuned. There’s a lot more of this to come!

新鲜货

Announcing Git Integration for Atom and GitHub Desktop Beta
https://github.com/blog/2362-announcing-git-integration-for-atom-and-github-desktop-beta
We’re making the GitHub experience better beyond the browser with two releases—a new release of Atom with Git and GitHub Integration and the new GitHub Desktop Beta, completely redesigned on Electron. These releases will help you work more productively, wherever you work best with a streamlined experience across platforms.

TypeScript React Starter
https://github.com/Microsoft/TypeScript-React-Starter
A starter template for TypeScript and React with a detailed README describing how to use the two together.

Next 3.0 Preview: Static Exports and Dynamic Imports
https://zeit.co/blog/next3-preview
On the heels of our announcement of free static deployments earlier today, we are excited to introduce a beta release of the upcoming Next.js 3.0, featuring next export, dynamic components and various bugfixes.

Hypernova - A service for server-side rendering your JavaScript views
https://github.com/airbnb/hypernova
Hypernova lets you write all of your view code in a single place without having to sacrifice the user‘s experience.

JSConf EU 2017 Videos
https://www.youtube.com/playlist?list=PL37ZVnwpeshFmAPr65sU2O5WMs7_CGjs_#jsconfeu2017

Mavo
http://mavo.io/
一个前端框架，文档倒是挺漂亮的，不过看起来不像会火。相关介绍：Introducing Mavo: Create Web Apps Entirely By Writing HTML

react-pdf
https://github.com/diegomura/react-pdf
React renderer for creating PDF files on the browser, mobile and server.

fsql
https://github.com/kshvmdn/fsql
Search through your filesystem with SQL-esque queries

JSON Feed
https://jsonfeed.org/2017/05/17/announcing_json_feed
The JSON Feed format is a pragmatic syndication format, like RSS and Atom, but with one big difference: it’s JSON instead of XML. For most developers, JSON is far easier to read and write than XML. Developers may groan at picking up an XML parser, but decoding JSON is often just a single line of code.

JSONata - JSON query and transformation language
http://jsonata.org/
JSONata is a lightweight query and transformation language for JSON data. Inspired by the ‘location path’ semantics of XPath 3.1, it allows sophisticated queries to be expressed in a compact and intuitive notation. A rich complement of built in operators and functions is provided for manipulating and combining extracted data, and the results of queries can be formatted into any JSON output structure using familiar JSON object and array syntax. 这是作者的介绍：JSONata: A Declarative Syntax for Querying Your JSON Data

wysiwyg-editor
https://github.com/froala/wysiwyg-editor
A beautifully designed WYSIWYG HTML Editor based on HTML5.

RxDB 4.0
https://github.com/pubkey/rxdb
Reactive, serverless, client-side, offline-first database in javascript.

woodlot
https://github.com/adpushup/woodlot
An all-in-one JSON logging utility that supports ExpressJS HTTP logging, custom logging, provides multi-format output and an easy to use events API.

Google Open Source
https://opensource.google.com/projects/explore/featured
Google 的开源项目列表，项目的展示方式很新颖。

PWA Builder
http://www.pwabuilder.com/
All the tools you need to build and deploy your Progressive Web Apps.

Orientation Sensor - W3C First Public Working Draft
https://www.w3.org/TR/2017/WD-orientation-sensor-20170511/
This specification defines a base orientation sensor interface and concrete sensor subclasses to monitor the device’s physical orientation in relation to a stationary three dimensional Cartesian coordinate system.

产品及其它

为什么在知乎上受嘲讽的王坚却把阿里云做起来了？
https://www.zhihu.com/question/30681093/answer/171177369
很多之前的技术人员被打脸了吧

俞军：为什么多数产品经理都不合格
http://www.iheima.com/top/2017/0516/163142.shtml
俞军说去年年底滴滴出行给产品经理们做了新的评级，要求非常严格。俞军眼中，产品经理被分成A、B、C三类。想知道怎么分？继续往下看吧。这种严格评级的背后是俞军老师长期以来对优秀产品经理的思考。

微信团队的实验室文化
https://mp.weixin.qq.com/s?__biz=MjM5NzYxMzk4MQ==&mid=2649331105&idx=1&sn=24a532ce53ef37e688ce5f00e4325d5e
这几年来，微信每一次更新总能引起外界的集体狂欢。这次更新，大家关注的重点是“搜一搜”和“看一看”。