早报

• now 命令行通过 HTTP/2 让上传提速 6 倍，https://zeit.co/blog/http2-uploads，https://github.com/grantila/fetch-h2
• 类 lerna 工具，用于管理一个库里的多个 package，https://github.com/boltpkg/bolt
• webpack-cli 合并到 webpack，受 parcel 影响开始改进命令行体验了？https://twitter.com/ev1stensberg/status/940130374121873408，webpack/webpack#5869
• 12 月每天一篇 React 文章，https://react.holiday/
• CSS Mastery Workshop 的 PPT，http://estelle.github.io/，https://frontendmasters.com/workshops/css-in-depth-v2/

WIP

早报 @ 2018.4.2

• redux 维护者澄清关于 redux 的几个误解，http://blog.isquaredsoftware.com/2018/03/redux-not-dead-yet/

早报 @ 2018.4.10

• Electron 2 支持应用内付款（Mac App Store），https://electronjs.org/blog/in-app-purchases
• Migrating to React's New Context API，https://tinyletter.com/kentcdodds/letters/migrating-to-react-s-new-context-api
• React Lifecycle Methods diagram，https://github.com/wojtekmaj/react-lifecycle-methods-diagram
• electron-toolKit：构建和启动Electron应用的工具包，https://mp.weixin.qq.com/s/40r0vs5fhUpywGD2S4v7Xg
• Introducing React-Static — A progressive static-site framework for React! https://medium.com/@tannerlinsley/%EF%B8%8F-introducing-react-static-a-progressive-static-site-framework-for-react-3470d2a51ebc
• JS 实现的 siri wave，https://github.com/kopiro/siriwavejs

早报 @ 2018.4.13

• unstated 发布 2.0，container 的 setState 行为和 react 的基本一致，https://github.com/jamiebuilds/unstated#setstate
• Friendly Command Line Intro [book]，免费，https://hellowebbooks.com/learn-command-line/
• Safari 11.1 新特性，https://webkit.org/blog/8216/new-webkit-features-in-safari-11-1/
• Node.js can HTTP/2 push! https://medium.com/the-node-js-collection/node-js-can-http-2-push-b491894e1bb1
• 离线版的 codepen，https://webmakerapp.com/

早报 @ 2018.4.11

• 随着 Chrome 的支持，大家应该可以关注下 houdin 了, https://ishoudinireadyyet.com/
• 基于 Class 的 Tree Shaking，https://www.youtube.com/watch?v=lsd2-TCgHEs
• JSConf Iceland 2018 的视频，https://www.youtube.com/playlist?list=PL37ZVnwpeshEO7qXEbjG4riQD7SzydLEO
• now 支持 wildcard certificates，https://zeit.co/blog/wildcard-certs
• 另一个 react 动画库 react-spring，https://medium.com/@drcmda/why-react-needed-yet-another-animation-library-introducing-react-spring-8212e424c5ce
• End to End Testing with Google's Puppeteer and Jest，https://egghead.io/courses/end-to-end-testing-with-google-s-puppeteer-and-jest

WIP

早报 @ 2018.3.28

• 最简 service worker 实现，https://adactio.com/journal/13540
• [email protected]，https://blogs.msdn.microsoft.com/typescript/2018/03/27/announcing-typescript-2-8/

• http://s.baku89.com/ui/
• VSCode 1.20，https://code.visualstudio.com/updates/v1_20
• 开启 enableIvy: true 后 angular 应用只要 3K 的 JS，这是啥黑科技？https://ng-ivy-demo.firebaseapp.com/ | https://mobile.twitter.com/IgorMinar/status/961484134425088001 | angular/angular#21706
• 压缩、OCR 工具等，界面简洁，https://hreftools.com/
• CSS Modules 转 React 组件，https://github.com/kossnocorp/decss

早报 @ 2018.5.14

• Chrome and Web at Google I/O 2018 的视频，https://www.youtube.com/watch?v=Ay-mdLMDtbs&list=PLNYkxOF6rcIC4NQeXpdAy0RbOACI66Hvf
• Lighthouse 发布 3，https://developers.google.com/web/updates/2018/05/lighthouse3
• 基于 rollup 的 0 配工具了解一下，https://github.com/egoist/bili
• VSCode 支持自动转 Commonjs 到 ES Modules，迁代码时可节约不少时间，https://code.visualstudio.com/updates/v1_22?WTC.mc_id=vscode-twitter-brholt#_suggestion-code-actions-for-javascript-and-typescript
• The Relative Units of CSS，介绍一些 CSS 的相对单位，https://pineco.de/the-relative-units-of-css/
• 把 shell 命令拆开了分析给你听，在线工具，https://explainshell.com/

可以在 #45 讨论或补充。

早报 @ 2018.6.19

• gastby 发布 2.0@beta，webpack@4，不走 webpack build data 的 hotter hot reload，webpack@4，babel@7 等，https://www.gatsbyjs.org/blog/2018-06-16-announcing-gatsby-v2-beta-launch/
• razzle 发布 2.0，包括 webpack@4 和插件机制，https://github.com/jaredpalmer/razzle/releases/tag/v2.0.0
• 在线 IDE 集合，https://github.com/styfle/awesome-online-ide
• What’s New in ES2018，https://www.sitepoint.com/es2018-whats-new/
• 2018，进击的大前端，http://www.infoq.com/cn/minibooks/gmtc-mini-book
• 基于 new React context 的数据流方案，https://github.com/houfio/dakpan

可以在 #50 讨论或补充。

早报 @ 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/

早报 @ 2017.2.1

• TypeScript 2.7，better types, better tooling, and better terminal support! https://blogs.msdn.microsoft.com/typescript/2018/01/31/announcing-typescript-2-7/
• 利用 puppeteer 做图形对比测试的实践，https://meowni.ca/posts/2017-puppeteer-tests/
• Stimulus 1.0，出自 DHH 之手，和其他前端框架的思路倒着走，先有 HTML，再有数据，https://m.signalvnoise.com/stimulus-1-0-a-modest-javascript-framework-for-the-html-you-already-have-f04307009130
• Jamie Kyle 关于 state 管理的新想法，#一天新出一个数据流方案#，https://github.com/thejameskyle/unstated
• The Vanilla JavaScript Toolkit，https://vanillajstoolkit.com/

早报

1. Redux Zero，没有 reducer 和 dispatcher，只管调 action，https://medium.com/@matheusml/introducing-redux-zero-bea42214c7ee，https://github.com/concretesolutions/redux-zero
2. 新的打包工具，比 webpack 快，可以以 html、js 和 css 为入口，https://github.com/parcel-bundler/parcel，https://github.com/sorrycc/blog/issues/52
3. 重定位到 npm 包的 repository 页，有网页也有命令行，http://ghub.io/
4. O'Reilly 新书，《Vue.js：Up & Running》，https://www.safaribooksonline.com/library/view/vuejs-up/9781491997239/

早报 @ 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

WIP

早报 @ 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.4.18

