#628 — March 3, 2023
Sandworm Audit: A New JS Auditing Tool — A command-line tool to scan a project and dependencies for vulnerabilities, license issues, and related problems. You get JSON reports, visualizations of dependency trees, and a CSV of all dependencies and license information.
‘You Don’t Need a Build Step’ — You need to remember the Deno folks have an alternative JS runtime to promote, but they always make great points. A build step has helped with getting things to run in the browser or to transpile and bundle code elsewhere. But with modern tooling, do we still need a build step? Andy lays out the problem and explains how, unsurprisingly, Deno and Fresh work around it.
Andy Jiang (Deno)
Announcing TypeScript 5.0 RC — Barring any critical bug fixes, this is as good as done. The headline feature in 5.0 is likely to be decorators and Daniel does a rather extensive job of showing them off here. Other tweaks include being able to add const modifiers to type parameter declarations, supporting multiple config files in extends, and all enums are now union enums.
Node.js Toolbox is a new site bringing together data-driven comparisons of Node packages in various categories.
The React Flow project shared how it ‘gets paid fairly’ for open source.
You can now add pronouns to your GitHub profile.
Deno 1.31 – Now with package.json support.
Preact 10.13 – Fast 3KB React alternative.
zx 7.2 – JS shell scripting approach.
Papa Parse 5.4 – Fast in-browser CSV parser.
📒 Articles & Tutorials
Crawling Weather Forecasts with Cypress — Even if you don’t care for the weather, this is a neat code-led demonstration of using the Cypress browser oriented testing tool for performing a variety of productive activities.
Gleb Bahmutov PhD
Jared White opinion
Need to Upgrade to Node 18? Don’t Have Time? Our Experts Can Help 🚀 — Stuck in dependency hell? We’ve been there. Hire our team of experts to upgrade dependencies, gradually paying off tech debt.
Building an Animated SVG Logo with Anime.js — Anime.js is a JS animation library that works with CSS properties, SVG, DOM attributes and JS objects.
Bootstrap Your React Journey with Tic-Tac-Toe — It’s easy to forget that not a day goes by that somebody is taking their first steps on their journey to learn React. Here’s a recently updated way to start, direct from the source.
▶ A Deep Dive into the Node.js Event Loop
What is ref() in Vue?
🛠 Code & Tools
Text Highlighter: Highlight Search Results in Textareas — Responsively highlight search results within a textarea element without interfering with its operation. There’s a live demo.
Civet: It’s Like CoffeeScript.. for TypeScript! — I’ve gotta admit, I like this. This example alone shows off the power. In a world where build toolchains are the norm, maybe this could take off, but my CoffeeScript experiences of yesteryear restrain me from going ‘all in’ on something like this for now.
Daniel X Moore and contributors
✈️ Get Your Tests Flying with Wallaby.js — Turbocharge your productivity with the 15x faster test runner. Spend more time coding, less time waiting.
Remult: A CRUD Framework for Full-Stack TypeScript — Promises a ‘zero-boilerplate’ CRUD API experience by using your TypeScript entities as a single source of truth for your API, frontend type-safe API client and backend ORM. There are tutorials for using it alongside React, Angular, Vue and Next.js.
React Flow: Create Node-Based UIs — The example on the homepage shows off this powerful React component well.
ts-reset: A ‘CSS Reset’ for TypeScript — CSS isn’t involved but much like a reset stylesheet flattens out browser quirks and differences, ts-reset aims to ‘smooth off’ some hard edges of TypeScript.
Full Stack Monitoring Made Affordable
Lenis: A Smooth Scroll Library — Boasts a number of extra features compared to similar libraries that allow you to do scroll animations, parallax, etc. You can try it out here.
Studio Freight Darkroom
iDraw.js: A Web Vector Graphics Drawing Framework — One motivation for this high level abstraction appears to be to power Web-based graphics editing tools like this. – GitHub repo.
eta (η) 2.0.1
↳ Embedded template engine for Node, Deno & browser.
↳ Alternative, efficient package manager.
Software Engineer (Frontend) — Join our “kick ass” team. Our software team operates from 17 countries and we’re always looking for more exceptional engineers.
🧑💻 Got a job listing to share? Here’s how.
🧪 Experimental Projects..