周末是时隔两月的家人团圆，而每次内容的预备均匀须要我集中精力事变 3 小时，所以第 59 期的内容今早才预备好，对不住人人了。本期的引子是“选 Flow 照样 TypeScript”，缘起于去年底的 JS 调查报告展现 39% 的程序员听说过会预备采纳 TypeScript，你是个中一分子么？从想用到真正最先用缺的就是实践。而笔者也是近来才最先拥抱 TypeScript。下面是本周精选内容，请享用。
文章教程
架构师必读：开源软件的架构
英文系列名为《The Architecture of Open Source Applications》，这个系列文章强烈推荐有志于成为架构师的同砚浏览，内里引见了不少开源软件的设想理念，全套分四册，完整开源，掩盖的开源软件有上古神器，也有黑马新秀，假如你没有思考过这些屡见不鲜的东西究竟是如何设想的，置信这内里的文章会给你不少启示。最新的系列叫做《500 Lines or Less》，用 500 行代码能做什么？比较有意思。
util.promisify 用法详解
Node.js 8 增添的新特征，让你把种种基于回调的函数轻易的转成 Promise，如许就能够在 async/await 上下文运用了，这篇文章引见了基础用法。
对照 Flow 和 TypeScript
主题目：JS 中的范例体系，原作者也是蛮拼的，JS 中范例体系的对照做了屡次分享，初期对照了 Flow 和 TypeScript 1.x，厥后对照了 Flow 和 TypeScript 2.x，末了还把 ELM 加入到对照内里。这是中篇的链接，对照的作风更学术化，假如你想对选用 Flow 照样 TypeScript 做出异常严谨的挑选，这篇是不能不看的。
从 Flow 到 TypeScript
作者在运用 React 开辟的早些时刻，由于 TypeScript 还不够完美，遂悉数采纳 Facebook 开源的静态搜检计划 Flow，时过境迁发明 TypeScript 更能满足需求，虽然题目里有 vs 字眼，然则显著倾向于 TypeScript，而且给出了从 Flow 到 TypeScript 的基础步骤。TypeScript 是 2016 年 JS 调查报告中 39% 的开辟者听说过而且缘由试用的手艺，你还在徜徉犹疑么？
React Native 渐进式图片加载思绪
WEB 和 APP 范畴的许多东西都是通用的，关于多图的运用，图片加载的优化必不可少，这篇文章引见了在 React Native 中完成图片渐进式加载的计划，而且有现实的代码示例。
开辟东西
Lighthouse：让 Dev Tools 为虎傅翼
Google 官方出品，现在已内置在 Chrome Dev Tools 中，能够用来对你的网页，尤其是 H5 做周全的诊断，给出的报告涵盖 PWA、机能、可接见性、最好实践等方面，不能不说，一份报告就有太多值得进修的处所。而且 Lighthouse 还供应了命令行东西，能够很好的与你的 CI 流程连系。
ZangoDB：浏览器中的 MongoDB
ZangoDB 是基于 HTML5 中 IndexedDB 的类似于 MongoDB 的数据库封装库，假如你熟习 MongoDB 的种种语法，那末在浏览器中誊写 MongoDB 的代码来做数据过滤、分页、投影、排序、更新和聚合已不是什么难事。
代码框架
FastImage：高机能的 React Native 图片组件
这周对公司 APP 做图片加载优化，调研时找到了 CachedImage 和 FastImage，个中 FastImage 更新，然则许可开辟者对图片加载的调理有更大的自主权，两者都支撑 Placeholder、文件体系缓存。你能够依据本身的须要选用。
FeatherIcon：雅观的开源图标库
社区中能找到的图标库越来越多，挑选的时刻你会斟酌哪些要素？是不是开源、图标的品种、版权、受迎接水平、增加新图标的难度？Feather Icon 运用 MIT 受权，主维护者也比较用功，运用者不少，设想作风比较简约，你也能够看看。
找找灵感
学会做任何事变
你会教人如何运用筷子么？看起来很简单的事变，貌似找到他的症结，而且解说给他人就没有那末轻易了。wiki-how 内里有种种如何做 XXX 的教程，当你学一个新的东西时刻，写个新教程的时刻是不是是能够参考呢？
程序员应当接见的最好网站
已有人在掘金发过了，内里收录了程序员事变生涯能够涉及到的种种网络资本的列表，比方如何预备口试、去那里看消息、那里有不错的视频教授教养、有哪些不错的 Youtube 频道、免费的编程书等等，假如你想演习进步本身的英文，这里的每一个链接都可为你所用。
动画渐变函数图示
适可而止的动画能让你的运用体验越发流通，谈到动画，不能不提到渐变函数（即 easing functions），渐变函数基础决议了动画的视觉效果，每种差别的渐变函数究竟是如何的曲线？这里用图示法给你活泼的诠释。
视频教程
进修 Recompose 中的高阶组件和函数式组件
来自 egghead.io，假如你运用了 React 相称长的时候，比方说一年，然则还不晓得函数式组件、高阶组件是啥，这个视频教程当属于敲黑板系列了，假如说 《React Best Practice and Design Patterns》是文字版的，那末这个就是视频版的，虽然基于 Recompose 解说，然则许多形式纵然不必它也能够本身完成。
egghead.io：60 分钟学会 ES6
是 egghead.io 上为数不多的多人协作的视频课程，经由过程现实的编码演示了 ES6 中的种种新特征，假如你只是看了 ES6 的种种新语法、构造，然则照样艳羡他人的代码为啥写的那末溜，能够来看看这个，固然，最好的方法是本身随着练。
出色问答
如何运用 Git 治理大文件？
如何运用 Git 治理诸如 PSD、二进制文件、数据库文件等的大文件？这里给出了细致的步骤，有版本的东西就好追溯，软件演变周期的种种资本都是一样的，而 Git 在做这类纪录的时刻有着自然的上风。
如何运用 JS 格式化钱银数字？
能够不少同砚会想到去找个库，假如你的需求很简单，何不本身尝试写个呢？这是个正则的解法，注重答案被议论的比较多，郑重采纳（仔细看文档总是有优点的）。
One More Thing
本文作者王仕军，贸易转载请联络作者取得受权，非贸易转载请说明出处。假如你以为本文对你有协助，请点赞！假如对文中的内容有任何疑问，迎接留言议论。想晓得我接下来会写些什么？迎接定阅我的掘金专栏或知乎专栏：《前端周刊：让你在前端范畴跟上时期的脚步》。
Happy Hacking