• redux@4 正式发布，dva 应该可以直接升，https://github.com/reactjs/redux/releases/tag/v4.0.0
• 利用 font-display 选择自定义字体的渲染方式，FOUT or FOIT，https://css-tricks.com/hey-hey-font-display/
• 利用机器学习改进 webpack 打包，http://blog.mgechev.com/2018/03/18/machine-learning-data-driven-bundling-webpack-javascript-markov-chain-angular-react/
• String 和 Array 的 CheatSheet，标了 ES 版本，https://gist.github.com/rauschma/c46fc10f671ed5bf14021bc14f101c8d | https://gist.github.com/rauschma/f7b96b8b7274f2e2d8dab899803346c3
• Enterprise Node.JS Apps in 2018，https://www.infoq.com/presentations/enterprise-nodejs-apps

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.4.27

• react-router 更新 v4.3.0-rc.3，增加了 sideEffect: false 配置，升级 webpack@4 需要提上日程了，bundle size 可以进一步减少，https://github.com/ReactTraining/react-router/releases/tag/v4.3.0-rc.3
• Node@10，更快，V8 6.6（支持 async iterators and gererators）、Promisified fs module 等，https://nodejs.org/en/blog/release/v10.0.0/
• 把 <img> 换成 <img-2> 就能获得懒加载能力，https://github.com/RevillWeb/img-2
• webpack 插件，出错、警告、成功时提示声音，https://github.com/posva/sounds-webpack-plugin
• VS Code Extensions for Happier JavaScript Coding，https://hackernoon.com/vs-code-extensions-for-happier-javascript-coding-e258f72dd9c1
• Gooact: React in 160 lines of JavaScript，https://medium.com/@sweetpalma/gooact-react-in-160-lines-of-javascript-44e0742ad60f
• These 6 essential tools will release, version, and maintain your NPM modules for you，https://hackernoon.com/these-6-essential-tools-will-maintain-your-npm-modules-for-you-4cbbee88e0cb

可以在 #41 讨论或补充。

早报 @ 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/

早报

• 2017 年前端大事记，https://levelup.gitconnected.com/a-recap-of-front-end-development-in-2017-7072ce99e727
• 关于 babel 怎么念，https://dev.to/hzoo/im-the-maintainer-of-babel-ask-me-anything-282/comments/1k6o
• 新版本 expo 官网，基于 next.js，速度还是很快的，https://blog.expo.io/expos-web-update-f71c39750c7
• JavaScript + API + Markup，https://jamstack.org/，https://www.netlify.com/blog/2017/06/06/jamstack-vs-isomorphic-server-side-rendering/

早报 @ 2018.4.17

• ionic 出的 PWA 架构指南，https://cdn2.hubspot.net/hubfs/3776657/PWA_WP_v6.pdf
• vuepress 中文文档，https://deploy-preview-48--vuepress.netlify.com/zh/
• 前端人工智能？TensorFlow.js 学会游戏通关，https://zhuanlan.zhihu.com/p/35451395
• 5 个可以处理静态表单的服务，https://mobile.twitter.com/chriscoyier/status/985938790395953152
• 解决问题的 5 个步骤，第一步很重要，https://dev.to/aprietof/5-steps-to-solving-programming-problems--502d

早报

1. [email protected] 发布，import() 语法变更，支持 esm 等，目前还没看到特别心动的 feature，webpack/webpack#6064
2. 学点 React 模式，限时免费的 egghead 课程，https://egghead.io/courses/advanced-react-component-patterns
3. A CLI React performance optimization tool that identifies potential unnecessary re-rendering，https://github.com/reactopt/reactopt
4. 一年一度的 Pereformance Calendar 又开始写了，https://calendar.perfplanet.com/2017/
5. vscode best practice, http://vscodecandothat.com/

早报 @ 2018.4.19

• 基于 callback 的 redux 中间件，类似 redux-observable，https://github.com/jamesb3ll/reduxbag
• Hello wasm-pack! https://hacks.mozilla.org/2018/04/hello-wasm-pack/
• Zero to Deploy: Build A Documentation System with Vue and VuePress，https://scotch.io/tutorials/zero-to-deploy-build-a-documentation-system-with-vue-and-vuepress
• 利用 puppeteer 把页面元素转为 pdf，https://github.com/GoogleChromeLabs/puppeteer-examples/blob/master/element-to-pdf.js
• JavaScript 的新知识，https://medium.freecodecamp.org/here-are-examples-of-everything-new-in-ecmascript-2016-2017-and-2018-d52fa3b5a70e

早报

1. 小程序组件化开发框架，https://mp.weixin.qq.com/s/bUuHM_U1W5rFxWoGGvQwJQ ，https://github.com/Tencent/wepy
2. React 性能优化，主要是 shouldComponentUpdate、控制 rerender 范围，以及合理利用 debounce 和 throttle，https://medium.com/myheritage-engineering/how-to-greatly-improve-your-react-app-performance-e70f7cbbb5f6
3. Kyle Simpson 的 Office Hours，看看大神如何编码，https://www.youtube.com/watch?v=YC8AQuuszOo
4. Medium 鼓掌效果的实现，https://medium.freecodecamp.org/how-i-re-built-the-medium-clap-effect-and-what-i-got-out-of-the-experiment-991672995fdf
5. ThroughtWork 11 月份的技术雷达，https://mp.weixin.qq.com/s/Dgkny4mtC-anOxUBsNwOrg
6. ThinkJS 3.0 如何实现对 TypeScript 的支持，https://zhuanlan.zhihu.com/p/31057738
7. 如何用 Vue.js 实现一个建站应用，https://zhuanlan.zhihu.com/p/30888164 ，https://github.com/github-libra/lego

早报 @ 2018.3.15

• stackblitz core 开源，本质上还是 systemjs，可实现本地调试秒开，比如可解决支付宝小程序调试启动速度慢的问题，https://github.com/stackblitz/core
• [email protected]，支持多文件，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

早报 @ 2018.5.10

• redux-saga 发布 1.0.0-beta.1，改进出错信息，配合 babel 插件可以定位到行，https://github.com/redux-saga/redux-saga/releases/tag/v1.0.0-beta.1
• Firefox 发布 60，ES Modules、Web Authentication API 等，https://hacks.mozilla.org/2018/05/firefox-60-modules-and-more/
• my struggle to learn react，http://bradfrost.com/blog/post/my-struggle-to-learn-react/
• A Gentle Introduction to Prepack, Part 1，https://gist.github.com/gaearon/d85dccba72b809f56a9553972e5c33c4
• An overview of what’s new in ES6，http://exploringjs.com/es6/ch_overviews.html

可以在 #44 讨论或补充。

早报 @ 2018.4.25

