DEV Community

K (he/him)
K (he/him)

Posted on

Proxymise Your Async Code

If you've written a fair amount of JavaScript these days, it's likely that you came across promises and their language integration async functions. With Proxymise there is now a way to make your code even more consise!


Proxymise is a JavaScript library that lets you wrap functions that return promises so you can call methods on the objects they would resolve to.


When using synchronous functions, you can use the returned value directly. This lets you write fluent interfaces for your libraries.

select("*").from("myTable").where("x > 10");
Enter fullscreen mode Exit fullscreen mode

While async functions helped a bit with some types of invocations, it still can clutter your code.

Proxymise wants to solve this issue.


Instead of writing a then chain like this:

.then(r => r.json())
.then(r =>
.then(id => ...);
Enter fullscreen mode Exit fullscreen mode

Or a await list like that:

let r = await fetch("");
r = await r.json();
const {id} = r.record;
Enter fullscreen mode Exit fullscreen mode

It allows you to wrap your promise and call methods on it, making the your interfaces more fluent.

const newFetch = proxymise(fetch);

const {id} = await newFetch("").json().record;
Enter fullscreen mode Exit fullscreen mode

It does this by returning proxy objects right away while the promise is still in flight. These will then wait for the resolve and apply the function calls later.


Proxymise is a quick way to make asynchronous library usage more consise by getting rid of boilerplate code.

Discussion (9)

bias profile image
Tobias Nickel

Today I hear the first time about proxy objects, now I find this articel, solving an awefull problem that always disgust me.

Thanks a lot ! !

kayis profile image
K (he/him) Author • Edited on

Cool :D

I read about proxies rather often, but this is the first application that really blew my mind :D

kozhevnikov profile image
Ilya Kozhevnikov

Thanks! Btw it's 'proxymise' rather than 'proximise' (portmanteau of 'proxy' and 'promise' that was still available on npm).

Thread Thread
kayis profile image
K (he/him) Author

Oh, good point! :D

Fixed it!

asparallel profile image

What does the error handling construct look like for proxymise? I know I can read the docs, but that's not very conversational. Im assuming proxymise(op, err) or .catch.

kayis profile image
K (he/him) Author • Edited on
try {
  const {id} = await newFetch("").json().record;
catch(e) {
nektro profile image
Meghan (she/her)

Wow! What an amazing idea! 👍👍

d0ruk profile image
Doruk Kutlu


paulchernochshell profile image

This may help us when using loopback to navigate model relationships, which are asynchronous.

  • Paul