Are there any new or upcoming browser APIs you are keeping an eye on?

test

WebUSB

Y'know, I thought the MediaRecorder API was pretty new. But Firefox launched it in 2014 and Chrome followed up in 2016. It's very cool though and it didn't stop me writing about it this week though.

I'm also excited that the web is getting a contacts API. This is one of those things that native apps can do and web apps can't, but this time built with the security model of the web (so apps can't just upload all your contacts without you knowing).

Also on the "well, native can do it" front, the native file system API is also going to expand the potential for web applications.

I'm waiting to see just how badly the imminent webRequest limits on adblockers in Chromium affect security and the browsing experience.

I've been looking for reaons to get in trouble with Promise.allSettled(). It'll make a good handful of use cases more UX friendly for me. I've got a couple posts about it, this is the first 👇

Solve* all your problems with Promise.allSettled()

Mike Bifulco ・ 4 min read

#showdev #javascript #react #node

As I've been loving RxJS for a while now, I'm keeping an eye very close to the Observables proposal --> github.com/tc39/proposal-observable

Web Share and Web Share Target would be awesome to have across all browsers! That's a major part of the PWA experience that's still missing. On mobile, where share interactions are built into the OS, PWA's obviously missing out. And a nice side benefit is that it would remove the need for annoying site-specific share buttons on every site.

Ive been following this too, a little. The largest issues I have seen, is that manufacturers of bluetooth devices seemingly create their own specification for interfacing and most of the time dont provide documentation.

Solutions to this have been sniffing the traffic, but if you can sniff the traffic and figure out the API interface from this, then it is also likely insecure.

Constructable Style Sheets and ShadowRoot#adoptedStyleSheets, as well as something like CSS modules will let us write shadow styles in CSS without a build step.

that last proposal was in danger of stalling, so if you have something productive to add to the discussion, get over there.

Built-in Modules for Javascript! Something that imo that should've come at the same time all in one go with the introduction of script[type=module] but what can you do?

github.com/tc39/proposal-javascrip...

developers.google.com/web/updates/...

Template Instantiation will provide another piece of the puzzle for web components.

Imagine something like this fake pseudocode without framework or library dependencies

<template id="user-tpl" type="repeat">
  <li>
    <article>
      <h1>{{name}}</h1>
      <img src="{{picture}}" alt="{{alt}}"/>
      <p>{{description}}</p>
    </article>
  </li>
<template>

document.getElementById{"user-tpl")
  .instantiate(users, someUl)

See github.com/w3c/webcomponents/blob/... for real examples.

The Shape Detection API! It allows for detecting & scanning barcodes, text and faces (that last one is kinda creepy though😅). At first I was very afraid it was just a chrome thing because they're the only one with an available trial but there is a spec for it so we'll just have to see how other browsers respond...

The main reason I keep my eye on this is because you won't need to depend on libraries and external api's anymore. In a world where users are getting used to features like these on their phone an the web feels like a logical next step. (Definitely worried about security and privacy though).

Hi, Ben.

Yes, there are two of them:

1. The Payment Request API. For me this is a huge step forward for eCommerce. I had the opportunity of developing most of the checkout on modelorama.com.mx and this API removes a lot of friction for consumers. Support is almost there:
   caniuse.com/#search=payment

2. Intersection observer API. It is already standard and it really helps to make websites faster.

Portals, Houdini, import maps and loaders... There's tons of exciting stuff in the future 🤩

Webauthn. Already support fingerprint scanner in chrome, other browsers support only hardware key for now. Will be great addition to simplify login process