• npm@6，速度、安全等改进，个人最喜欢的是 npm publish 会显示尺寸和包含了哪些文件，https://blog.npmjs.org/post/173260195980
• css blocks，类似 css modules，功能挺接地气的，先观望一段时间吧，https://github.com/linkedin/css-blocks
• vue + nuxt 实现页面切换动效，https://css-tricks.com/native-like-animations-for-page-transitions-on-the-web/ | https://page-transitions.com/ | https://github.com/sdras/page-transitions-travelapp
• Node v10 is Here - Feature Breakdown! https://blog.risingstack.com/node-js-10-lts-feature-breakdown/
• RxJS@6，https://docs.google.com/document/d/12nlLt71VLKb-z3YaSGzUfx6mJbc34nsMXtByPUN35cg/edit#heading=h.9gxcyk6xxdc8
• webstorm 和 intellij idea 更新 2018-1-2，https://blog.jetbrains.com/webstorm/2018/04/webstorm-2018-1-2/ | https://blog.jetbrains.com/idea/2018/04/intellij-idea-2018-1-2-is-released/
• 通过代码学 react patterns，包括 Compound Components、Render Props、Component Injection、Provider Pattern、HOC，https://codesandbox.io/s/534rnk5yyx | https://frontendmasters.com/workshops/advanced-react-patterns/
• https://howhttps.works/ | https://howdns.works/

早报 @ 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

早报 @ 2017.2.5

• 即将到来的 iOS 11.3 支持 PWA，有人实践后梳理了一系列问题，https://medium.com/@firt/pwas-are-coming-to-ios-11-3-cupertino-we-have-a-problem-2ff49fd7d6ea
• [email protected]，可以试试新的 context API 了，https://github.com/facebook/react/releases/tag/v16.3.0-alpha.0

早报 @ 2018.6.13

• 一个适用于 React 组件的文档工具，https://github.com/pedronauck/docz/
• repl.it 支持 react 社区，包括 cra、next.js、gastby 等，https://repl.it/site/blog/react
• 把 vue component 转为 react-native，https://vue-native.io/
• [email protected] 支持 preact，https://github.com/gaearon/react-hot-loader/releases/tag/4.3.0
• create-react-app 的 gui 工具，https://github.com/jxnblk/ram
• 无配置的 lint 工具，配置就是做决定，看来大家都不喜欢做决定，https://github.com/saadq/lynt

可以在 #47 讨论或补充。

早报 @ 2018.4.16

• jsonstore，适用于做数据 mock，https://github.com/bluzi/jsonstore
• vue 的静态网站生成工具，https://github.com/vuejs/vuepress
• Designing very large (JavaScript) applications，https://medium.com/@cramforce/designing-very-large-javascript-applications-6e013a3291a3

早报 @ 2018.5.2

• next.js@6，babel6 -> 7，支持通过 app.js 扩展 render 方法等，https://github.com/zeit/next.js/releases/tag/6.0.0
• electron@2 发布，依赖升级，删除一些已经 deprecated 的接口，https://github.com/electron/electron/releases/tag/v2.0.0
• github 自定义域名支持 HTTPS，https://blog.github.com/2018-05-01-github-pages-custom-domains-https/
• electron 提供免费的自动更新服务，https://electronjs.org/blog/autoupdating-electron-apps
• .app 域名默认 https，https://get.app/

早报 @ 2018.4.9

• 首批 Windows 10 的 PWA 应用上架 Microsoft Store，https://www.windowscentral.com/first-batch-windows-10-progressive-web-apps-here?amp
• 狼叔：Node全栈为前端带来更多可能，http://www.infoq.com/cn/articles/node-full-stack-bring-more-possibility
• Understanding TypeScript’s type notation，http://2ality.com/2018/04/type-notation-typescript.html
• 当 Egg 遇到 TypeScript，https://zhuanlan.zhihu.com/p/35334932

早报 @ 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
• [email protected]，尺寸减少，改进 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.4.4

• React.createContext 的简单用法，https://mobile.twitter.com/ryanflorence/status/981179212147998721
• Preload 关键请求，https://developers.google.com/web/tools/lighthouse/audits/preload
• 有人整理的 Array CheatSheet，https://gist.github.com/rauschma/f7b96b8b7274f2e2d8dab899803346c3
• dva-immer，immer 将作为插件的方式提供，简化 reducer 修改过程，dvajs/dva#1587
• PWA on iOS，https://medium.com/@firt/progressive-web-apps-on-ios-are-here-d00430dee3a7

• Windows10 和 Edge 支持 PWA，https://blogs.windows.com/msedgedev/2018/02/06/welcoming-progressive-web-apps-edge-windows-10/#eQSjj4plBvER2sqk.97
• PWA 生成器，https://www.pwabuilder.com/generator
• 订阅 vuejs 官网新闻，https://news.vuejs.org/subscribe | 存档，https://www.getrevue.co/profile/vuenewsletter#archive
• Chrome 65 新引入的 CSS Paint API，https://developers.google.com/web/updates/2018/01/paintapi
• https://workshop.me/
• 下个版本的 next.js 可以通过插件引入 vue component，https://mobile.twitter.com/sergiodxa/status/960938933210271745 | https://github.com/SmallComfort/react-vue
• https://osquery.io/
• CodeSandbox 2.5，https://hackernoon.com/announcing-codesandbox-2-5-be767d15ffd
• [email protected] 新特性，https://medium.com/@baphemot/whats-new-in-react-16-3-d2c9b7b6193b
• getDerivedStateFromProps() 的使用场景，https://twitter.com/dan_abramov/status/960305777968930816
• redux-subspace，拆分单独的 store，适用于业务模块拆分，https://github.com/ioof-holdings/redux-subspace | https://www.slideshare.net/VivianFarrell/scaling-react-and-redux-at-ioof

早报

1. 付费 workshop 的 PPT，300 多页，Advanced State Management in React (feat. Redux and MobX)，https://www.dropbox.com/s/a3rpf77rpaw3hgi/Advanced%20State%20Management.pdf?dl=0#
2. Chrome 63 新特性，import() 语法，async 迭代器，滚动条行为控制，Promise 支持 finally 等，https://developers.google.com/web/updates/2017/12/nic63
3. netlify 的开源 cms，旨在为静态站点添加 CMS 能力，基于 react，https://github.com/netlify/netlify-cms
4. umi 新增 dva 例子，尤其适用于多页场景，https://github.com/umijs/umi/tree/master/examples/with-dva

更多

• babel 之歌，😆。https://www.youtube.com/watch?v=40abpedBKK8，https://medium.com/@angustweets/hallelujah-in-praise-of-babel-977020010fad
• 想了新 feature？文档先行！https://twitter.com/housecor/status/938805364442718210
• Marco Arment 的免费新软，用于 podcast 制作，https://overcast.fm/forecast
• Refined twitter，https://github.com/sindresorhus/refined-twitter

早报 @ 2018.6.15

• react native 架构调整，更容易和 hybrid 应用整合，https://facebook.github.io/react-native/blog/2018/06/14/state-of-react-native-2018
• repl.it 加入 preboot，让 react 项目在 2 秒内启动，https://repl.it/site/blog/preboot
• React Suspense 的 code split 方案，https://mobile.twitter.com/acdlite/status/1007062696141787136
• 一段代码理解 rem 和 em 的区别，https://codepen.io/seyedi/pen/oxWOVX
• polyjs，用于记录、重放和 mock HTTP 请求，https://github.com/Netflix/pollyjs
• Super-fast alternative to Babel for when you can target modern JS runtimes，是 babel 的 20 倍？https://github.com/alangpierce/sucrase
• 🎉 dva star 数破万，https://github.com/dvajs/dva/

