#594 — June 17, 2022 |
JavaScript Weekly |
AbortController is Your Friend (for Cancelling Async Tasks and More) — AbortController provides a way to abort web requests at any point without waiting for a response, but it’s possible to apply its handy mechanism to other use cases, as shown here. Sam Thorogood |
Microvium: A Tiny JavaScript Engine for Microcontrollers — How tiny? Try 8.5 KB and needing just 34 bytes of RAM at idle. Despite neat projects like Espruino, JS has never been a natural fit for constrained environments but Microvium, Elk and low.js are working hard at the problem. Here’s how Microvium works and the obligatory GitHub repo. Michael Hunter |
Couchbase Capella DBaaS: Store in JSON, Access with SQL — Build faster with in-memory performance, automatic replication and scaling. Try it now for free and be live in under three minutes Couchbase sponsor |
Vitest: A Vite-Powered 'Blazing Fast' Unit Testing Framework — Brings a lot of cool stuff into one place and really is quick – if you want near instant feedback when you change your code, check it out. You get Vite’s transformers, resolvers, and plugins, snapshot testing, native code coverage, component testing, an instant watch mode, and more. Vitest |
IN BRIEF:
RELEASES: Prettier 2.7 – Now supports TypeScript 4.7 syntax. |
|
📒 Articles & Tutorials |
▶ How to Remove 99% of JavaScript from the Main Thread — The original creator of Angular gives a talk about the Qwik framework which takes a low-JavaScript HTML-first approach to building front-end apps. Partytown gets involved to move scripts into Web Workers, taking them off of the main thread. Misko Hevery |
Notes on Maintaining an Internal React Component Library — A developer’s thoughts on maintaining a component library as part of an existing design system used by a large number of frontend apps at DigitalOcean. Gabe Scholz |
The Complete Guide to Building a React Form in 2022 — A good form can be a thing of beauty - and beauty's in the details. Read this blog for everything you need to know about designing & building sleek, user-friendly and accessible Forms. Progress KendoReact sponsor |
▶ Ten Talks from JSConf Budapest 2022 — Took place a few weeks ago and these are good quality recordings. Gil Tayar’s talk about the type annotations proposal is a good place to start. JSConf |
▶ Zen and the Art of Building a Gmail-like UI with React Native — A beautiful (dare we say, zen) screencast with high production values, no spoken words and shot on location at a temple. Takuya Matsuyama |
See How Much Free Time Engineers Have in the State of Engineering Time Report Retool: State Of Engineering Time Report sponsor |
Using Web Streams on Node.js
|
🛠 Code & Tools |
Component Encyclopedia: A Catalog of 5000+ UI Components — Storybook, a UI component devtool, has unveiled a visual catalog of 5,000+ components (mostly React, but some Vue and Web Components) – you don’t need to be a Storybook user as links to repos and demos are provided. Dominic Nguyen (Storybook) |
ow 1.0: Function Argument Validation for Humans — A fluent API to define constraints for function arguments (e.g. Sindre Sorhus |
zx v7.0: Better Shell Scripting with JavaScript — If writing JavaScript sounds better than wrestling with bash, Perl or Python, |
Fx 24.0: A Command-Line JSON Processing Tool — If you’ve got some JSON you want to slice and dice, Fx is for you. It was recently rewritten in Go from its original JavaScript but you can still write reducers in JavaScript (or Ruby, or Python) with it. A handy tool. Anton Medvedev |
Studio 3T Manages Your Data, While You Wrestle Your App into Shape — Studio 3T's full suite of MongoDB tools lets you query quicker, develop with data even faster and turn queries into code automatically. Try it free for 30 days - no credit card needed. Studio 3T sponsor |
Moon: A New Build System for the JavaScript Ecosystem — Built in Rust for performance, Moon appears to be focused on features for larger projects that may have lots of dependencies, developers, and processes to balance. It’ll be interesting to see this one develop further. Miles Johnson |
public-ip 6.0: Quickly Get Your Public IP Address — Works in both Node and the browser and uses different approaches on each. v6 lets you choose between IPv6 and IPv4. Sindre Sorhus |