frontend-tech

One of the best talk in React Rally!

YouTube

David Khourshid - Infinitely Better UIs with Finite Automata

GitHub

Thinkmill/jest-in-case

jest-in-case - Jest utility for creating variations of the same test

GitHub

bahmutov/snap-shot-it

snap-shot-it - Smarter snapshot utility for Mocha and BDD test runners + data-driven testing!

twitter

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

sapegin/jest-cheat-sheet

jest-cheat-sheet - Jest cheat sheet

GitHub

diegohaz/styled-tools

styled-tools - Useful interpolated functions for styled-components :nail_care:

twitter

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&amp;oq=The+Little+Schemer&amp;aqs=chrome..69i57j69i64.230j0j7&amp;sourceid=chrome&amp;ie=UTF-8>

twitter

As of today, JS modules supported in Chrome! &lt;script type=module&gt; <https://www.chromestatus.com/feature/5365692190687232>

twitter

: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:

twitter

Introducing Rendertron: the headless Chrome server rendering solution for indexing &amp; static crawlers <https://github.com/GoogleChrome/rendertron> <https://pbs.twimg.com/media/DH6JQK7XYAA2sYS.jpg>

twitter

Now in Canary: Capture screenshots of specific HTML nodes

GitHub

yarnpkg/yarn

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.

twitter

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>

twitter

Also in Canary: Section Screenshots. Enable Inspect Mode -&gt; Hold Cmd (Mac) or Ctrl (Win, Linux) -&gt; Click &amp; Drag &amp; Release -&gt; :camera_with_flash: -&gt; :star2::sparkles:

twitter

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.

twitter

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>

twitter

Better Reason support for Sublime Text users! <https://github.com/reasonml-editor/sublime-reason#installation-sublime-text-3> Autocompletion, diagnosis, type hint, etc.

twitter

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

NGINX Unit

A new, lightweight, open source application server from NGINX designed to meet the demands of today's dynamic and distributed applications.

twitter

If you're curious what babel-macros is, check this thread out: <https://github.com/facebookincubator/create-react-app/issues/2730>

twitter

<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:

twitter

Re-thinking the Node.js ecosystem for modern JavaScript. <https://medium.com/@mikeal/modern-modules-d99b6867b8f1>

twitter

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!

twitter

#webpack Logbook week 22 - 23 Details about the new plugin system API, performance, typing =&gt; very technical post <https://medium.com/webpack/the-new-plugin-system-week-22-23-c24e3b22e95>

twitter

Introducing Atom IDE: <http://blog.atom.io/2017/09/12/announcing-atom-ide.html> <https://pbs.twimg.com/media/DJilEA6UQAA_6nd.jpg>

twitter

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!

twitter

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>

twitter

: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:

twitter

Sublime Text 3.0 is out! - <https://www.sublimetext.com/blog/articles/sublime-text-3-point-0>

twitter

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>

twitter

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>

twitter

1/3 of US bandwidth is used by Netflix... the rest is used by `rm -rf node_modules &amp;&amp; npm install`

twitter

ES6 modules have landed in Chrome 61 <https://twitter.com/DasSurma|@DasSurma> shows how to make the split between old &amp; new browsers:zap:Supercharged: <http://goo.gl/zCpmqJ>

twitter

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>

twitter

HTTP what? : I drew what HTTP is &amp; 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>

twitter

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>

twitter

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>

twitter

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: