React 18 due any day now..

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.

Cooperpress

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 Site — SvelteKit 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

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

Piling.js: A Library for Creating 'Visual Pile' Interfaces — Visual 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.

EGOIST