2017-01

Making transpiled ES modules more spec-compliant

[2017-01-20] dev, javascript, esnext, babel, jsmodules

A proposed “spec mode” for Babel makes transpiled ES modules more spec-compliant. That’s a crucial step in preparing for native ES modules. You’ll also learn how ES modules and CommonJS modules will interoperate on Node.js and how far along ES module support is on browsers and Node.js.

Communicating between Web Workers via MessageChannel

[2017-01-15] dev, javascript, clientjs, concurrency

Occasionally, you want Web Workers to communicate with each other. Doing so is not obvious as most Web Worker examples are about communicating between the main thread and a Web Worker. There, one uses postMessage() to send messages directly to the Worker. Alas, that doesn’t work for communicating between two Workers, because you can’t pass references to Workers around.

ES2020: import() – dynamically importing ES modules

[2017-01-09] dev, javascript, es2020, jsmodules

The ECMAScript proposal “import()” by Domenic Denicola is at stage 4 and part of ECMAScript 2020. It enables dynamic loading of ECMAScript modules and is explained in this blog post.

2016-12

A programmer evaluates the MacBook Pro (Touch Bar)

[2016-12-03] computers, apple

I got my new MacBook Pro this week. These are my first impressions of the machine. I’ve moved from a MacBook Air 13" to a MacBook Pro 13".

My dream notebook would have been a 13" version of the 12" MacBook. It’s a shame that Apple didn’t introduce such a machine, but I understand the decision to keep things simple. Accordingly, I changed the planning for my setup:

  • from iMac plus MacBook
  • to MBP plus LG UltraFine 5K display (as a docking station).

One benefit of this switch is that I won’t have to wait until new iMacs come out in order to have a large high-resolution display at home.

2016-11

Controlling access to global variables via an ES6 proxy

[2016-11-27] dev, javascript, esnext, js proxies

The following function evalCode() traces the global variables that are accessed while evaluating a piece of JavaScript code.

Why does this work? [].concat[1,2,3]

[2016-11-12] dev, javascript

In this blog post, we look at a syntactic puzzle. This is just for fun; there is nothing useful you can do with what we examine. It may, however, make you more aware of how JavaScript works, syntactically.

Pitfall: not all objects can be wrapped transparently by proxies

[2016-11-12] dev, javascript, esnext, js proxies

A proxy object can be seen as intercepting operations performed on its target object – the proxy wraps the target. The proxy’s handler object is like an observer or listener for the proxy. It specifies which operations should be intercepted by implementing corresponding methods (get for reading a property, etc.). If the handler method for an operation is missing then that operation is not intercepted. It is simply forwarded to the target.

Therefore, if the handler is the empty object, the proxy should transparently wrap the target. Alas, that doesn’t always work, as this blog post explains.

Computing tag functions for ES6 template literals

[2016-11-01] dev, javascript, esnext, template literals

This blog post describes what you can do with functions that return tag functions for ES6 template literals.

For an introduction to template literals, tagged template literals and tag functions, consult chapter “Template literals” in “Exploring ES6”.

2016-10

Three ways of understanding Promises

[2016-10-27] dev, javascript, esnext

This blog post covers three ways of understanding Promises.

Tips for using async functions (ES2017)

[2016-10-22] dev, javascript, esnext

This blog post gives tips for using async functions. If you are unfamiliar with them, you can read chapter “Async functions” in “Exploring ES2016 and ES2017”.