📜 Javascript

[nichoth]

streams

• Streams and React Server Components — A good article about streams in general (ignore the react part)
• Basic examples for WHATWG Streams API

articles

• css-tricks.com — Build a state management system with vanilla JavaScript
• A mostly vanilla JS way to use Preact
• Easier state management with Preact Signals — see this for a nice frontend architecture.
• We are actively destroying the web — we as developers repeatedly take all of the great things the web and browsers give us out-of-the-box, break them, and then re-implement them poorly with JavaScript.

development tools

• pkgroll — Next-gen package bundler for TypeScript & ESM
• tsx — TypeScript Execute: Node.js enhanced to run TypeScript & ESM

modules

• type-coverage — A CLI tool to check type coverage for typescript code
• scure — Secure, audited & 0-deps implementation of bech32, base64, base32, base16 & base58
• bs58 — base58 encoding for keys. Seen in https://github.com/staltz/ppppp-db
• idb — IndexedDB, but with promises

typescript

• tsconfig cheat sheet

misc

• Persisted Signals — Mastodon post
• developit/signal-utils.js
• persisted signals — gist
• scottaohara/aria_disclosure_widget

blogs

• Scott O’Hara
• Eric — an inclusive design advocate, writer, developer, and speaker.
• gomakethings.com

frontend frameworks

• Reef — A tiny utility library for building reactive state-based UI.

---

• micromatch — Highly optimized wildcard and glob matching library.
• mylofi/webauthn-local-client — Browser-only utils for locally managing WebAuthn (passkey) API

[Atom079]

Thank you for interesting resources

[nichoth]

Of course. I've started moving to the main README file for notes because that way you can link to various h2 tags, but the discussions are nice because sometimes people will respond.

[nichoth]

esm.sh

Use https://esm.sh/ to load scripts.

See example

import { useState, useCallback } from 'https://esm.sh/preact@10.7.2/hooks';

Could use that URL in an import map:

import { render } from 'preact'

Pairs with this HTML:

<script type="importmap">
{
  "imports": {
    "preact": "'https://esm.sh/preact@10.7.2'",
  }
}
</script>

[nichoth]

effect.website

A pattern for programming in typescript that is safer.

[nichoth]

CRDT

• dotJS 2019 - James Long - CRDTs for Mortals

[nichoth]

programming in general

• AHA Programming — avoid hasty abstractions
• 4 Git shortcuts that define my workflow
• bret.io — package automation
• Conventional Commits — A specification for adding human and machine readable meaning to commit messages
• hanselman.com/blog/dark-matter-developers

[nichoth]

vanilla fetch

• tantaman/vanilla-fetch — relay without the relay. apollo without the apollo. suspense without the... suspense. fetch then render via async generators

[nichoth]

hash

multihash

• multihash — Self-describing hashes
  • see JS implementation
• multiformats

hash

• Daninet/hash-wasm — hand-tuned WebAssembly binaries to calculate the hash faster than other libraries

[tgrecojs]

I highly recommend you check out hardened JavaScript && the endo project endojs/endo.

I think you might find that it's super interesting, bleeding edge software, and more importantly, the packages that fall within the scope of the project are tremendously useful, specifically wrt writing secure (distributed) JavaScript systems.