可以在 #49 讨论或补充。

早报 @ 2018.6.14

• [email protected]，支持 Modern Mode，在浏览器里使用 es modules，https://github.com/vuejs/vue-cli/blob/dev/CHANGELOG.md#300-rc1-2018-06-13
• serve（now.sh 静态部署方案）大更新，https://zeit.co/blog/new-static-deployments
• vscode 更新 electron@2，https://code.visualstudio.com/insiders/
• Office 365 基于 ReactNative 重写，https://twitter.com/TheLarkInn/status/1006746626617008128
• The new (and old) CSS units you've never heard about，https://dev.to/maxart2501/the-new-and-old-css-units-youve-never-heard-about-1mn1
• 前端工具调研报告（2018），https://ashleynolan.co.uk/blog/frontend-tooling-survey-2018-results

可以在 #48 讨论或补充。

早报 @ 2018.4.12

• 定义数据结构，自动生成 action、reducer 和 selector 的 redux 扩展库，https://github.com/ericelliott/autodux
• Advance React Patterns v2，https://github.com/kentcdodds/advanced-react-patterns-v2
• spectrum 开源，https://github.com/withspectrum/spectrum
• [email protected]，为 webpack@4 加了 sideEffects: false flag，预计下周正式发布 4，https://github.com/reactjs/redux/releases/tag/v4.0.0-rc.1
• Offscreen Images，https://developers.google.com/web/tools/lighthouse/audits/offscreen-images
• Chrome and Firefox will support a new standard for password-free logins，https://www.theverge.com/2018/4/10/17215406/webauthn-support-chrome-firefox-edge-fido-password-free
• JSConf Australia 2018 的视频，https://www.youtube.com/playlist?list=PL37ZVnwpeshH2dgOfKBH1UOgOT198ZzZy

早报 @ 2017.11.30

1. PWA 中文书，https://github.com/SangKa/PWA-Book-CN
2. Chrome 64 的 devtool 新特性，有 Local Overrides，https://developers.google.com/web/updates/2017/11/devtools-release-notes
3. 用 React 做原型的设计师，我咋就遇不到这种设计师呢？https://medium.com/geckoboard-under-the-hood/react-js-for-design-prototyping-ec29cfa81b0f
4. React 16.2 里的 Fragment，https://reactjs.org/blog/2017/11/28/react-v16.2.0-fragment-support.html，https://codesandbox.io/s/j4381yv0oy
5. 如何加入大公司？经常给他们的开源库贡献代码吧。https://twitter.com/tylermcginnis/status/935887285874298881
6. CSS 新特性，比如 Variables, Scoping, New Selectors 和 Color Functions，https://syntax.fm/show/021/what-s-new-in-css-variables-scoping-new-selectors-and-color-functions

早报 @ 2017.11.29

1. [email protected]，React.Fragment，修复 radio 的问题等，https://github.com/facebook/react/releases/tag/v16.2.0
2. Flutter，构建现代移动应用，https://mp.weixin.qq.com/s?__biz=MzA3ODg4MDk0Ng==&mid=2651113963&idx=1&sn=6071c057813c0ed74cbc743612807ea4
3. wix 出的专为 component 的样式方案，https://stylable.io/
4. "You Don't Know JavaScript" 作者又一力作，JS 里的函数式编程，https://github.com/getify/Functional-Light-JS
5. React Component 范式进阶，by kentcdodds，https://tinyletter.com/kentcdodds/letters/advanced-react-component-patterns

早报 @ 2017.11.28

1. 多个主流框架对比，https://www.sitepen.com/blog/2017/11/10/web-frameworks-conclusions/
2. JavaScript 从入门到进阶，https://javascript.info/
3. 4 张动图解释为什么（什么时候）使用 Redux/dva，https://zhuanlan.zhihu.com/p/31360204，https://medium.com/dailyjs/when-do-i-know-im-ready-for-redux-f34da253c85f
4. Final Form，无框架依赖，尺寸是 Redux Form 的 1/5，https://medium.com/@erikras/final-form-the-road-to-the-checkered-flag-cd9b75c25fe，https://github.com/erikras/final-form
5. PWA是否能带来新一轮大前端技术洗牌？https://mp.weixin.qq.com/s?__biz=MzIwNjQwMzUwMQ==&mid=2247485600&idx=1&sn=12e229c90cc08e8f14dcc1ae7f27abd6

早报 @ 2017.11.23

国外感恩节好像都放假了，更新较少。

1. Subresource Integrity，确保 cdn（可能被 hack）加载的资源没有被修改，居然还有这种操作。https://developer.mozilla.org/en-US/docs/Web/Security/Subresource_Integrity
2. choo 的构建工具，基于 browserify 的生态搭建的，体验不错，优化点也不错，比如 “Removes unused CSS, inlines critical CSS and preloads the rest”，https://medium.com/choojs/bankai-the-friendly-web-compiler-35f1916679cc

早报 @ 2017.11.22

1. SurviveJS 的免费新书，讲如何组织 npm package，代码质量，文档，持续集成等，对开源感兴趣的可以看下，https://survivejs.com/maintenance/preface/
2. 本地配 ssl + http/2 + nginx，https://ihower.tw/blog/archives/8861
3. webpack 持久化缓存，https://sebastianblade.com/using-webpack-to-achieve-long-term-cache/，https://github.com/pigcan/blog/issues/9
4. 新 ES 提案，import.meta，规范了 __dirname、__filename、document.currentScript 等的获取方式，http://2ality.com/2017/11/import-meta.html
5. 学下 Proxy 的用法，http://exploringjs.com/es6/ch_proxies.html，http://2ality.com/2017/11/proxy-method-calls.html
6. es6 cheatsheet，https://ponyfoo.com/articles/es6
7. webstorm tips 第二期，https://www.sitepoint.com/productivity-tips-for-webstorm-and-angular-part-2/
8. code sandbox 2.0，和 github 打通，可以直接 commit 和 PR，https://hackernoon.com/announcing-codesandbox-2-0-938cff3a0fcb
9. Chrome 63 支持 import() 语法，https://developers.google.com/web/updates/2017/11/dynamic-import

早报 @ 2017.11.18

1. redux 4.0.0-beta.1，支持 ts 2.0，不支持 IE 11-，cjs 和 es bundle 等，https://github.com/reactjs/redux/releases/tag/v4.0.0-beta.1，https://github.com/reactjs/redux/pull/2358/files
2. JavaScript 新语法，async + iterator，异步迭代器，https://github.com/tc39/proposal-async-iteration，https://jakearchibald.com/2017/async-iterators-and-generators/
3. React Patterns, techniques, tips and tricks，https://vasanthk.gitbooks.io/react-bits/
4. Simple React Patterns，http://lucasmreis.github.io/blog/simple-react-patterns/
5. 高阶 react-router@4 技巧，protected routes 和校验，https://tylermcginnis.com/react-router-protected-routes-authentication/
6. symbols、generators 和 streams，https://medium.com/front-end-hacking/javascript-symbols-generators-and-streams-1f6ef0fb1fdc

