Issue 589 - 19 hours of D3.js?? (22)

actions/github-script: Write Workflows Scripting the GitHub API in JavaScript — If you want to write GitHub actions that perform operations via the GitHub API, this could make your life a lot easier.

crypto-random-string 5.0: Generate a Cryptographically Strong Random String — For example: cryptoRandomString({length: 10}) might return 2cf05d94db (although I really hope it doesn't when you try it otherwise it defeats the point 😆). Now works in both Node.js and the browser.

Reagraph: WebGL Graph Visualizations for React — A high-performance network graph visualization library that uses WebGL under the hood. A basic example you can play with.

DFlex: A Drag-and-Drop Library for All JS Frameworks — This is a vanilla JavaScript solution with a focus on good performance and easy implementation. Try some demos here.

✌️ Vody: A New Solid-Like Reactive UI Framework — Another month, another new UI framework, but it’s always good to see innovation in the space especially when quite a bit of effort has clearly been put in. Oh, and it doesn’t need Babel either.

Using Google's CrUX to Compare Performance of JS Frameworks — Chrome User Experience Report (CrUX) is a dataset of user experience metrics collected from real world Chrome users and it’s possible to use it to analyze and compare the performance profiles of different UI frameworks, as done by Dan here.

Thoughts on React's Forthcoming useEvent Hook — Last week, Dan Abramov posted an RFC for a new fundamental React hook or defining an event handler that ‘sees’ fresh props/state but has a stable function identity. James Brightman also thinks about it and thinks it’ll eventually “change the way you write modern React.”

▶  Data Visualization with D3: A 19 Hour(!) Course — I hope you’ve got some spare time for this. This is basically a mashup of D3 data visualization tutorial livestreams made by a popular datavis YouTuber. There’s a lot jammed in here and I love how easy it is to see everything as he uses a huge font size :-)

Meta Transferring Jest Project to the OpenJS Foundation — Meta, née Facebook, created the now popular Jest JavaScript testing framework over 10 years ago and while it’s going to continue using it internally, they now consider it ‘feature complete’ and so think it may thrive better being managed in the broader community.

Building a Musical Instrument with the Web Audio API — One of our favorite writers in the frontend space is back with an easy to follow walkthrough of how she built Keyboard Accordion, a Web based diatonic accordion (which I struggle to play in any coherent fashion at all but it sounds great).

Get to Know Your Browser's Performance Profiler — If the Performance tab in your browser’s devtools seems a bit intimidating, this article tries to boil down the absolute basics you need to know about what it’s showing you.

Rust From 0 to 80% for JavaScript Developers — If the never ending news about JavaScript tools being (re)written in Rust hasn’t tired you out yet, maybe you’d like to know how to approach learning Rust from a JS perspective. Daniel Bulant’s Rust basics, from the perspective of a high level programmer is also quite a good explainer.

▶  Using PyScript to Run Python in the Browser — From Rust to Python we go.. The recently unveiled PyScript provides an easy way to write Python code on Web pages much as you might write JavaScript now. This eight-minute screencast shows it off a little.

Making a Basic 'Falling Sand' Game in JavaScript — A calm and peaceful tutorial with embedded examples throughout.

InfiniteGrid 4.3: Arrange Card Elements Infinitely on a Grid Layout — Very mature and established and makes it easy to create grids formed of card elements of varying sizes. It’ll work with your framework of choice too and is happy on both desktop and mobile. GitHub repo.

fuzzysort 1.9: Fast Fuzzy Search Library — Inspired by the fuzzy search in Sublime Text. Check out the live example – it certainly feels quick.

Parvus: Accessible Lightbox with No Dependencies — I love how it says not to use overlays on Web pages but if you have to, use this! There’s a CodePen example.

Open-Source Backend Server for Web, Mobile & Flutter Devs — Appwrite is a secure, self-hosted solution that provides developers with a set of easy-to-use REST APIs to manage their core backend needs. You can build anything with Appwrite! Click here to learn more.

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.

Project Management for Today's (And Tomorrow's) Software Team — We bring the flow to your software team's workflow. Plan, collaborate, build, and measure success with Shortcut.