zaobao's Introduction
zaobao's People
Contributors
Stargazers
Watchers
Forkers
yanghc9 nexxluo gabrielwenfu ustclx xxxlihui baobao12356 jinzita007 yehui2017 xshuangx chenguzhen87 jaysg okfantasy007 cristinasong coco723 coconuta omiomi haiyume bigorange2019630zaobao's Issues
早报 @ 2017.2.5
早报 @ 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
早报 @ 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
- [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.2.1
早报 @ 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/
早报 @ 2018.3.28
WIP
早报 @ 2018.3.28
早报汇总 @ 2017.10
早报 @ 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
- Chrome 63 DevTools 新特性。https://developers.google.com/web/updates/2017/10/devtools-release-notes
- 探索 es2016 和 es2017，http://exploringjs.com/es2016-es2017/
- 注释的艺术，区分好的注释和坏的注释，https://css-tricks.com/the-art-of-comments/
- CodeMirror 作者新鞋的 WYSIWYG 编辑器，http://marijnhaverbeke.nl/blog/prosemirror-1.html
- 多线程 JavaScript 运行环境，微软出的，他们用在 bing 上。https://github.com/Microsoft/napajs
- prettier + stylelint，https://css-tricks.com/prettier-stylelint-writing-clean-css-keeping-clean-code-two-tool-game/
- 技术面手册，https://github.com/yangshun/tech-interview-handbook
早报 @ 2017.10.13
- React Hot Loader@3，支持 React@16，https://github.com/gaearon/react-hot-loader
- 关于 JavaScript 特性的文章，查漏补缺吧。https://eev.ee/blog/2017/10/07/javascript-got-better-while-i-wasnt-looking/
- React Element 和 Component 的区别，https://tylermcginnis.com/react-elements-vs-react-components/
- ZEIT Day Berlin 2017 的所有演讲视频，https://zeit.co/tv，https://www.youtube.com/watch?v=5lR29NsJKW8&list=PLBnKlKpPeagkaVtpmZNK6XiWw8yNZmCxL
- 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.3.15
早报 @ 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.6.14
早报 @ 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.2.9
- 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.4.16
早报 @ 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
早报 @ 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.3.16
早报 @ 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.4.10
早报 @ 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.6.15
早报 @ 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.3.22
早报 @ 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.19
早报 @ 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
早报 @ 2017.12.1
早报
- 小程序组件化开发框架，https://mp.weixin.qq.com/s/bUuHM_U1W5rFxWoGGvQwJQ ，https://github.com/Tencent/wepy
- React 性能优化，主要是 shouldComponentUpdate、控制 rerender 范围，以及合理利用 debounce 和 throttle，https://medium.com/myheritage-engineering/how-to-greatly-improve-your-react-app-performance-e70f7cbbb5f6
- Kyle Simpson 的 Office Hours，看看大神如何编码，https://www.youtube.com/watch?v=YC8AQuuszOo
- Medium 鼓掌效果的实现，https://medium.freecodecamp.org/how-i-re-built-the-medium-clap-effect-and-what-i-got-out-of-the-experiment-991672995fdf
- ThroughtWork 11 月份的技术雷达，https://mp.weixin.qq.com/s/Dgkny4mtC-anOxUBsNwOrg
- ThinkJS 3.0 如何实现对 TypeScript 的支持，https://zhuanlan.zhihu.com/p/31057738
- 如何用 Vue.js 实现一个建站应用，https://zhuanlan.zhihu.com/p/30888164 ，https://github.com/github-libra/lego
早报 @ 2018.3.26
早报 @ 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
早报 @ 2017.12.5
早报
- [email protected] 发布，
import()语法变更，支持 esm 等，目前还没看到特别心动的 feature，webpack/webpack#6064 - 学点 React 模式，限时免费的 egghead 课程，https://egghead.io/courses/advanced-react-component-patterns
- A CLI React performance optimization tool that identifies potential unnecessary re-rendering，https://github.com/reactopt/reactopt
- 一年一度的 Pereformance Calendar 又开始写了，https://calendar.perfplanet.com/2017/
- vscode best practice, http://vscodecandothat.com/
早报 @ 2018.5.18
早报 @ 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.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
早报 @ 2018.2.8
- 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
早报 @ 2018.3.27
早报 @ 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/
早报 @ 2018.4.11
早报 @ 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
早报 @ 2018.4.5
早报 @ 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
早报 @ 2018.5.10
早报 @ 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 讨论或补充。
早报汇总 @ 2017.11
早报 @ 2017.11.30
- PWA 中文书，https://github.com/SangKa/PWA-Book-CN
- 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
- [email protected]，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
早报 @ 2018.3.29
早报 @ 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.4.9
早报 @ 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.4.2
WIP
早报 @ 2018.4.2
- redux 维护者澄清关于 redux 的几个误解，http://blog.isquaredsoftware.com/2018/03/redux-not-dead-yet/
早报 @ 2018.4.25
早报 @ 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/
早报 @ 2017.12.13
早报
- [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
早报 @ 2018.4.18
早报 @ 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
早报 @ 2018.3.21
早报 @ 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.6.19
早报 @ 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.4.13
早报 @ 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.2.19
- 正则模板，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
早报 @ 2017.12.8
早报
- 付费 workshop 的 PPT，300 多页，Advanced State Management in React (feat. Redux and MobX)，https://www.dropbox.com/s/a3rpf77rpaw3hgi/Advanced%20State%20Management.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
早报 @ 2018.4.4
早报 @ 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
早报 @ 2018.5.4
早报 @ 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.12.7
早报
- Redux Zero，没有 reducer 和 dispatcher，只管调 action，https://medium.com/@matheusml/introducing-redux-zero-bea42214c7ee，https://github.com/concretesolutions/redux-zero
- 新的打包工具，比 webpack 快，可以以 html、js 和 css 为入口，https://github.com/parcel-bundler/parcel，https://github.com/sorrycc/blog/issues/52
- 重定位到 npm 包的 repository 页，有网页也有命令行，http://ghub.io/
- O'Reilly 新书，《Vue.js：Up & Running》，https://www.safaribooksonline.com/library/view/vuejs-up/9781491997239/
早报 @ 2018.6.13
早报 @ 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.17
早报 @ 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
早报 @ 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.4.12
早报 @ 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
早报 @ 2018.5.14
早报 @ 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 讨论或补充。
早报 @ 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/
早报 @ 2018.3.30
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
早报 @ 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.9
早报 @ 2017.9.30
- React@16 改进了 React DevTools 里 Highlight Updated 的功能。https://twitter.com/dan_abramov/status/913730763169914882
- 可取消的 fetch 终于来了，目前只有 Firefox 57 支持，但 Chrome、Edge、Safari 都快了。https://developers.google.com/web/updates/2017/09/
- [email protected] 支持 Object Spread，https://twitter.com/wesbos/status/913421431609991168
- [email protected]，支持 React 16。https://github.com/zeit/next.js/releases/tag/4.0.0-beta.1abortable-fetch，https://fetch-svg-abort.glitch.me/
- 基于 React 组件的可视化编程，付费的，目前功能不够完善，先不要买。https://twitter.com/getcompositor/status/913348539584995330，https://compositor.io/lab/
- 一组 State Container，挺实用的。https://github.com/renatorib/react-powerplug
- 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
- React@16 特性视频，讲地很仔细，https://egghead.io/courses/leverage-new-features-of-react-16
- Podcast：关于命令行的。https://syntax.fm/show/013/the-command-line-for-web-developers
- componentDidCatch 的一个使用场景，捕获出错并打点到服务器。https://blog.bugsnag.com/react-16-error-handling/
- 学下设计模式、反模式、重构和 UML，这网站的切换体验很好。https://sourcemaking.com/
- 如何评价 React@16，总结的挺好，但不够细。https://www.zhihu.com/question/65920482/answer/236159084
早报 @ 2017.9.27
- React@16 发布，包含 fiber、ReactDOM.createPortal、componentDidCatch、SSR 性能提升、render 支持返回 fragment 和 string、尺寸减少等，推荐升级。https://facebook.github.io/react/blog/2017/09/26/react-v16.0.html
- Chrome 支持
import()，用于按需加载 es 模块。https://twitter.com/addyosmani/status/912556308649304064 - 自动分离出首屏样式。https://github.com/pocketjoso/penthouse
早报 @ 2017.9.26
- 输入 google.com 按回车后发生了什么？面试时常见问题。https://github.com/alex/what-happens-when
- 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)
- Electron the bad part，包括尺寸、更新、安全、代码保护等。https://hackernoon.com/electron-the-bad-parts-2b710c491547
- web developer roadhog，挺全的，图不错，用 Balsamiq Mockups 画的。https://github.com/kamranahmedse/developer-roadmap，https://balsamiq.com/products/mockups/
- 脚手架工具，简版的 yeoman，名字好记。https://github.com/saojs/sao
- 检测新的 DOM 节点。https://github.com/muicss/sentineljs
早报 @ 2017.9.25
- Dan 在 ZEIT Day 的演讲，https://www.youtube.com/watch?v=nl30vWYKs9A&feature=youtu.be&t=16300
- 部署 es2015 的代码到生产环境，省掉很多 polyfill 代码，Chrome 客户多的或者内部系统可以玩玩看，结合前几天分享的如何同时分发两个版本使用。https://philipwalton.com/articles/deploying-es2015-code-in-production-today/
- Compilers are the New Frameworks，深有同感，最近在做的一套多页 h5 方案，工具和框架紧密结合。https://tomdale.net/2017/09/compilers-are-the-new-frameworks/
- 为啥大家都开始转 VSCode 了？https://syntax.fm/show/012/why-is-everyone-switching-to-vs-code
- React 换许可证。https://code.facebook.com/posts/300798627056246/relicensing-react-jest-flow-and-immutable-js/
- Hyper 2.0 发布。https://twitter.com/zeithq/status/911511043763040258
- 以全局命令的方式运行 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
- Desprited babel-preset-es2015，推荐用 babel-preset-env。https://twitter.com/piq9117/status/909492740768940032
- 《ECMAScript 6 入门》第三版，新增 decorator 章节。http://es6.ruanyifeng.com/
- 如何向用户同时分发 ES6 Modules 版本和普通版。https://www.youtube.com/watch?v=GWmO88hBbKY
<script nomodules ...>
<script type="modules" ...>- 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
- 未来的 devtool 应该涨啥样，我们需要这样的脑洞。https://medium.freecodecamp.org/prototyping-the-future-of-devtools-f54ba4d51891
- 我不知道浏览器居然还能做这些，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
- ES modules 详解。http://2ality.com/2017/09/native-esm-node.html
- 页面整体布局优先用 CSS Grid。http://gedd.ski/post/grid-beats-flexbox-for-full-page-layout/
- 为每个 PR 自动发 npm 包用于测试，这个思路不错，适合命令行工具。facebook/create-react-app#3124 (comment)
- 为函数内的赋值语句和 return 语句自动加 console 的 babel 插件，思路很新颖。https://github.com/tkh44/babel-plugin-sitrep
- GoogleChrome 官方的浏览器自动化库，可用于 UI 测试、爬虫等。https://github.com/GoogleChrome/puppeteer
- 布局管理的库，可用于 React，但需要额外引入 jQuery 。https://github.com/deepstreamIO/golden-layout/
早报 @ 2017.9.15
- React 16 RC 3，最后一个 RC 了，比较感兴趣的是其中任何不打包多个 Object.assign polyfill，polifill 重复是很常见的尺寸问题之一。facebook/react#10294 (comment)
- 记不住 React 的事件？可以查这份 Live CheetSheet 。https://reactarmory.com/guides/react-events-cheatsheet
- 如何让 import 输入更快，先写 from 再写接口就能有智能提示。作者给出了 VSCode 的配置方法，评论里有 ATOM 以及 WebStorm 的方法。http://2ality.com/2017/08/typing-import-statements.html
- 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
- react-cosmos 发了 2.0 rc，一个用来写 React 组件的工具，https://github.com/react-cosmos/react-cosmos
早报 @ 2017.9.14
- Chrome 61 支持 ES Module，通过
<script type=module>引入。隐隐感觉这功能会带来调试和打包工具的革新。https://www.chromestatus.com/feature/5365692190687232，https://paulirish.github.io/es-modules-todomvc/ - 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 - Node v8.5.0，
fs.copyFile、console.group()、正式支持 ES Module 等。https://nodejs.org/en/blog/release/v8.5.0/ - 编码界面的正则工具，Cool！https://regexly.chipto.io/ ，我之前用的是 http://refiddle.com/
- React FAQ，还是比较全的。https://reactfaq.site/，https://github.com/timarney/react-faq
早报 @ 2017.9.13
- coding webIDE 支持小程序，功能上只能说部分支持吧。通过多页实现，和单脚本内存共享数据肯定不是一回事，API 模拟不全，生命周期好像也不全。https://ide.coding.net/
- React-Router@4 和 @3 支持 React@16，remix-run/react-router@b0a9c75
- AtomIDE，其实是 atom 捆绑一些 packages 以适应各种语言的编码、定义跳转、自动提示、引用查找等，适合新人上手。http://blog.atom.io/2017/09/12/announcing-atom-ide.html
- 新的信息源，用于订阅新闻。https://www.google.com/alerts
- react for aria，如何把更新的组件通知读屏软件。http://almerosteyn.com/2017/09/aria-live-regions-in-react
- HTML 语法解析器，带插件机制，可以理解为 HTML 界的 Babel。https://github.com/reshape/reshape
早报 @ 2017.9.12
- 把 React Component 转成 Word 文档，样式没了。https://github.com/nitin42/redocx
- 关于如何避免“写一个 Module 感觉像写了一张无法支付的未来支票”，比如用脚本 commit、自动 publish、100% test coverage 等。https://medium.com/@mikeal/modern-modules-d99b6867b8f1，https://github.com/mikeal/r2/blob/master/package.json#L6
- dat 协议的 p2p 应用例子，基于 BreakerBrowser。https://github.com/taravancil/paste-dat，https://beakerbrowser.com/
- React@16 不再忽略 unknown 的 DOM 属性，https://facebook.github.io/react/blog/2017/09/08/dom-attributes-in-react-16.html
- 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
- Yarn 1.0 发布，新功能很实用，比如适用于 monorepo 的 Workspaces，解决依赖的依赖更新问题的 Selective version resolutions 等，https://code.facebook.com/posts/274518539716230
- state-machine-component by preact 作者，通过 reducer + action 的方式组织 React Component 的内部 state。https://twitter.com/_developit/status/905250269306474497
- 管道操作符 |> 的 JavaScript 提案，适用于 lodash、rxjs 这种库，想尝鲜的可以配 babel 插件实现。https://github.com/tc39/proposal-pipeline-operator，https://www.npmjs.com/package/babel-plugin-transform-pipeline
- Web Payments 支付接口快要来了，Chrome Canary 可用，Webkit 也是 In Development 状态，https://twitter.com/wesbos/status/905815017819385857，https://webkit.org/status/#feature-payment-request
- React Native EU 2017，https://medium.com/@dschmidt1992/react-native-eu-2017-b091adc9aa9f
早报 @ 2017.9.7
- 利用 @std/esm 让 node 无需 .mjs 后缀就使用 ES6 modules。https://twitter.com/zachcodes/status/903251125520007168
- 新发布的一个 JavaScript runtime error tracker 服务，支持 AST 回溯到源码。https://javascript.studio/，https://medium.com/javascript-studio/javascript-studio-publicly-available-28522e325037
- Why CSS, not CSS-in-JS，同意，个人也不喜欢 CSS-in-JS，https://svelte.technology/blog/the-zen-of-just-writing-css
- react-idle，在 react 空闲时做点啥，比如加载脚本、问问用户是否还在、做一些耗 CPU 的事等，by React-Router 作者，https://reacttraining.com/react-idle/，https://cdb.reacttraining.com/announcing-react-idle-8fc0b9e2d33e
- React.ReducerComponent，在 React Component 里用 reducer 来更新 react 的 state，看看就好，另一种思路。https://twitter.com/jaredpalmer/status/905170062679662594
早报 @ 2018.4.27
早报 @ 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 讨论或补充。
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.