#​582 — March 25, 2022

Unsubscribe  |  Read on the Web

JavaScript Weekly

Parcel v2.4.0 Released: The Zero Config Build Tool — Parcel’s new CSS parser and compiler – Parcel CSS – now makes it into the main Parcel build tool as the default CSS transformer and minifier. There is more, of course: CSS Color Level 4 support, cascade layers, improved JS dead code elimination, and support for class static initialization blocks.

Devon Govett and Team

RFC: Intent to Ship React 18 — This RFC covers the new features and changes coming to React 18. While React 18 is very close, the team would like to get ‘one final round of broad public feedback’ (which you can submit here) before shipping.

React Community

Testing Your Web Apps with Cypress — Join Steve Kinney on this detailed course covering Cypress: A fast, easy way to write end-to-end tests for your client-side apps. Learn about the selector engine, test runners, assertion library, and more.

Frontend Masters sponsor

The Tao of Node: On Design, Architecture and Best Practices — A developer has boiled down all of the hard-earned best practices and gut feelings he’s picked up for developing high-quality Node apps over time.

Alex Kondov

✉️  This Week's Issue of React Status: It's Where All the React Links Go — If you work with React at all, be sure to check out our sister weekly: React Status. This week saw a lot of solid releases including that of Turnstone, a new React search box component, and Liqvid 2.1, a system for creating interactive videos with React.


💡 We have Node Weekly too, if you're into Node.js.


  • Another week, another package supply chain issue with hundreds of malicious packages used in a typosquatting attack against @azure scope package users.

  • Ever thought MDN was valuable enough that you'd want to pay for it? With MDN Plus, now you can do just that and unlock extra features into the bargain.

  • 📅 All Day Hey! 2022 is a simultaneously live and streamed dev event coming to Leeds, England on May 5. Speakers include Cassidy Williams (on functional JS) and Stephanie Stimac (on UX and PWAs).

  • AWS Lambda now supports up to 10GB of ephemeral storage on your serverless functions.


Node 17.8.0perf_hooks adds http tracing.
Pixi.js 6.3.0 – Fast 2D rendering library.
Next SEO 5.2 – Easier SEO for Next.js apps.
React Joyride 2.4 – Create guided tours within React apps.

💻 Jobs

Ashby (YCW19) Is Hiring Engineers Who Own Product Too — Join a kind, thoughtful remote-first team of lifelong learners. <2h meetings/wk. Ship >8x per day. CI/CD takes <10min 🚀

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.

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.

📒 Articles & Tutorials

findLast and findLastIndex: Proposed Ways to Search Arrays from End to Start — Dr. Axel quickly covers the stage 3 proposal for Array.prototype.findLast and Array.prototype.findLastIndex that will provide an efficient way to find things in an array going from the last back to the first item.

Dr. Axel Rauschmayer

An Introduction to AWS CloudFront Functions — CloudFront Functions allow you to deploy serverless JS functions to AWS’ network of edge locations to be executed as close as possible to end-users. Sounds like Lambda@Edge? The author explains the difference there too.

Ayooluwa Isaiah

Finally, Cloud Without Complexity — Vultr empowers users to deploy an instance in 60 seconds or less with the OS of their choice! Redeem your $150 credit.

Vultr sponsor

Exploring SvelteKit in 2022 by Building a Portfolio SiteSvelteKit is a framework for building Svelte apps that handles the boring bits while letting you focus on the fun and creative bits of app writing.

David Adeneye

▶  Zach Leatherman on Going Full-Time on the Eleventy SSG — Zach Leatherman recently announced he will now be working on the JS-powered static site generator Eleventy on a full-time basis at Netlify.

JS Party Podcast podcast

Implementing a Delay for a Cookie Consent Banner — Here’s how to go about creating an ‘ideal’ cookie consent banner — chiefly one that doesn’t cause cumulative layout shift (CLS) issues.

Dariusz Więckiewicz

Migrating Our Monorepo to Yarn 2
Taylor Bantle (DoltHub)

How to Migrate from Vue CLI to Vite
Daniel Kelly

Building a VS Code Extension with Vue.js
Bilal Haidar

Building a Scrolling 'Vaporwave' Scene with Three.js
Maxime Heckel

🛠 Code & Tools

Piling.js: A Library for Creating 'Visual Pile' InterfacesVisual piling is an approach for organizing and grouping elements into collections. Piling.js makes it possible, fast, and provides the required UI. One of those things you need to see to get so luckily there are demos.

Fritz Lekschas

Ladle: Develop and Test Your React Stories Faster — A new tool for building and testing React components in an isolated environment. Reminds you of Storybook? Ladle aims to be a drop-in replacement but that offers faster performance all round (and, yes, there are benchmarks).

Vojtech Miksu

Studio 3T Manages Your Data, While You Wrestle Your App into Shape — Studio 3T's full suite of MongoDB tools lets you develop with data even faster and turn queries into code.

Studio 3T sponsor

Postgres.js 3.0: Fast, Full-Featured Postgres Client for Node (and Deno) — Now for both Deno and Node.js, this high performance Postgres library offers realtime change subscription, dynamic query building via a special template literal, large objects, high availability via multi-host connection URLs, async cursors, and more. Slonik is another option to consider in this space too.

Rasmus Porsager

React Flow 10: For Creating Node-Based UIs, Editors, and Diagrams — A React component for building interactive diagrams or editors based around nodes (no, not Node.js 😁). This blog post provides a good overview of the latest release.

Webkid GmbH

Video to Reels: Automatically Edit Videos to Post on Instagram Reels — Powered by FFmpeg, ImageMagick, and zx. Features include rotate, resize, add a color filter, normalize audio, and more.

Diego Fernandes

Comparing Chatbot Builders: A Dev's Look at Botpress, Dialogflow ES/CX

Botpress sponsor

Dum: An npm Script Runner Written in.. Rust — Continuing a trend of building JavaScript tools in, well, not JavaScript, the curiously named ‘Dum’ aims to replace npm run and npx to shave milliseconds off the task startup time. YMMV.


React Custom Roulette: Yes, a Roulette Wheel as a React Component — It spins and everything. Fun.
Effectus Software

Slate: A Customizable Framework for Building Rich Text Editors
Ian Storm Taylor