早报 @ 2017.11.17

1. JavaScript 在移动端如何提速，by Addy Osmani，应该已经是目前最全的性能优化最佳实践了，https://medium.com/dev-channel/the-cost-of-javascript-84009f51e99e
2. next.js 5 的 roadmap，https://zeit.co/blog/next-canary
3. ES Modules 详解，想了想，可以用来做在线编辑器，不用启 webpack，文件数量的问题可以通过 http2 解决，https://jakearchibald.com/2017/es-modules-in-browsers/，https://www.smashingmagazine.com/2016/02/preload-what-is-it-good-for/，https://www.smashingmagazine.com/2017/04/guide-http2-server-push/
4. 利用 travis-cli 做自动的 npm publish，https://leo.im/2017/canary#what-changed
5. 快速找到未使用的依赖，https://gist.github.com/brentvatne/6390909075b02811ef5384d5b7c41ab2
6. vscode 的新功能，live share，https://code.visualstudio.com/blogs/2017/11/15/live-share

早报 @ 2017.11.16

1. 《高可用 React 服务端渲染》by 郭达峰，干货满满，里面介绍的 hypernova 需要话时间消化下，把 SSR 抽成 service 以保证高可用，http://slides.com/dfguo/react-ssr#/，https://github.com/airbnb/hypernova，http://react-china.org/t/react-meetup-11-05-slides/15994
2. yarn 的搜索是真快，绝对的秒开，背后的技术是 algolia 提供的，https://blog.algolia.com/yarn-search-javascript-packages/，发现不少基于 roadhog 的封装，https://yarnpkg.com/en/packages?q=roadhog
3. atom 插件，import 模块时搜索 npm 并自动安装依赖，https://blog.algolia.com/atom-plugin-install-npm-module/，https://blog.algolia.com/wp-content/uploads/2017/10/image4.png，https://github.com/algolia/atom-autocomplete-module-import
4. 交互式的 ES6 cheatsheet，查漏补缺，https://es6cheatsheet.com/?key=mailing-list&utm_source=drip&utm_medium=email&utm_campaign=email-signup&__s=wffaseadwzx2kacuffbp
5. 高阶的 react-router@4 技巧，包含 code splitting、切换动画、滚动位置保存、递归路径、SSR 渲染，https://blog.logrocket.com/advanced-react-router-concepts-code-splitting-animated-transitions-scroll-restoration-recursive-17096c0cf9db

好久不见的早报 @ 2017.11.9

1. frontendmasters 课程课件，入门挺好，http://slides.com/bgando/f2f-final-day-1，http://slides.com/bgando/f2f-final-day-2
2. 在线体验各种主流的 css-in-js 方案，https://css-in-js-playground.com/
3. Simplicity Matters，建议每隔一段时间看一遍，https://www.youtube.com/watch?v=rI8tNMsozo0&feature=youtu.be
4. git 命令使用，见招拆招，https://github.com/k88hudson/git-flight-rules
5. React ErrorBoundaries 的贴心的应用场景，https://twitter.com/kentcdodds/status/927950921786634240
6. 反击爬虫，前端工程师的脑洞可以有多大？http://litten.me/2017/07/09/prevent-spiders/，https://doc.yonyoucloud.com/doc/ae/920457.html
7. 拆首屏 CSS 的 critical 发布 1.0，基于 Chrome headless，https://github.com/addyosmani/critical/tree/v1.0.0

早报 @ 2018.3.27

• 项目的 Dashboard 工具，https://github.com/jadjoubran/webdash
• [email protected]，https://github.com/ReactTraining/react-router/releases/tag/v4.3.0-rc.1
• [email protected]，提速、改进出错处理、sourcemap、插件接口等，https://github.com/zeit/next.js/releases/tag/5.1.0
• markdown 演示工具，https://hackmd.io/

早报

• [email protected]，支持 TypeScript，以及修复一些警告的问题，dvajs/dva#1392
• 新一期的 teahour，听 vscode 团队成员讲他们为啥比 atom 牛逼。。http://teahour.fm/2017/12/12/why-vscode-is-better-than-atom.html
• 又一个 0 配置的打包工具，基于 rollup，没用 babel，适用于类库的打包，https://github.com/developit/microbundle
• [email protected] 发布，没啥亮点功能，基本上是配置的变更，以及不支持一些老浏览器，https://github.com/webpack/webpack-dev-server/blob/next/breaking-changes.md
• [email protected] 能让 webpack 跑更快，https://twitter.com/v8js/status/939207271350980608
• webpack@4 + sideEffect: false，能让 bundle size 更小，https://twitter.com/TheLarkInn/status/938188174794223616

More

• AI 可换脸生成色情视频，https://motherboard.vice.com/en_us/article/gydydm/gal-gadot-fake-ai-porn

早报 @ 2018.5.4

• angular 发布 6.0，https://blog.angular.io/version-6-of-angular-now-available-cc56b0efa7a4
• vscode 发布 1.23，https://code.visualstudio.com/updates/v1_23
• dojo 发布 2.0，还有人记得这个吗？https://dojo.io/blog/2018/05/02/2018-05-02-Dojo2-0-0-release/
• GitHub Contributions Chart Generator，https://github-contributions.now.sh/
• Learning Web Development? These Skills Will Make You Stand Out，https://dev.to/colinmtech/learning-web-development-these-skills-will-make-you-stand-out-56fh
• 基于 react 的跨平台原生应用开发，https://github.com/kusti8/proton-native

可以在 #43 讨论或补充。

早报 @ 2017.9.30

1. React@16 改进了 React DevTools 里 Highlight Updated 的功能。https://twitter.com/dan_abramov/status/913730763169914882
2. 可取消的 fetch 终于来了，目前只有 Firefox 57 支持，但 Chrome、Edge、Safari 都快了。https://developers.google.com/web/updates/2017/09/
3. [email protected] 支持 Object Spread，https://twitter.com/wesbos/status/913421431609991168
4. [email protected]，支持 React 16。https://github.com/zeit/next.js/releases/tag/4.0.0-beta.1abortable-fetch，https://fetch-svg-abort.glitch.me/
5. 基于 React 组件的可视化编程，付费的，目前功能不够完善，先不要买。https://twitter.com/getcompositor/status/913348539584995330，https://compositor.io/lab/
6. 一组 State Container，挺实用的。https://github.com/renatorib/react-powerplug
7. npm as cdn，一种简化的开发方式。但有个显而易见的问题，重复的依赖怎么处理？https://medium.com/@mikeal/ive-seen-the-future-it-s-full-of-html-2577246f2210

早报 @ 2017.9.29

