前端每周清单第 6 期

front-end

采用 Flow & TypeScript

本文主要对比了 Flow 与 TypeScript 这两个常用的 JavaScript 静态类型检测工具，首先介绍了在简单项目中如何使用 TypeScript 与 Flow。然后对比了二者在类型覆盖率上的渐进对比，会发现使用 Flow 之后因为其较为严格的类型要求会相对较快地实现高覆盖，而 TypeScript 则相对较为松弛

PreactJS 入门 - 逐步指南

PreactJS 由我的编程英雄之一 Jason Miller 开发。 该框架的开发目标是提供高性能，内存效率和与 React API的紧密兼容性，目的是保持足够的尺寸尽可能小，即 3kb。 Preact 在社区越来越多地被一些已经在生产中使用的高负载网站所采用

一个关于 web 组件(otters)的介绍

我在一个名为 Polymer 的图书馆工作，可以帮助您更快，更轻松地编写 Web 组件。 这真的很棒，但是如果你（是的，你）知道一个网络组件是什么，并且知道你想要写一个，那只会很棒。 所以这里是一个关于这些东西的故事，并教你如何使用它们，而不显示 10 页的文档，并让你安装工具和 CLI。 也许这是给你的 也许不是 在任何一种情况下，它都有 otters

一个注释的 react TODO 应用示例

我被要求回答关于一个简单的 TODO 示例的 Quora 问题，我认为一个详细的解释将有助于任何人开始学习React。您可以在此处看到代码（请确保使用中间选择的ES6 / Babel执行）。 我没有写这个代码，我只是在每个重要的概念之后内联来##### 《当前学习 JavaScript 的最好的书籍》：HN 在 Hacker News 上的提问，这应该是每一个前端工作者都思考过且都疑惑过的问题

back-end

从 Node6 升级到 Node8：实时性能比较

Node 8 出来了，你听到了吗？ 而且它们更快，他们说。但没有任何数字，“更快”只是信件。幸运的是，我有一个大型的 Fat React 站点运行在 Node 6 上，并有两个小时的时间。很容易升级到 Node 8 - 花了大约 10 分钟，没有一个破碎的库

看一下 Node 8 的 util.promisify()

Node.js 8 为我们提供了新的工具函数 util.promisify()，它能够将某个基于回调的函数封装为基于 Promise 的函数。本文介绍了 util.promisify() 的基本使用，首先介绍了对于文件读取写入相关接口的封装使用，然后讨论了如何引入 async 语法，最后还介绍了自定义 promisify 函数的用法

使用 KOA.JS 构建 API

我们已经看到了异步库，Promises，生成器函数，现在我们有 async / await 函数。 然而，大多数库和框架仍然依赖于回调模型来完成任务。 使用这些较新的 Javascript 功能构建的 Node 框架不是很好吗？ 这是 Koa 适合的地方

开始使用 MongoDB 和 Node.js

MongoDB 和 Node.js 都在普及中爆炸，并且经常一起使用来开发现代应用程序。然而，对于新的 MongoDB 和 Node.js 的开发人员来说，一些常见的设计模式与 RDBMS 和传统的同步语言非常不同。 一起学习这些技术的开发人员可能会发现它有点令人困惑。 然而，实际上，这些工具完美结合在一起，使我能够高度的开发人员的生产力和应用程序的性能

Tool

SVGI: SVG检查工具

svgi 是一个用于检查 SVG 文件内容的 CLI 工具。 它提供有关文件，SVG 和层次结构中的元素的信息。 它还计算元素的数量，并在将来提供改进 SVG 的提示

Visualization

billboard.js：基于 D3 v4+ 的图表库

基于 D3 v4+ 的轻量级可重用的 JavaScript 图表库，支持 IE 9 以上浏览器。billboard.js 为我们提供了常见的柱状图、时序图、饼图等等多种图表类型