#605 — September 9, 2022
Make the Most of Testing in CI with Cypress Dashboard — Cypress Dashboard accelerates and optimizes every facet of your testing. Push your code with confidence, every time.
Dr. Axel Rauschmayer
Introducing Signals: A Reactive State Primitive That’s Fast By Default — Signals provide a reactive way of expressing state (in a very natural way that feels like using plain values) such that apps stay fast regardless of complexity. It’s aimed at Preact, the slimmer alternative to React, but is possible to use with regular React by way of monkeypatching.
Node.js v18.9.0 – A very minor release.
Next.js 12.3 – Popular React framework.
↳ Simple testing framework for browsers and Node.
Ember.js 4.7 – Long standing framework.
React Calendar 3.8
↳ Calendar component for React apps.
↳ Deno’s full stack Web framework.
📒 Articles & Tutorials
Porting Tests from Cypress to Playwright with AI — If switching libraries for your integration tests sounds boring but necessary, maybe AI could take away some of the strain? Gajus gave it a go with moderate success – a fun story.
The Temporal API: A New Approach to Managing Date and Time? — We’ve mentioned this a few times over the years (Dr. Axel wrote this thorough guide in 2021) but it continues to merely be ‘in development’ with no widespread support yet. There is a polyfill, though, and it really is a handy API, so you might want to brush up on it.
Muhammed Arslan Sarwar
📆 Unblock – A CI/CD Conference by Buildkite — A 2-day virtual conference featuring industry experts using cutting edge processes and tools to define the future of how we deliver software. Registration and CFP now open.
▶ Creating F1 Style Graphics with Remotion — Fans of Formula 1 may remember the stinger transition from the 2021 season. The author of Remotion—a library that can generate video from code—walks through its recreation in what can only be described as record lap time.
How to Build a Canvas-Based Drawing Tool
↳ An extensive, and now complete, four part series.
“How I migrated a Rails app from Webpack to esbuild”
↳ An app with over 300k lines of JS, too.
Deploying a Node app to Fly.io
↳ One of our favorite ‘challenger’ hosting platforms right now.
TIL You Can Access a User’s Camera with Just HTML
↳ Browser support rather limited though.
“Switching iterator helpers to functions”
↳ Slidedeck for a talk Dr. Axel Rauschmayer is giving at TC39 next week.
🛠 Code & Tools
🔍 GradeJS: Scan Production Webpack Bundles for Modules Used Within — Even if you don’t have access to the original source for a web site, this tool can try and figure out what npm packages were used even with minified or tree-shaken bundles (if webpack 3-5 was used).
El: A Tiny Web Component-Based UI Framework — The very definition of short and sweet. You get a lot in 150 lines, including a built-in observable store and reactive templates with one-way binding. Think a very lightweight React/Vue mixed with Lit. Here’s a one file example of creating a todo-list app on top of it.
Spend More Time Growing Your App and Leave the Rest to Stream — Why spend months building in-app messaging or activity feeds from scratch when you can quickly integrate these important functionalities with Stream’s APIs and developer-friendly SDKs.
📪 ZIPMonster: US ZIP Code Data and Functions — Brings the US postal code system all into one library which lets you do all manner of queries, including navigating across the entire US, if you wish.
Shumani: Fast Machine Learning Library using Bun + Flashlight — Interesting to see Facebook’s research arm using Bun – very early days for this experimental project.
JSON Hero: A Beautiful JSON Viewer — Paste in some JSON or enter a URL to a JSON file and this tool provides a clean and beautiful UI packed with features.
Shortcut (formerly Clubhouse.io) sponsor
DgrmJS: A Library for Creating SVG Diagrams — Particularly for flow/process diagrams.
⚡️ OTHER QUICK RELEASES:
size-limit 8.1 — Performance budget tool.
Serverless Offline 10.0
↳ Emulate AWS Lambda and API Gateway locally.
↳ React component for network visualizations.
↳ Discord API library for Deno.
↳ Long-standing low footprint input capture.
Binary Parser 2.2
↳ Write fast binary data parsers declaratively.
Full-Stack Engineer (NYC / Remote) — 100M+ devices, 100B+ API calls. Radar is looking for Product Engineers to build geospatial dev tools.