早报汇总 @ 2017.11

[sorrycc]

早报 @ 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. React@16.2，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