• Babel 是啥？如何维护开源项目？等等。https://www.youtube.com/watch?v=fntd0sPMOtQ，https://www.youtube.com/channel/UCXBhQ05nu3L1abBUGeQ0ahw/videos
• PHP 转 JavaScript。https://babeljs.io/php，https://gitlab.com/kornelski/babel-preset-php
• Webpack 4 在路上了，没啥新特性，主要是性能上的提升，比如用 Set 提升性能，但会引发插件的不兼容。https://medium.com/webpack/webpack-4-changes-part-1-week-24-25-fd4d77674e55
• 关键路径样式，自动抽离首屏样式，追求性能极致适用，比如无线的场景。https://medium.com/js-dojo/critical-css-and-webpack-automatically-minimize-render-blocking-css-5390850dad45，https://github.com/addyosmani/critical
• FunFunFun，JavaScript 视频，内容挺好，很新。https://www.youtube.com/channel/UCO1cgjhGzsSYb1rsB4bFe4Q/videos

早报 @ 2017.9.28

1. React@16 特性视频，讲地很仔细，https://egghead.io/courses/leverage-new-features-of-react-16
2. Podcast：关于命令行的。https://syntax.fm/show/013/the-command-line-for-web-developers
3. componentDidCatch 的一个使用场景，捕获出错并打点到服务器。https://blog.bugsnag.com/react-16-error-handling/
4. 学下设计模式、反模式、重构和 UML，这网站的切换体验很好。https://sourcemaking.com/
5. 如何评价 React@16，总结的挺好，但不够细。https://www.zhihu.com/question/65920482/answer/236159084

早报 @ 2017.9.27

1. React@16 发布，包含 fiber、ReactDOM.createPortal、componentDidCatch、SSR 性能提升、render 支持返回 fragment 和 string、尺寸减少等，推荐升级。https://facebook.github.io/react/blog/2017/09/26/react-v16.0.html
2. Chrome 支持 import()，用于按需加载 es 模块。https://twitter.com/addyosmani/status/912556308649304064
3. 自动分离出首屏样式。https://github.com/pocketjoso/penthouse

早报 @ 2017.9.26

1. 输入 google.com 按回车后发生了什么？面试时常见问题。https://github.com/alex/what-happens-when
2. Paul Irish 的 Debugging in 2017 with Node.js。https://www.youtube.com/watch?v=Xb_0awoShR8，https://docs.google.com/presentation/d/1i5JREE3hhtG4FDip97zFJpMG_qb8k6fb5BRF09eyYTM/view#slide=id.p (Slide)
3. Electron the bad part，包括尺寸、更新、安全、代码保护等。https://hackernoon.com/electron-the-bad-parts-2b710c491547
4. web developer roadhog，挺全的，图不错，用 Balsamiq Mockups 画的。https://github.com/kamranahmedse/developer-roadmap，https://balsamiq.com/products/mockups/
5. 脚手架工具，简版的 yeoman，名字好记。https://github.com/saojs/sao
6. 检测新的 DOM 节点。https://github.com/muicss/sentineljs

早报 @ 2017.9.25

1. Dan 在 ZEIT Day 的演讲，https://www.youtube.com/watch?v=nl30vWYKs9A&feature=youtu.be&t=16300
2. 部署 es2015 的代码到生产环境，省掉很多 polyfill 代码，Chrome 客户多的或者内部系统可以玩玩看，结合前几天分享的如何同时分发两个版本使用。https://philipwalton.com/articles/deploying-es2015-code-in-production-today/
3. Compilers are the New Frameworks，深有同感，最近在做的一套多页 h5 方案，工具和框架紧密结合。https://tomdale.net/2017/09/compilers-are-the-new-frameworks/
4. 为啥大家都开始转 VSCode 了？https://syntax.fm/show/012/why-is-everyone-switching-to-vs-code
5. React 换许可证。https://code.facebook.com/posts/300798627056246/relicensing-react-jest-flow-and-immutable-js/
6. Hyper 2.0 发布。https://twitter.com/zeithq/status/911511043763040258
7. 以全局命令的方式运行 node_modules/.bin 下的命令，很实用的功能。https://www.youtube.com/watch?v=2WZ5iS_3Jgs&feature=youtu.be

在 ~/.bashrc 或者 ~/.bash_profile 里配：

PATH=$PATH:./node_modules/.bin

早报 @ 2017.9.20

• Redux 作者 Dan 给的一些关于工作和编码的建议，很实用。https://hashnode.com/post/what-have-you-learned-after-working-at-facebook-for-almost-two-years-have-you-grown-as-a-developer-and-what-are-some-of-the-key-takeaways-cj7q3gkjx019xkhwujchsrtho
• react@15 -> react@16-rc：6.9K -> 2.2K，react-dom@15 -> react-dom@16-rc: 42.9K -> 32.6K (MINIFIED+GZIPPED)，尺寸小了很多，推荐升级。https://twitter.com/dan_abramov/status/910261298969104385，https://twitter.com/dan_abramov/status/910261184196210688
• iOS 11 和 macOS High Sierra 可开启试验特性。https://twitter.com/notquiteleo/status/910274945070059520
• Github Debug，看看为啥 Github 访问不了。https://githubengineering.com/github-debug/
• frontendmasters 打折，还剩 5 小时。https://frontendmasters.com/sale/
• http://tinyletter.com/sorrycc

早报 @ 2017.9.19

1. Desprited babel-preset-es2015，推荐用 babel-preset-env。https://twitter.com/piq9117/status/909492740768940032
2. 《ECMAScript 6 入门》第三版，新增 decorator 章节。http://es6.ruanyifeng.com/
3. 如何向用户同时分发 ES6 Modules 版本和普通版。https://www.youtube.com/watch?v=GWmO88hBbKY

<script nomodules ...>
<script type="modules" ...>

4. IDE 的自动添加 import 的功能，相见恨晚，但 Intellij IDEA 只处理了 ES6 Module 的自动 import，最近有时间我会写个处理 node_modules 依赖的通用 auto-import。https://www.jetbrains.com/help/idea/auto-import.html，https://github.com/Galooshi/import-js
5. 未来的 devtool 应该涨啥样，我们需要这样的脑洞。https://medium.freecodecamp.org/prototyping-the-future-of-devtools-f54ba4d51891
6. 我不知道浏览器居然还能做这些，Speech API、Speech Recognition API、Geolocation API、Notification API、Push API、Battery Manager API、Media Recorder API、Web-audio API、Vibration API、Device orientation。https://www.youtube.com/watch?v=ZrRxdzAVXts，https://meow.sambego.be/

早报 @ 2017.9.18

1. ES modules 详解。http://2ality.com/2017/09/native-esm-node.html
2. 页面整体布局优先用 CSS Grid。http://gedd.ski/post/grid-beats-flexbox-for-full-page-layout/
3. 为每个 PR 自动发 npm 包用于测试，这个思路不错，适合命令行工具。facebook/create-react-app#3124 (comment)
4. 为函数内的赋值语句和 return 语句自动加 console 的 babel 插件，思路很新颖。https://github.com/tkh44/babel-plugin-sitrep
5. GoogleChrome 官方的浏览器自动化库，可用于 UI 测试、爬虫等。https://github.com/GoogleChrome/puppeteer
6. 布局管理的库，可用于 React，但需要额外引入 jQuery 。https://github.com/deepstreamIO/golden-layout/

