Bookmarks (305)

Grakkit: A Modern JS Dev Environment for Minecraft — Brings together JS and Minecraft by way of GraalVM.

Grex: A Way to Generate Regular Expressions from Provided Examples — This demo is quite fun to play with. Grex is a Rust-based improvement of a JavaScript project which, by way of WebAssembly can be used from JavaScript once again. It’s quite a neat idea and while it’s not perfect, it can provide you with some inspiration for crafting regexes. GitHub repo.

Cloudscape: AWS's React Component Design System — Built for and used by Amazon Web Services, you get 66 components, opinionated guides on design best practices, and many demos.

Million 1.12: A Fast and Small Virtual DOM Implementation — Focused on performance and shipping at under 1KB compressed, Million is ideal if you want an agnostic VDOM implementation to use when building your own framework or just to go a little lower level. “Think of it as if React’s API and Svelte’s compiler had a baby.”

React Rating: Easy Star Ratings Component — SVG-based. No dependencies. Check out the many examples to see if it gets your ⭐️⭐️⭐️⭐️⭐️

Size Limit 8.0: Performance Budgeting Tool for JavaScript — Calculate the real ‘cost’ to run your JS app or lib to maintain an eye on performance and raise an error (in CI, say) when things go awry. Supports ES modules and tree shaking.

svg2pdf.js: Browser Based SVG to PDF Converter — There’s an online playground to give you a feel for what it can do.

Code Golfing Tips and Tricks for Smaller JavaScript Code — Writing code that’s as terse as possible isn’t usually desirable – it's not fun for your coworkers, and your build process might minify your code anyway! But if you need to squeeze into as few characters as possible and some messiness is tolerable.. this is a thorough list of ideas and a learning experience in...

Astro 1.0: The Fast Islands-Based Frontend Framework — Despite its relative youth, Astro has had a big impact already with a wide range of users and support for, well, almost every other framework or dev tool going. It's based around ‘islands’ where fast HTML can stand in for components which can then be lazily loaded in as user interactions demand. 1.0 introduces new image...

Add Excel-Like Spreadsheet Experiences to Your JS Apps — SpreadJS is the industry-leading JavaScript spreadsheet for adding advanced spreadsheet features to your enterprise apps. Build finance, analysis, budget, and other apps. Excel I/O, 500+ calc functions, tables, charts, and more. View demos now.

Patterns.dev: Modern Web App Design Patterns — A free book you can download in PDF format or enjoy on the Web. Learn about lots of fundamentals, from how different styles of rendering or importing resources work to performance optimizations and case studies. There’s a lot to enjoy and a fantastic team behind it, too.

'How and Why We Removed jQuery from GOV.UK' — We’ve mentioned the UK government digital team’s culling of jQuery in passing a few times this year, but now there’s a (brief) explanation of how it happened.

How To Use Multithreading in Node.js — A practical walkthrough to how Node uses threads and how and why you might use worker threads yourself in a web app.

How to Monitor a Node.js Application — Set up monitoring for an open source application with New Relic using instant observability for Node.js quickstart.

▶  Record and Tuple: Immutable Data Structures in JS — A JSNation 2022 talk looking at the motivation behind a proposal currently advancing through TC39. (22 minutes.)

Announcing EdgeDB 2.0 — Try the database that makes ORMs obsolete. EdgeDB’s TypeScript client has the simplicity of an ORM but the power of a full-fledged query language. And with the release of EdgeDB 2.0 it’s better than ever—read the announcement for details.

Checking if Native JavaScript Functions are 'Monkey Patched' — Along with JavaScript’s dynamism comes the potential for functions to be overridden (or ‘monkey patched’, as some people call the idea of runtime modifications) but there are (imperfect) ways to see if this has occurred.

Level-Up Your Cypress Testing Knowledge for Free — Learn from top industry experts with over 25 lessons on how to get started with Cypress.

safe-json-value: For When JSON Serialization Mustn't Fail — Prevents JSON.serialize() from throwing an exeception, changing types, or otherwise transforming values unexpectedly, because sometimes you need that sort of reassurance.

Nativefier: Make Any Web Page a Desktop App — A basic Node.js-powered tool for creating a desktop ‘app’ for any Web site using Electron as the webview. For Windows, macOS and Linux.

Docusaurus 2.0 Released — Docusaurus powered sites are everywhere in the JS space lately (look at the Babel docs, for example), and after four years of effort, version 2.0 of the popular React-powered documentation-focused static site generator has landed. This new version was rebuilt from scratch, and adds MDX support, a new plugin system, theming, dark mode, SPA navigation, offline support, and more.