One of the best talk in React Rally!
YouTube
David Khourshid - Infinitely Better UIs with Finite Automata
One of the best talk in React Rally!
YouTube
David Khourshid - Infinitely Better UIs with Finite Automata
GitHub
jest-in-case - Jest utility for creating variations of the same test
GitHub
snap-shot-it - Smarter snapshot utility for Mocha and BDD test runners + data-driven testing!
Jest 21 is out. Check out the *massive* changelog: <https://github.com/facebook/jest/blob/master/CHANGELOG.md#jest-2100>
prometheus.io
PromCon 2017 Recap | Prometheus
An open-source monitoring system with a dimensional data model, flexible query language, efficient time series database and modern alerting approach.
GitHub
jest-cheat-sheet - Jest cheat sheet
GitHub
styled-tools - Useful interpolated functions for styled-components :nail_care:
From “The Little Schemer” <https://pbs.twimg.com/media/DI5pb6lUwAI3kVR.jpg>
<https://twitter.com/dan_abramov/status/904776510334164992> 這本就Daniel Friedman 寫的 上禮拜剛看完 大家有興趣也可以看一下 第九章有推導y combinator 還蠻精彩的
<https://www.google.com.tw/search?q=The+Little+Schemer&oq=The+Little+Schemer&aqs=chrome..69i57j69i64.230j0j7&sourceid=chrome&ie=UTF-8>
As of today, JS modules supported in Chrome! <script type=module> <https://www.chromestatus.com/feature/5365692190687232>
:tada::tada::tada::tada: Happy <https://twitter.com/nodejs|@nodejs> LTS release day $ nvm install v6.11.3 Snapshots Re-Enabled Edition!!! <https://nodejs.org/en/blog/release/v6.11.3/> :tada::tada::tada::tada:
Introducing Rendertron: the headless Chrome server rendering solution for indexing & static crawlers <https://github.com/GoogleChrome/rendertron> <https://pbs.twimg.com/media/DH6JQK7XYAA2sYS.jpg>
Now in Canary: Capture screenshots of specific HTML nodes
GitHub
yarn - :package::cat2: Fast, reliable, and secure dependency management.
tomdale.net
Compilers are the New Frameworks
My current "investment thesis" is that what we call web frameworks are transforming from runtime libraries into optimizing compilers. When it comes to eking performance out of hand-authored JavaScript and accompanying runtime libraries, we've reached the point of diminishing returns.
This just happened! Chome 61 shipped ECMAScript modules enabled by default!:confetti_ball: Article: <https://hospodarets.com/native-ecmascript-modules-the-first-overview> Test: <https://hospodarets.com/es-modules-test/> <https://pbs.twimg.com/media/DJAYTlKWsAANk49.jpg>
Also in Canary: Section Screenshots. Enable Inspect Mode -> Hold Cmd (Mac) or Ctrl (Win, Linux) -> Click & Drag & Release -> :camera_with_flash: -> :star2::sparkles:
It's #ReadABookDay apparently, so why not read the PureScript book? It's free and available online. <http://leanpub.com/purescript/read>
Facebook Code
Finding inter-procedural bugs at scale with Infer static analyzer
Inter-procedural analysis can be deployed to large and rapidly changing codebases that consist of millions of lines of code and undergo thousands of modifications per day.
Medium
When fragments and React components join forces – Conduit – Medium
React components and GraphQL fragments make for cleaner code. The first in Conduit’s technical series on using GraphQL in production.
Yarn 1.0 is here! It comes with workspaces, auto-merging lock files and selective version resolutions. :ferry::package::cat2: <https://code.facebook.com/posts/274518539716230>
Better Reason support for Sublime Text users! <https://github.com/reasonml-editor/sublime-reason#installation-sublime-text-3> Autocompletion, diagnosis, type hint, etc.
Async-await footgun pointed out to me last night by <https://twitter.com/bassjacob|@bassjacob>: Always `return await` or if you wrap with try-catch it won't be caught <https://pbs.twimg.com/media/DJJ61nkUEAAwZI2.jpg>
Medium
Rethinking drag and drop – Alex Reardon – Medium
Taking something basic and making it beautiful
NGINX
A new, lightweight, open source application server from NGINX designed to meet the demands of today's dynamic and distributed applications.
If you're curious what babel-macros is, check this thread out: <https://github.com/facebookincubator/create-react-app/issues/2730>
<http://Messenger.com> is now 50% converted to Reason! <https://reasonml.github.io/community/blog/#messengercom-now-50-converted-to-reason>
facebook.github.io
DOM Attributes in React 16 - React Blog
In the past, React used to ignore unknown DOM attributes. If you wrote JSX with an attribute that React doesn't recognize, React would just skip it. For example, this:
Re-thinking the Node.js ecosystem for modern JavaScript. <https://medium.com/@mikeal/modern-modules-d99b6867b8f1>
I blogged something on the babel blog! <https://babeljs.io/blog/2017/09/11/zero-config-with-babel-macros> "Zero-config code transformations with babel-macros :fishing_pole_and_fish:" Enjoy and share!
#webpack Logbook week 22 - 23 Details about the new plugin system API, performance, typing => very technical post <https://medium.com/webpack/the-new-plugin-system-week-22-23-c24e3b22e95>
Introducing Atom IDE: <http://blog.atom.io/2017/09/12/announcing-atom-ide.html> <https://pbs.twimg.com/media/DJilEA6UQAA_6nd.jpg>
I blogged something on the babel blog! <https://babeljs.io/blog/2017/09/11/zero-config-with-babel-macros> "Zero-config code transformations with babel-macros :fishing_pole_and_fish:" Enjoy and share!
babel-plugin-sitrep Just add `// sitrep` above your fn and the plugin will log vars and return value. <https://github.com/tkh44/babel-plugin-sitrep> <https://pbs.twimg.com/media/DJjHh6_UEAAFnBx.jpg>
:tada::tada::tada::tada: Happy <https://twitter.com/nodejs|@nodejs> Current Release Day Special ESModules edition --experimental-modules $ nvm install 8.5.0 <https://nodejs.org/en/blog/release/v8.5.0/> :tada::tada::tada::tada:
Sublime Text 3.0 is out! - <https://www.sublimetext.com/blog/articles/sublime-text-3-point-0>
React 16 RC3 is out. It is very close to what the final version will be like. Last chance to report issues! <https://github.com/facebook/react/issues/10294#issuecomment-329479679> <https://pbs.twimg.com/media/DJsAPSIXgAAzzkq.jpg>
Just published Prettier 1.7.0: JSX tweaks, Pragma support, TypeScript and CSS fixes, and more! <https://github.com/prettier/prettier/releases/tag/1.7.0>
1/3 of US bandwidth is used by Netflix... the rest is used by `rm -rf node_modules && npm install`
ES6 modules have landed in Chrome 61 <https://twitter.com/DasSurma|@DasSurma> shows how to make the split between old & new browsers:zap:Supercharged: <http://goo.gl/zCpmqJ>
Created <https://github.com/leoasis/graphql-tag.macro>, a babel-macro to precompile gql calls. It supports interpolation! Feedback welcome <https://twitter.com/kentcdodds|@kentcdodds> <https://twitter.com/stubailo|@stubailo>
HTTP what? : I drew what HTTP is & how HTTP1.x and HTTP2 are different:sparkles: (tweetzine, drawsplainer, codedoodles…I don't know what to call it) <https://pbs.twimg.com/media/C-8t5rGWsAAFHwF.jpg>
<https://pbs.twimg.com/media/C-8t64sXYAEf7GG.jpg>
<https://pbs.twimg.com/media/C-8t70YXoAEShUL.jpg>
React Snippets For <https://twitter.com/code|@code> has been updated with better React-ness. Special thanks to <https://twitter.com/dan_abramov|@dan_abramov> for reviewing. <http://cda.ms/19>
New release of the <https://twitter.com/Docker|@Docker> extension for <https://twitter.com/code|@code> published. Adds explorer support, a new language service, and more. <https://marketplace.visualstudio.com/items?itemName=PeterJausovec.vscode-docker>
Something new is coming in <https://twitter.com/babeljs|@babeljs> 7 :fire: <https://pbs.twimg.com/media/DJ1c-76XUAACypj.jpg>
Medium
Small Functions considered Harmful – Cindy Sridharan – Medium
In this post, I aim to: