早报 @ 2017.12.19

• 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

早报 @ 2017.12.18

• 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

• webpack@4.0.0-alpha.1，用 uglifyjs-webpack-plugin@1 压缩 ES15 代码，module.rules 支持 sideEffects 配置等，webpack/webpack#6132

• lighthouse 2.6，引入新的性能指标，JavaScript 的解析编译时间也很重要，https://developers.google.com/web/updates/2017/12/lighthouse

早报 @ 2017.12.14

• 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/

早报 @ 2017.12.13

• dva@2.2.0-beta.2，支持 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

• webpack-dev-server@3.0.0-alpha 发布，没啥亮点功能，基本上是配置的变更，以及不支持一些老浏览器，https://github.com/webpack/webpack-dev-server/blob/next/breaking-changes.md

• node@8.9 能让 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

早报 @ 2017.12.12

• 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/

早报 @ 2017.12.8

付费 workshop 的 PPT，300 多页，Advanced State Management in React (feat. Redux and MobX)，https://www.dropbox.com/s/a3rpf77rpaw3hgi/Advanced State Management.pdf?dl=0#
Chrome 63 新特性，import() 语法，async 迭代器，滚动条行为控制，Promise 支持 finally 等，https://developers.google.com/web/updates/2017/12/nic63
netlify 的开源 cms，旨在为静态站点添加 CMS 能力，基于 react，https://github.com/netlify/netlify-cms
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

早报 @ 2017.12.7

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/

早报 @ 2017.12.5

1. webpack@4.0.0-alpha.0 发布，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/

早报 @ 2017.12.1

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