早报 @ 2017.9.15

1. React 16 RC 3，最后一个 RC 了，比较感兴趣的是其中任何不打包多个 Object.assign polyfill，polifill 重复是很常见的尺寸问题之一。facebook/react#10294 (comment)
2. 记不住 React 的事件？可以查这份 Live CheetSheet 。https://reactarmory.com/guides/react-events-cheatsheet
3. 如何让 import 输入更快，先写 from 再写接口就能有智能提示。作者给出了 VSCode 的配置方法，评论里有 ATOM 以及 WebStorm 的方法。http://2ality.com/2017/08/typing-import-statements.html
4. Gif 格式的 devtool tips，你会发现居然有这么多功能都没用过。https://umaar.com/dev-tips/ ，还有视频分享资料，https://umaar.github.io/devtools-optimise-your-web-development-workflow-2016/，https://www.youtube.com/watch?v=Dyynkefld8o
5. react-cosmos 发了 2.0 rc，一个用来写 React 组件的工具，https://github.com/react-cosmos/react-cosmos

早报 @ 2017.9.14

1. Chrome 61 支持 ES Module，通过 <script type=module> 引入。隐隐感觉这功能会带来调试和打包工具的革新。https://www.chromestatus.com/feature/5365692190687232，https://paulirish.github.io/es-modules-todomvc/
2. Babel 7.0@beta，支持通过 .babrlrc.js 配置、移除 babel 自身的 babel-runtime 依赖以减少安装尺寸、Deprecate ES20xx presets，推荐用 babel-preset-env 等等。https://babeljs.io/blog/2017/09/12/planning-for-7.0
3. Node v8.5.0，fs.copyFile、console.group()、正式支持 ES Module 等。https://nodejs.org/en/blog/release/v8.5.0/
4. 编码界面的正则工具，Cool！https://regexly.chipto.io/ ，我之前用的是 http://refiddle.com/
5. React FAQ，还是比较全的。https://reactfaq.site/，https://github.com/timarney/react-faq

早报 @ 2017.9.13

1. coding webIDE 支持小程序，功能上只能说部分支持吧。通过多页实现，和单脚本内存共享数据肯定不是一回事，API 模拟不全，生命周期好像也不全。https://ide.coding.net/
2. React-Router@4 和 @3 支持 React@16，remix-run/react-router@b0a9c75
3. AtomIDE，其实是 atom 捆绑一些 packages 以适应各种语言的编码、定义跳转、自动提示、引用查找等，适合新人上手。http://blog.atom.io/2017/09/12/announcing-atom-ide.html
4. 新的信息源，用于订阅新闻。https://www.google.com/alerts
5. react for aria，如何把更新的组件通知读屏软件。http://almerosteyn.com/2017/09/aria-live-regions-in-react
6. HTML 语法解析器，带插件机制，可以理解为 HTML 界的 Babel。https://github.com/reshape/reshape

早报 @ 2017.9.12

1. 把 React Component 转成 Word 文档，样式没了。https://github.com/nitin42/redocx
2. 关于如何避免“写一个 Module 感觉像写了一张无法支付的未来支票”，比如用脚本 commit、自动 publish、100% test coverage 等。https://medium.com/@mikeal/modern-modules-d99b6867b8f1，https://github.com/mikeal/r2/blob/master/package.json#L6
3. dat 协议的 p2p 应用例子，基于 BreakerBrowser。https://github.com/taravancil/paste-dat，https://beakerbrowser.com/
4. React@16 不再忽略 unknown 的 DOM 属性，https://facebook.github.io/react/blog/2017/09/08/dom-attributes-in-react-16.html
5. webpack + babel 让 JS 打包越来越慢，但如何让调试快点呢？babel-standalone、systemjs、unpkg 等都是一些尝试。印象中 stackblitz.com 也是基于 systemjs + unpkg。http://2ality.com/2017/08/less-building-in-web-dev.html，https://github.com/unpkg/unpkg-demos

早报 @ 2017.9.8

1. Yarn 1.0 发布，新功能很实用，比如适用于 monorepo 的 Workspaces，解决依赖的依赖更新问题的 Selective version resolutions 等，https://code.facebook.com/posts/274518539716230
2. state-machine-component by preact 作者，通过 reducer + action 的方式组织 React Component 的内部 state。https://twitter.com/_developit/status/905250269306474497
3. 管道操作符 |> 的 JavaScript 提案，适用于 lodash、rxjs 这种库，想尝鲜的可以配 babel 插件实现。https://github.com/tc39/proposal-pipeline-operator，https://www.npmjs.com/package/babel-plugin-transform-pipeline
4. Web Payments 支付接口快要来了，Chrome Canary 可用，Webkit 也是 In Development 状态，https://twitter.com/wesbos/status/905815017819385857，https://webkit.org/status/#feature-payment-request
5. React Native EU 2017，https://medium.com/@dschmidt1992/react-native-eu-2017-b091adc9aa9f

早报 @ 2017.9.7

1. 利用 @std/esm 让 node 无需 .mjs 后缀就使用 ES6 modules。https://twitter.com/zachcodes/status/903251125520007168
2. 新发布的一个 JavaScript runtime error tracker 服务，支持 AST 回溯到源码。https://javascript.studio/，https://medium.com/javascript-studio/javascript-studio-publicly-available-28522e325037
3. Why CSS, not CSS-in-JS，同意，个人也不喜欢 CSS-in-JS，https://svelte.technology/blog/the-zen-of-just-writing-css
4. react-idle，在 react 空闲时做点啥，比如加载脚本、问问用户是否还在、做一些耗 CPU 的事等，by React-Router 作者，https://reacttraining.com/react-idle/，https://cdb.reacttraining.com/announcing-react-idle-8fc0b9e2d33e
5. React.ReducerComponent，在 React Component 里用 reducer 来更新 react 的 state，看看就好，另一种思路。https://twitter.com/jaredpalmer/status/905170062679662594

早报

• Zero-config React development environment and static site generator，https://github.com/c8r/x0
• https://twitter.com/0xced/status/900692839557992449
• Jest 22 发布，提速，利用 code-frame 生成出错提示，babel 7 支持等，http://facebook.github.io/jest/blog/2017/12/18/jest-22.html
• PWA 版微博，不到 300K，https://m.weibo.cn/beta

早报

