#670 — January 11, 2024
▶ HTMX for React Developers in 10 Minutes — You’re not interested in discussions about semantics.. you just want to get something done with htmx? Here, Jack takes ten minutes to show off the essentials.
SpreadJS from MESCIUS inc sponsor
Nicholas C. Zakas
CodePen shares its top 100 ‘pens’ of 2023. Lots of fantastic bits and pieces to look through and learn from here.
Bored? The Deno team is running a little hackathon over the next week.
🌼 Enjoy the drawing.garden.
Docusaurus 3.1 – Popular site generator/framework.
Rspack 0.5 – Fast Rust-based web bundler.
MikroORM 6 – TypeScript ORM for Node.js.
📒 Articles & Tutorials
The Website vs. Web App Dichotomy Doesn’t Exist — An interesting think piece that will help you flesh out your own opinions on the matter: “If there’s one takeaway from all this, it’s that the web is a flexible medium where any number of technologies can be combined in all sorts of interesting ways.”
The State of Benchmarking in Node.js — While Node has always been fast (thanks largely to its V8 underpinnings), there’s a renewed focus on performance in the face of benchmarks and claims from alternatives like Deno and Bun. Lars looks at the ecosystem of benchmarking options in the space.
A CSS Media Query for Scripting Support — A new media query (e.g. @media (scripting: none)) was just added to Chrome (and Edge) to let you to define styles upon whether scripting languages are available. It’s supported in all major browsers now – a rare case of Chromium playing catch-up!
🛠 Code & Tools
zip.js: Library to Zip and Unzip Files — Sounds simple, and it is, but it supports a couple of different formats and can generate password protected ZIPs. There are a few demos, but the simplest one sold me on its own. GitHub repo.
Element Plus Team
RE2JS: Linear Time Matching for Regular Expressions — RE2 is a regex engine built by Google designed to operate in time proportional to the size of the input, in order to avoid so-called ‘ReDoS’ problems backtracking can cause. There are bindings for Node.js, but this version works in the browser.
Penrose: Beautiful Math Diagrams by Writing Plain Text — It might sound a little like Mermaid (indeed, their homepages are strikingly similar) but its scope feels somewhat more math-focused – there are many examples.
DOMPurify 3.0.8: A Fast, Tolerant XSS Sanitizer for HTML — Supports all modern browsers and is heavily tested. There’s a live demo here.
remoteStorage: Cross Browser/Device Persistence — Combines the localStorage API with a remote server to persist data across browsers and devices – so basically, imagine localStorage but remote. Here’s the server part.
file-type 19.0 – Detect file type from a Buffer, Uint8Array, or ArrayBuffer.
React Unity WebGL 9.5 – Embed Unity WebGL builds in React apps.
htmlparser2 9.1 – A fast and forgiving HTML/XML parser.
YouTube.js 8.2 – Wrapper around YouTube’s internal API.
React-PDF 7.7 – React component to display PDFs.
HLS.js 1.5 – HTTP Live Streaming client library.
React Icons 5.0 – Easily use popular icons in React apps.
Chai 5.0 – BDD / TDD assertion library.