#659 — October 19, 2023
ApexCharts: Interactive Charting and Dataviz Library — A mature and frequently updated charting library for building interactive data visualizations, whether with sparklines, heatmaps, line charts, funnel charts, pies, and others. There are many visual demos and code samples – or check out their homepage.
Node.js 21 Released — In the next week or so, Node v21 replaces v20 as the ‘current’ release that gets the new features first, with Node v20 becoming the ‘active’ LTS version. v21 introduces V8 11.8, npm 10.2, stable Web Streams support, and an experimental browser-compatible WebSocket implementation.
The Node.js Project
Need SAML Auth? Use WorkOS — WorkOS lets you quickly build enterprise features like SAML & SCIM. Integration is seamless with beautiful API docs and SDKs. Join hundreds of companies using WorkOS—including Vercel, PlanetScale & Webflow—and make your app Enterprise Ready today.
Loraine Lawson (The New Stack)
🔢 TC39 has started a new task group to standardize source maps.
📊 Colin Eberhardt goes over The State of WebAssembly 2023 results.
👾 In other gamedev news, you can see the latest js13kGames winners too. It’s amazing what some people can put together in such little space.
🎨 The Node.js project has an official mascot design contest.
TanStack Query v5 – Query-led declarative state management and data fetching.
Storybook 7.5 – Frontend component dev tool. Now with Vite 5 and Lit 3 support, faster starts, and Angular-focused improvements.
Lit 3.0 – Build agnostic components on top of modern Web standards.
Rockpack 4.0 – React app starter/generator.
📒 Articles & Tutorials
event.target.closest — If you’ve not used closest, it’s worth being aware of this way to return the closest DOM node that matches a specified CSS selector (based upon traversal of the DOM tree up towards the root).
UI Component Library for Project Management and Resource Planning — Level up your UI with advanced data grids, calendars, schedulers, and Gantt charts.
New Angular 17 Feature: Deferred Loading — Next level lazy-loading demonstrated by using a Signal-based and other examples.
Do We Need State Management in Angular?
🛠 Code & Tools
New Wallaby.js Logpoints: Quick & Easy Logging, Simply Set a Breakpoint — No setup needed, real-time feedback in your editor. Class & function support allows you to quickly log runtime values for all lines in a class or function.
Wallaby Team sponsor
PureImage: A Pure JS HTML Canvas 2D for Node.js — If you want a browser-like 2D canvas experience in Node but without any native dependencies, this is for you. You can then save the output to PNG or JPEG. (node-canvas is the long-standing popular choice in this same area but relies upon Cairo as a dependency.)
Cronicle: A Cron System with a Web Front End — Describing itself as ‘a fancy cron replacement’, Cronicle is a task scheduler and runner built in Node.js with a web-based UI.
Timeline JS: Create Useful Timelines for the Web — Built by a journalism lab at a university, this is not aimed at expert developers but folks focused on telling a story or presenting some data online. Here’s an example showing a timeline of ‘revolutionary user interfaces.’
Northwestern University Knight Lab
table-saw: A Small Web Component for Responsive HTML Tables — Inspired by a jQuery plugin with a similar name. Check out some some demos.
little-rat – Chrome extension to monitor (and block) other extensions’ network calls.
Sortable 3.0 – Make tables sortable with class=”sortable”
AdminJS 7.3 – Automatic admin interface for Node apps.
Shoelace 2.10 – Suite of elegant web components.
Recharts 2.9 – React and D3 charting library.
🎁 And one for luck..