• Snapper，another next.js like framework，基于 Svelte，https://sapper-template.now.sh/blog/what-is-sapper，https://github.com/sveltejs/sapper
• 基于 react+redux 的游戏框架，client 和 server 状态保持同步，非 google 官方出，https://github.com/google/boardgame.io
• 用 PWA 作为 Electron App 的基础，然后定义一些菜单之类的，内存保持在远程服务器上，这样就能减少部署，https://twitter.com/tjholowaychuk/status/942472377543278592
• React 组件性能分析工具，https://github.com/nitin42/react-perf-devtool
• [email protected]，用 uglifyjs-webpack-plugin@1 压缩 ES15 代码，module.rules 支持 sideEffects 配置等，webpack/webpack#6132
• lighthouse 2.6，引入新的性能指标，JavaScript 的解析编译时间也很重要，https://developers.google.com/web/updates/2017/12/lighthouse

早报 @ 2018.5.18

• 用 PacVim 学 Vim，https://github.com/jmoon018/PacVim
• Next.js 发布 6.0，支持 _app.js 定制整体渲染行为，以及 0 配置的静态导出（还没看，我猜是和 vuepress 相同的方案），使用 Babel 7，https://zeit.co/blog/next6
• 计算 npm 依赖尺寸，https://bundlephobia.com/
• Web performance made easy (Google I/O '18)，https://www.youtube.com/watch?v=Mv-l3-tJgGk&feature=youtu.be
• WebStorm 2018.2 EAP 版，支持 React code snippets，https://blog.jetbrains.com/webstorm/2018/05/webstorm-2018-2-eap/
• umi 发布 1.3.3，二次构建时间提升 70%+，https://github.com/umijs/umi/releases/tag/umi%401.3.3

可以在 #46 讨论或补充。

早报 @ 2017.10.20

• 你必须知道的 JavaScript 语言特性，https://hackernoon.com/awkward-moments-in-javascript-a0b1cabcd6f1
• node 框架，https://github.com/fastify/fastify
• 状态管理器，混合了 state、reducer 和 router 的概念在里面，https://twitter.com/ryanflorence/status/921043813824524288，https://gist.github.com/ryanflorence/eed0b770187b6358079560d0e8e8a35f
• CSS 框架，基于 flexbox，https://github.com/jgthms/bulma，http://www.ruanyifeng.com/blog/2017/10/bulma.html
• Chrome DevTool 的新功能，动态修改网络请求，https://twitter.com/umaar/status/922773318482132992
• 把 sketch 转成 react native 组件，https://github.com/nanohop/sketch-to-react-native
• mobx 调试工具，客户端，https://wiretap.debuggable.io/
• https://cdb.reacttraining.com/react-call-return-what-and-why-7e7761f81843

早报 @ 2017.10.19

1. Chrome 63 DevTools 新特性。https://developers.google.com/web/updates/2017/10/devtools-release-notes
2. 探索 es2016 和 es2017，http://exploringjs.com/es2016-es2017/
3. 注释的艺术，区分好的注释和坏的注释，https://css-tricks.com/the-art-of-comments/
4. CodeMirror 作者新鞋的 WYSIWYG 编辑器，http://marijnhaverbeke.nl/blog/prosemirror-1.html
5. 多线程 JavaScript 运行环境，微软出的，他们用在 bing 上。https://github.com/Microsoft/napajs
6. prettier + stylelint，https://css-tricks.com/prettier-stylelint-writing-clean-css-keeping-clean-code-two-tool-game/
7. 技术面手册，https://github.com/yangshun/tech-interview-handbook

早报 @ 2017.10.13

1. React Hot Loader@3，支持 React@16，https://github.com/gaearon/react-hot-loader
2. 关于 JavaScript 特性的文章，查漏补缺吧。https://eev.ee/blog/2017/10/07/javascript-got-better-while-i-wasnt-looking/
3. React Element 和 Component 的区别，https://tylermcginnis.com/react-elements-vs-react-components/
4. ZEIT Day Berlin 2017 的所有演讲视频，https://zeit.co/tv，https://www.youtube.com/watch?v=5lR29NsJKW8&list=PLBnKlKpPeagkaVtpmZNK6XiWw8yNZmCxL
5. cdtmp，进入到一个随机创建的临时目录，简单好用，http://frantic.im/cdtmp

早报 @ 2017.10.12

• 显示当前网站所有可用的 UserJS 脚本，https://greasyfork.org/zh-CN/scripts/24508-userscript-show-site-all-userjs
• 如何成为一名厉害的程序员？https://twitter.com/b0rk/status/917252215752019968
• 用 Babel 转 TypeScript。https://twitter.com/brianleroux/status/918212007190548480
• [email protected]，https://github.com/webpack/webpack/releases/tag/v3.7.0
• Webpack monitor，很 cool，但未发布。https://twitter.com/roachjon/status/917550193171562497
• React 项目收集，https://twitter.com/dan_abramov/status/917137653593772032
• 我的信息源，https://tinyletter.com/sorrycc/letters/message

早报 @ 2017.10.10

• vue 和 react 的组件互通，未测，可靠性待验证，https://github.com/akxcv/vuera
• ember 3 即将发布，https://emberjs.com/blog/2017/10/03/the-road-to-ember-3-0.html
• async await 详解，http://nikgrozev.com/2017/10/01/async-await/
• 关于 bundle size 的视频，介绍了很多有用的工具，视频介绍里有工具列表。https://www.youtube.com/watch?v=Da6VxdGU2Ig
• 为 github 写个机器人，https://github.com/probot/probot

早报 @ 2017.10.9

• 手动控制图片的解码时机，<img async=on />，https://twitter.com/addyosmani/status/916391453076602880
• 让 npm 依赖在浏览器中运行，可用于提速 webpack，https://hackernoon.com/how-we-make-npm-packages-work-in-the-browser-announcing-the-new-packager-6ce16aa4cee6，https://github.com/CompuIves/dependency-packager
• Chrome devtool tips，查漏补缺，Alt + Up / Alt + Down、Code Coverage 之前没用过，LogRocket 看起来也不错。https://medium.freecodecamp.org/mastering-chrome-developer-tools-next-level-front-end-development-techniques-3ac0b6fe8a3
• React inline 函数和性能，绝对值得精读。https://cdb.reacttraining.com/react-inline-functions-and-performance-bdff784f5578

早报 @ 2018.4.5

• webpack 针对一些库的优化方案，值得好好读一遍，https://github.com/GoogleChromeLabs/webpack-libs-optimizations
• lodash 作者关于 ES Modules 的视频，https://www.youtube.com/watch?v=JcZ-FzfDq8A#t=5
• React.js 时间线，https://blog.risingstack.com/the-history-of-react-js-on-a-timeline/
• 拆分 redux store 以实现业务抽象，https://github.com/TheComfyChair/redux-scc

• 正则模板，http://2ality.com/2017/07/re-template-tag.html | https://github.com/rauschma/re-template-tag
• 《React 16 Essentials, 2nd Edition》，https://pan.baidu.com/s/1d8EFAQ#list/path=%2F
• https://github.com/octref/polacode
• https://github.com/cknadler/vim-anywhere
• https://github.com/nnja/advanced-git/tree/master/presentation
• 《Exploring ES2018 and ES2019》，http://exploringjs.com/es2018-es2019/toc.html