#604 — September 2, 2022 |
JavaScript Weekly |
Building an Aircraft Radar System in JavaScript — With a title like this, I couldn’t resist checking it out. Charlie digs into some interesting stuff including using WebUSB to interact with a radio to decode ADS-B positioning signals that aircraft transmit. (Before anyone comments, OK, it’s not really a radar but you could plot one!) Charlie Gerard |
12 Useful JavaScript Data Grid Libraries — A rundown of some data grid libraries for providing spreadsheet-esque views over datasets – Zara also shares her recommendations on things to consider when making a choice. Zara Cooper |
Stytch Is Your All-In-One Platform for User Authentication — With our API and SDKs, you can quickly set up secure, low-friction authentication and authorization for better security, better conversion rates, and a better end user-experience. Try us out today. Stytch sponsor |
JSON Crack: Visualize JSON Data in Graph Form — Despite the.. quirky name (it was previously called JSON Visio 😬) this is a handy tool for working with and displaying JSON structures. You can play with it online, embed graphs into your site, or download them for further use. Aykut Saraç |
IN BRIEF:
|
RELEASES: NodeBB 2.5 – Node.js based forum software. |
📒 Articles & Tutorials |
Are Default Exports in JavaScript Modules Terrible? — Lloyd thinks so and points out that default exports can lead to mismatched and confusing names, so prefers named exports instead. As always, though, it comes down to how you use the feature. Lloyd Atkinson |
Implementing a Promisable Dmitry Kudryavtsev |
Webinar - AuthN & AuthZ: Security, Compliance, and Other Challenges — Join Permit.io and FusionAuth and learn to build Auth that meets your security, compliance, and privacy requirements. Permit.io sponsor |
Understanding React's Josh W. Comeau |
An Introduction to Dependency Injection — “Dependency injection is, in its essence, about parametrizing things previously hardcoded in functions/classes, so we can control these functions/classes to a greater extent.” Henrique Yuji |
In-Browser Compression and Decompression with the Compression Streams API — How to write smaller web apps that don’t need to ship their own compression or decompression library - this works in Chrome and Safari Technology Preview 152. Thomas Steiner |
Integrate eSignatures in Your App in Less Than a Week — Enable document signing from anywhere with HelloSign's eSignature functionality. Test the API for free. HelloSign, a Dropbox Company sponsor |
Making a Morphing 3D Sphere with Three.js — A striking, modern effect for the Web. CodePen demo included. Johnny Simpson |
Bringing Angular Components to Astro Islands 🏝 — Astro has out-of-the-box support for multiple frameworks, but Angular isn’t one of them. Brandon used a project he created called Analog to enable Angular components within an Astro site. Brandon Roberts |
Why React Contexts Are Great (and Why We Didn't Use Them) |
🛠 Code & Tools |
Lusift: Library to Create Product Walkthroughs for Your Web App — Happy to go vanilla, but has React and Vue integrations too. GitHub repo. Other options in this space are Shepherd and React Joyride. Lusift |
Derive Type: Generate Type Definitions for JS Automatically From Tests — Derive types dynamically by running tests to capture value combinations – the idea is to help you manage things while developing functions, particularly if you’re not able to use TypeScript (more from the author on this). There’s ▶️ a screencast that explains more. Dr. David A. Kunz |
Don’t Let Your Issue Tracker Be a Four-Letter Word. Use Shortcut Shortcut (formerly Clubhouse.io) sponsor |
Hyper Fetch: A Turbocharged Fetch Library — The creator bills it as “a mix of Axios and react-query in one, with advanced persistence options.” It’s backend agnostic and offers queues, caching, persistence, and even offline support out of the box. GitHub repo. Maciej Pyrc et al. |
Partytown 0.7: Run Third Party Scripts in a Web Worker — The idea is simple: run resource intensive scripts on a separate thread (in a web worker) to let the main thread remain responsive. v0.7 adds an option to execute certain scripts on the main thread which can be useful in some situations (an example is provided). GitHub repo. Partytown |
Sandpack: Component Toolkit for Creating Your Own Live Running Code Editing Experience — Created by the folks at CodeSandbox, so they know what they’re talking about. GitHub repo. CodeSandbox |
TestCafe v2.0.0: Automated End-to-End Testing Tool — A popular and long standing testing tool reaches a new milestone and, notably, is the first update to include breaking changes.. so if you’re a user, pay close attention. Developer Express Inc. |
OTHER QUICK RELEASES: Jest-Image-Snapshot 5.2 – Jest matcher for image comparisons. |
|