早报汇总 @ 2018.3

早报 @ 2018.3.30

• react 发布 16.3，https://reactjs.org/blog/2018/03/29/react-v-16-3.html

• Tomorrow’s ES Modules Today! https://medium.com/web-on-the-edge/tomorrows-es-modules-today-c53d29ac448c

• iOS 11.3

早报 @ 2018.3.29

• 项目的 Dashboard，包括依赖管理、scripts、PWA manifest 等，会应用类似方案到 umi，https://github.com/jadjoubran/webdash

• 随着 Firefox 60 的发布，主流浏览器基本都支持 es modules 了，我们能干点啥？https://hacks.mozilla.org/2018/03/es-modules-a-cartoon-deep-dive/

• 很酷的 menu 展开效果，基于 CSS Grid，https://tympanus.net/codrops/2018/03/28/grid-menu/

• Sails 发布 1.0，https://sailsjs.com/documentation/upgrading/to-v-1-0

• 用 CSS 处理元素 Focus，https://css-tricks.com/a-css-approach-to-trap-focus-inside-of-an-element/

• PWA for WebRTC，https://webrtchacks.com/pwa-webrtc/

早报 @ 2018.3.28

• 最简 service worker 实现，https://adactio.com/journal/13540

• TypeScript@2.8，https://blogs.msdn.microsoft.com/typescript/2018/03/27/announcing-typescript-2-8/

早报 @ 2018.3.27

• 项目的 Dashboard 工具，https://github.com/jadjoubran/webdash

• react-router@4.3.0-rc.1，https://github.com/ReactTraining/react-router/releases/tag/v4.3.0-rc.1

• next.js@5.1.0，提速、改进出错处理、sourcemap、插件接口等，https://github.com/zeit/next.js/releases/tag/5.1.0

• markdown 演示工具，https://hackmd.io/

早报 @ 2018.3.26

• 通过 PR 的方式自动升级依赖，支持 monorepo，https://github.com/renovateapp/renovate

• react-testing-library，代替 enzyme，https://github.com/kentcdodds/react-testing-library

• D3 发布 5.0，https://github.com/d3/d3/blob/master/CHANGES.md#changes-in-d3-50

• react 内容占位，基于 svg，https://github.com/danilowoz/react-content-loader

• figma，一个设计工具，但能输出 react component 和 storyboard，https://www.figma.com/

• https://twitter.com/hashtag/devtalentshow?src=hash

早报 @ 2018.3.23

WIP

• 用本地 IDE + azure 强大的虚拟机做开发，https://dev.to/anoff/automated-dev-workflow-for-using-data-science-vm-on-azure-2h55

• Ship 关闭，https://www.realartists.com/blog/move-to-trash.html

早报 @ 2018.3.22

• pinterest 的 react ui 库，https://github.com/pinterest/gestalt

• <script type="module" /> 的 polyfill，可提前在浏览器里用上 es module，https://github.com/matthewp/script-type-module

• npm 网站改版，用了 react、redux、css-modules、jest 等，https://www.npmjs.com/package/umi

• Chrome 66 beta，CSS Typed Object Model 和 async promised 粘贴板 API，https://blog.chromium.org/2018/03/chrome-66-beta-css-typed-object-model.html

• workbox@3.0，尺寸减少，改进 webpack 插件，可以考虑从 sw-precache 迁过来了，https://github.com/GoogleChrome/workbox/releases/tag/v3.0.0

• george.com 使用 PWA 后 load 时间提升 3.8 倍，https://developers.google.com/web/showcase/2018/asda-george

早报 @ 2018.3.21

• 又一个 React IDE，目标是 useful，https://github.com/eveningkid/reacto

• vue@2 cookbook，https://vuejs.org/v2/cookbook/

• README checklist，让别人对你的项目更有信心，https://github.com/ddbeck/readme-checklist

• 把 import 转换为 unpkg 链接的 babel plugin，能为开发提速，待验证，https://github.com/unpkg/babel-plugin-unpkg

• 解决浏览器里用 es modulels 时引用 npm 依赖的问题，https://github.com/domenic/package-name-maps

• react always fresh，使用 react 最新特性，https://github.com/donavon/react-af

早报 @ 2018.3.16

• Chrome 支持异步粘贴板接口，返回 Promise，https://developers.google.com/web/updates/2018/03/clipboardapi

• 新在 Raspberry Pi 会包含 5G Wifi + 蓝牙 4.2，https://www.theverge.com/circuitbreaker/2018/3/14/17117446/raspberry-pi-3-model-b-plus-dual-band-wi-fi

• A Comprehensive Guide to React.js in 2018，https://dev.to/tylermcginnis/a-comprehensive-guide-to-reactjs-in-2018—4nbc

• 一个透视动画的例子，https://css-tricks.com/animate-a-container-on-mouse-over-using-perspective-and-transform/

早报 @ 2018.3.15

• stackblitz core 开源，本质上还是 systemjs，可实现本地调试秒开，比如可解决支付宝小程序调试启动速度慢的问题，https://github.com/stackblitz/core

• repl.it@1.0，支持多文件，https://repl.it/site/blog/platform

• react 新提案，ref-forwarding API，reactjs/rfcs#30

• Let’s Encrypt 支持 Wildcard Certificate，子域名可共用一个证书，https://community.letsencrypt.org/t/acme-v2-and-wildcard-certificate-support-is-live/55579