How to run third party scripts in a Web Worker
#557 — September 24, 2021
Partytown: Run Third-Party Scripts from a Web Worker — A clever (though experimental) library to let you relocate third party scripts into a Web Worker, yet the worker can perform synchronous main thread operations on the DOM using a rather clever mechanism.. or, as Rich Harris puts it, “truly next-level mad scientist” stuff. GitHub repo.
You (Possibly) Don’t Need Moment.js — Moment.js remains a popular date and time manipulation library but this repo shows off (a lot of) alternative approaches, including many native functions that do similar things.
Frontend Masters sponsor
Introducing Gatsby 4: Now in Beta — Gatsby 4, the latest version of the popular React and GraphQL-based site generation framework, introduces new content rendering methods, new build and deployments architecture, new CMS APIs, and more.
The V8 9.5 branch has taken flight. What’s new? Small things. Enhancements to Intl.DisplayNames and Intl.DateTimeFormat, and extended exception handling in WebAssembly.
A quick look at what’s new in the Chrome 95 DevTools. Including, handily, historical bulletpoint roundups of older versions too.
👾 Bomberland is a new Bomberman-themed AI dev competition and while it’s language agnostic, there’s a TypeScript based ‘starter kit‘ if you want to dabble.
The latest version of Rollup, the module bundler, can output ‘modern’ ES code for more efficiency.
Stimulus 3.0 – HTML decoration oriented JS framework.
Meteor 2.4 – Full-stack JS framework.
NeutralinoJS 2.8 – X-platform desktop app framework. Now supports Raspberry Pi with a new 32 bit ARM port.
vuex-persistedstate 4.1 – Persist state in Vue between page reloads.
Passport 0.5.0 – Auth system for Node.js apps.
D3 v7.0.3 – Popular data visualization framework.
k6 Developer Advocate (Remote) — We’re looking for someone to engage the OSS community on performance & reliability, and to develop and maintain k6 extensions.
K6 – A Grafana Labs Company
📖 Tutorials, Opinions & Stories
What’s New in React 18? — A general roundup of what’s turning up in the next (not yet released) major version of React.
Yagmur Cetin Tas
[Guide] Ship Fast. Stay Ahead of the Competition — Intuit & Atlassian don’t let process stand in their way. Learn their strategies to ship faster, safer & stay ahead.
Syntax Podcast podcast
Rendering a Fourier Series Vizualisation with D3.js — A lovely little example complete with source code.
The Story of Five RCEs Found in npm for $15,000 — A security researcher explains some remote code execution vulnerabilities he found in the npm tool and how they added up to $15K in payouts.
Index Signatures in TypeScript — Index signatures in TypeScript let you annotate objects of unknown structure.
🛠 Code & Tools
Hotkey 1.5: Trigger an Action on an Element When a ‘Hotkey’ is Pressed — Use Hotkey, set the data-hotkey attribute on your elements, and you get keyboard shortcuts. GitHub built and uses it (look for the data-hotkey attributes on their pages). In the new 1.5 release you can define scoped hotkeys.
Studio 3T sponsor
Electron 15.0.0 Released — Following on rather quickly from v14, Electron is now on a new eight week release cadence. v15 of the popular cross-platform desktop app framework upgrade to Chromium 94, V8 9.4, and Node.js 16.5.0 – none of which are huge advancements (though WebCodecs support may interest some), but it’s always great to see how up to date Electron is kept.
Sofia Nguy and Keeley Hammond
React Countup 6.0: Configurable React Component Wrapper around CountUp.js — For situations where you want a numeric value to count up from one value to another. Want the same thing without React? CountUp.js is for you.
nbb: Adhoc ClojureScript Scripting on Node.js — If you want to write ClojureScript and run it quickly on top of Node, this provides a way.
“The purpose of software engineering is to control complexity, not to create it.”