#​557 — September 24, 2021

Unsubscribe  |  Read on the Web

JavaScript Weekly

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.

Adam Bradley

You (Possibly) Don't Need Moment.jsMoment.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.

Various Contributors

Power Up Your JavaScript with Functional Programming — Learn core functional JS programming techniques by coding with pure functions, learning recursion, higher-order functions, closures, currying, function composition, and more.

Frontend Masters sponsor

A Look at 40+ Non-V8 JavaScript Implementations — With such a large number, you’re not getting a lot of analysis, but it’s neat to see just how many options and experiments there have been.

Phil Eaton

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.

Gatsby Team

QUICK BITS:

RELEASES:

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.
Node.js 16.10.0

💻 Jobs

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

JavaScript Developer at X-Team (Remote) — Join the most energizing community for developers and work on long-term projects for Riot Games, FOX, Sony, Coinbase, and more.
X-Team

Find JavaScript Jobs with Hired — Create a profile on Hired to connect with hiring managers at growing startups and Fortune 500 companies. It's free for job-seekers.
Hired

📖 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

▶  A Live Look at Serverless Cloud — Jeremy Daly of Serverless Inc (and GM of Serverless Cloud, specifically) demonstrates the new platform live in person in a 50 minute session. A particularly useful and practical talk especially for JavaScript developers keen to give serverless a try.

FooBar Serverless

[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.

LaunchDarkly sponsor

▶  From React to SvelteKit — The two hosts of the popular Syntax webdev podcast talk about moving a site from using React to SvelteKit and why it made sense. 55-minutes.

Syntax Podcast podcast

Rendering a Fourier Series Vizualisation with D3.js — A lovely little example complete with source code.

Pierre Guilleminor

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.

Robert Chen

Build a Mobile-Responsive Telehealth Pager App Using Stream’s Chat API

Stream sponsor

Index Signatures in TypeScript — Index signatures in TypeScript let you annotate objects of unknown structure.

Dmitri Pavlutin

🛠 Code & Tools

Elk: A Low Footprint JavaScript Engine for Embedded Systems — A tiny embeddable engine that implements a subset of ES6 for use on microcontrollers (right down to 8-bit). Certainly makes a change from using C. Dual GPL or commercial licensed.

Cesanta Software

Theatre.js: A JavaScript Motion Design for the Web — Can be used both programmatically and visually to animate 3D objects created with things like Three.js, HTML/SVG, and even just small page elements or JS variable values. Docs and GitHub repo.

Theatre.js

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.

GitHub

Tried. Tested. Trusted. Studio 3T - Power Tools for MongoDB — Intuitive IntelliShell. Generate JavaScript from queries. Reshape data with Reschema. Try Studio 3T free for 30 days.

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

Code2flow: Generate Call Graphs for Dynamic Languages — Including JavaScript, Python, Ruby and PHP. Turns your source into ASTs, finds function definitions, where those functions are called, and turns that into diagrams.

Scott Rogowski

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.

Glenn Reyes

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.

Michiel Borkent

“The purpose of software engineering is to control complexity, not to create it.”

___
Pamela Zave