早报 @ 2017.11.30
Chrome 64 的 devtool 新特性,有 Local Overrides,https://developers.google.com/web/updates/2017/11/devtools-release-notes
用 React 做原型的设计师,我咋就遇不到这种设计师呢?https://medium.com/geckoboard-under-the-hood/react-js-for-design-prototyping-ec29cfa81b0f
React 16.2 里的 Fragment,https://reactjs.org/blog/2017/11/28/react-v16.2.0-fragment-support.html,https://codesandbox.io/s/j4381yv0oy
如何加入大公司?经常给他们的开源库贡献代码吧。https://twitter.com/tylermcginnis/status/935887285874298881
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
React@16.2,React.Fragment,修复 radio 的问题等,https://github.com/facebook/react/releases/tag/v16.2.0
Flutter,构建现代移动应用,https://mp.weixin.qq.com/s?__biz=MzA3ODg4MDk0Ng==&mid=2651113963&idx=1&sn=6071c057813c0ed74cbc743612807ea4
wix 出的专为 component 的样式方案,https://stylable.io/
“You Don’t Know JavaScript” 作者又一力作,JS 里的函数式编程,https://github.com/getify/Functional-Light-JS
React Component 范式进阶,by kentcdodds,https://tinyletter.com/kentcdodds/letters/advanced-react-component-patterns
早报 @ 2017.11.28
多个主流框架对比,https://www.sitepen.com/blog/2017/11/10/web-frameworks-conclusions/
JavaScript 从入门到进阶,https://javascript.info/
4 张动图解释为什么(什么时候)使用 Redux/dva,https://zhuanlan.zhihu.com/p/31360204,https://medium.com/dailyjs/when-do-i-know-im-ready-for-redux-f34da253c85f
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
PWA是否能带来新一轮大前端技术洗牌?https://mp.weixin.qq.com/s?__biz=MzIwNjQwMzUwMQ==&mid=2247485600&idx=1&sn=12e229c90cc08e8f14dcc1ae7f27abd6
早报 @ 2017.11.23
国外感恩节好像都放假了,更新较少。
Subresource Integrity,确保 cdn(可能被 hack)加载的资源没有被修改,居然还有这种操作。https://developer.mozilla.org/en-US/docs/Web/Security/Subresource_Integrity
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
SurviveJS 的免费新书,讲如何组织 npm package,代码质量,文档,持续集成等,对开源感兴趣的可以看下,https://survivejs.com/maintenance/preface/
本地配 ssl + http/2 + nginx,https://ihower.tw/blog/archives/8861
webpack 持久化缓存,https://sebastianblade.com/using-webpack-to-achieve-long-term-cache/,https://github.com/pigcan/blog/issues/9
新 ES 提案,import.meta,规范了 dirname、filename、document.currentScript 等的获取方式,http://2ality.com/2017/11/import-meta.html
学下 Proxy 的用法,http://exploringjs.com/es6/ch_proxies.html,http://2ality.com/2017/11/proxy-method-calls.html
es6 cheatsheet,https://ponyfoo.com/articles/es6
webstorm tips 第二期,https://www.sitepoint.com/productivity-tips-for-webstorm-and-angular-part-2/
code sandbox 2.0,和 github 打通,可以直接 commit 和 PR,https://hackernoon.com/announcing-codesandbox-2-0-938cff3a0fcb
Chrome 63 支持
import()
语法,https://developers.google.com/web/updates/2017/11/dynamic-import
早报 @ 2017.11.18
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
JavaScript 新语法,async + iterator,异步迭代器,https://github.com/tc39/proposal-async-iteration,https://jakearchibald.com/2017/async-iterators-and-generators/
React Patterns, techniques, tips and tricks,https://vasanthk.gitbooks.io/react-bits/
Simple React Patterns,http://lucasmreis.github.io/blog/simple-react-patterns/
高阶 react-router@4 技巧,protected routes 和校验,https://tylermcginnis.com/react-router-protected-routes-authentication/
symbols、generators 和 streams,https://medium.com/front-end-hacking/javascript-symbols-generators-and-streams-1f6ef0fb1fdc
早报 @ 2017.11.17
JavaScript 在移动端如何提速,by Addy Osmani,应该已经是目前最全的性能优化最佳实践了,https://medium.com/dev-channel/the-cost-of-javascript-84009f51e99e
next.js 5 的 roadmap,https://zeit.co/blog/next-canary
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/
利用 travis-cli 做自动的 npm publish,https://leo.im/2017/canary#what-changed
快速找到未使用的依赖,https://gist.github.com/brentvatne/6390909075b02811ef5384d5b7c41ab2
vscode 的新功能,live share,https://code.visualstudio.com/blogs/2017/11/15/live-share
早报 @ 2017.11.16
《高可用 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
yarn 的搜索是真快,绝对的秒开,背后的技术是 algolia 提供的,https://blog.algolia.com/yarn-search-javascript-packages/,发现不少基于 roadhog 的封装,https://yarnpkg.com/en/packages?q=roadhog
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
交互式的 ES6 cheatsheet,查漏补缺,https://es6cheatsheet.com/?key=mailing-list&utm_source=drip&utm_medium=email&utm_campaign=email-signup&__s=wffaseadwzx2kacuffbp
高阶的 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
frontendmasters 课程课件,入门挺好,http://slides.com/bgando/f2f-final-day-1,http://slides.com/bgando/f2f-final-day-2
在线体验各种主流的 css-in-js 方案,https://css-in-js-playground.com/
Simplicity Matters,建议每隔一段时间看一遍,https://www.youtube.com/watch?v=rI8tNMsozo0&feature=youtu.be
git 命令使用,见招拆招,https://github.com/k88hudson/git-flight-rules
React ErrorBoundaries 的贴心的应用场景,https://twitter.com/kentcdodds/status/927950921786634240
反击爬虫,前端工程师的脑洞可以有多大?http://litten.me/2017/07/09/prevent-spiders/,https://doc.yonyoucloud.com/doc/ae/920457.html
拆首屏 CSS 的 critical 发布 1.0,基于 Chrome headless,https://github.com/addyosmani/critical/tree/v1.0.0