Plus an interlude for the Pythonistas, rendering SVG to PNG, mocking WebRTC, and the ... syntax. |

đŸ‡ș🇩 #​588 — May 6, 2022

Unsubscribe  |  Read on the Web

JavaScript Weekly

How Partytown Eliminates Website Bloat From Third-Party Scripts — As well as being the name of my house, Partytown is also a library for moving the execution of scripts into the background via Web Workers thus freeing up your main thread. Why does that matter? Let Steve tell you.

Steve Sewell

Ryan Dahl on 'JavaScript Containers' — Ryan, originally known for Node and now Deno, thinks about JavaScript as being a universal scripting language and how the JS sandbox acts as a sort of high level version of the traditional Linux container and will only become more important in the next few years.

Ryan Dahl

Wallaby.js: 15x Faster JavaScript/Jest Testing and Debugging — Wallaby runs your tests immediately as you type, with runtime values, errors and code coverage displayed in real-time right next to your code. Most popular testing frameworks are supporting, including the recently released Jest v28.

Wallaby.js sponsor

Why I Don’t Miss React — Not a call to drop React, a declaration of it being ‘dead’, or that all frameworks are useless, but the author went from using React every day to not using it at all, and had a more pleasant time than he was expecting.

Jack Franklin

But.. it's not all bad news for React, Anthony Trama and his team loved Ember but moved to React and they're even happier for it.

Babylon.js 5.0: The Powerful 3D Rendering Engine — Babylon is a powerful framework you can use as the basis for games, visualizations, and other 3D and AR experiences running both natively and on the Web. As usual, they have a release video showing it off or you can hit the playground to get playing with a basic example in seconds.

Babylon.js Project

IN BRIEF:

  • TodoMVC is a long standing project showing how a ToDo app can be built in numerous frameworks. But what about no framework? Marc Grabanski shows us TodoMVC in vanilla JS in 2022.

  • I'm seeing a lot of library and tool releases explicitly dropping Node 12 support in their latest versions, so if you're still using Node 12 anywhere, upgrade ASAP (or, at least, take a lot of care when updating dependencies).

  • Node 18.1.0 has been released and includes a new test running feature on the CLI: node --test (Be sure to see Node Weekly for more on Node.)

RELEASES:

pnpm 7.0 – Efficiency-focused npm alternative.
Mocha 10.0 – JS test framework.
ShareDB 3.0 – OT-based realtime JSON database.
Cucumber.js 8.2 – BDD / plain language testing.
npm 8.9.0

đŸ’» Jobs

Frontend Developer — Konrad is hiring Frontend developers to join our team in building products for the world’s most exciting companies.
Konrad Group

Director of Engineering @ ButterCMS (Remote) — Working closely with our founder and CEO, you’ll own all technology, deliver on our roadmap, and most importantly, ensure that our customers are successful.
ButterCMS

Senior Software Engineers at Turo (SF | Remote/Hybrid Options) — The world's largest car sharing marketplace on a mission to put the world’s 1.5B cars to better use. We're hiring BE, FE, ML, iOS, Android & DevOps roles at all levels.
Turo

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

📒 Articles & Tutorials

Porting Zelda Classic to the Web — I’m unsure whether to be impressed or depressed that such a fascinating and deeply technical article about putting a game on the Web doesn’t contain a single line of JavaScript, despite JS related advanced being what made this all possible, but this is a great piece of work. If you prefer playing to reading, though, the end result is here.

Connor Clark

The Triple Dot Syntax (...): Rest vs. Spread — ... has two different, though related, use cases in JavaScript, and Dr. Axel shows off both here.

Dr. Axel Rauschmayer

Integrate a Customizable Gantt Widget to Your App in Less Than a Week

Bryntum sponsor

8 JavaScript Questions That May Confuse You — A little bit of fun here. 8 quick JS snippets and you’ve got to guess the results. You can then move on to WTFJS for the ‘full fat’ equivalent of this.

Yanze Dai

How To Build a Modal Dialog as a Web Component — “Write once and run everywhere, so to speak, or at least that was my lofty aspiration. Good news. It is indeed possible to build a modal with rich interaction that only requires authoring HTML to use.”

Nathan Smith

Keep Up with the Latest in Startups, Tech, & Programming in Just 5 Min — TLDR is a daily newsletter with links and TLDRs of the most interesting stories in startups 🚀, tech đŸ“±, and codingÂ đŸ’»

TLDR Newsletter sponsor

▶  The Stack of The Future — Considering Kent works at Remix, you might not be surprised that Remix is at the heart of this ;-)

Kent C Dodds

🛠 Code & Tools

TypeScript Error Translator: Make TS Errors Human Readable — If you’re a VS Code user and you find TypeScript errors to be obtuse at all, this VS Code extension wants to make your life a little easier.

Matt Pocock

redaxios 0.5: The Axios API, as an 800 Byte Fetch Wrapper — If you love the Axios API but want it using the Fetch API behind the scenes..

Jason Miller

resvg-js 2.0: A High-Performance SVG Renderer and Toolkit — Powered by Rust’s resvg on the backend, this works in both Node and the browser (via WebAssembly) for converting SVG to PNG with a high level of SVG spec support.

Miscellaneous

Free Activity Feeds & Chat APIs for Qualifying Teams — Unlock enterprise-grade features, functions, and UI components completely free for your startup or side project with the Maker Account from Stream.

Stream sponsor

NodeBB 2.0 Released: Node-Powered Forum Software — A long standing Node.js-based forum system that supports multiple data stores, real-time notificatins, has a RESTful API, and more. GitHub repo.

Jay Moonah

MockRTC: A Powerful WebRTC Mock Peer and Proxy — A tool for building automated tests for WebRTC traffic or otherwise debugging WebRTC related work you’re doing.

HTTP Toolkit

React Toastify 9.0: Notification Boxes Made Easy in React Apps — Now supports ‘stacked toasts’, an elegant approach to visualizing growing numbers of notifications. There’s also useNotificationCenter, a new hook for letting you build a notification center on top.

Fadi Khadra

🐍 We're Not Python Weekly But We've Still Got Some Python Stuff for You Anyway

JSPyBridge 1.0: A Bridge Between Node and Python — A work in progress but offers the ability to go either way - run Python from Node, or run Node from Python ‘with a native feel.’ “Unlike other bridges, you may notice you’re not just writing Python code in JavaScript, or vice-versa. You can operate on objects on the other side of the bridge as if the objects existed on your side.”

extremeheat

Pyscript: Run Python in Your HTML — A framework for creating Python apps in the browser by way of HTML. You get bi-directional communication with JavaScript, too. Unsurprisingly, WebAssembly is what does the heavy lifting and makes this all possible. More background here.

Anaconda Inc.

o