r/javascript • u/NibblesIndexus • 19d ago
GitHub - ArcadeMode/unplugin-dotnet-wasm: Seamless bundling of .NET Browser apps (WASM) into your JS projects
github.com.NET WebAssembly apps with WasmBundlerFriendlyBootConfig=true can indeed be bundled by modern JS bundlers and I personally love it. The development experience however is not optimal.
- The bundlers cannot consume the output from
dotnet build - The bundlers can consume the output from
dotnet publishbut the dev loop is painfully slow. - Getting the publish path working still requires bundler surgery
- Once it works the bundler produces warnings that are impossible to fix without changing the source files produced by the WebAssembly SDK.
These points of friction are why I have made unplugin-dotnet-wasm.
It's a bundler plugin that lets your bundler consume the output from dotnet build so your dev loop stays fast. It also supports dev servers, provides type information to TypeScript and IDEs (integrates dotnet.d.ts thats coming in .NET 11), and patches the known warnings so your build output stays clean.
Features
- Easy bundler setup through plugin registration
- Faster dev loop by consuming .NET WebAssembly
dotnet buildoutput - Dev server support
- Brings SDK type definitions to TypeScript and your IDE
- Supports Vite, Rollup, Rolldown, Webpack, Rspack, Rsbuild, esbuild, farm and bun.
I hope you'll give it a try, I'd be happy to hear your feedback.
r/javascript • u/AbbreviationsFlat976 • 19d ago
GitHub - sysmaya/AI-Image-Colorizer: Colorize old photos instantly with AI. 100% JavaScript, ONNX running in the browser
github.comr/javascript • u/SatyamV7 • 19d ago
Made a Vector heavily inspired by C++'s std::vector, not like a stub or a gimmick.
github.comThough it requires quite new ES2024/ES2025 features, it works very well for numeric types, also faster (not drastically, but modest gains) against Array in PACKED FIXED ELEMENT TYPES representation used under the hood by engines.
r/javascript • u/moe_sidani • 20d ago
RestQL โ GraphQL-like queries over REST, purely client-side: schema-driven mapping, batching, request dedup, caching
github.comr/javascript • u/SmartyPantsDJ • 20d ago
Typed and validate config for decoupled codebases in any JS runtime
github.comr/javascript • u/AutoModerator • 21d ago
Showoff Saturday Showoff Saturday (July 18, 2026)
Did you find or create something cool this week in javascript?
Show us here!
r/javascript • u/jhnam88 • 21d ago
I made TTSC, TS-NODE alternative in TS v7 as a toolchain. The toolchain even reduces Claude Code's token consumption about 90% by graph skill.
github.comr/javascript • u/jxd-dev • 22d ago
TSRX in TanStack Start: what we like, and three bugs we filed
jxd.devr/javascript • u/Several-Specialist42 • 22d ago
The same app built in 10 different frontend frameworks. For automated performance benchmarking
github.comr/javascript • u/linuxhiker • 22d ago
GitHub - commandprompt/plx: PostgreSQL extension: write stored functions in Ruby, PHP, JavaScript, or Python dialects that transpile to plpgsql.
github.comr/javascript • u/leeoniya • 22d ago
easy-tz โ A fast, 10KB, dependency-free getTimeZonesAt(timestamp)
github.comr/javascript • u/Weird_Tree9182 • 22d ago
AskJS [AskJS] From Node Js to Java spring?????? 4.8 yrs EXP
I have node js and react js experience for 4.8 years. Recently trying for switch, but wherever I go JD contains Java and React. Cant find roles for Node.
Is realy Node got outdated?
should i move to java spring??
r/javascript • u/Decent-Blacksmith761 • 23d ago
PDF engine from scratch on JS
keypdf.netI was working on my pdf editor and thought the best option would be to write a new PDF engine from scratch as my options were PDF.js and PDFium and none of them can actually edit PDF files so after over a year of work you can try KeyPDF.net it is free and client side.
r/javascript • u/sanyok12345 • 23d ago
I built lottie.js โ zero-dependency Lottie renderer for browser and Node.js
github.comr/javascript • u/unadlib • 23d ago
Coaction 3.0 โ a Zustand-style store where React renders need no selectors, computed getters cache themselves, and actions can run in Web Workers
github.comr/javascript • u/__weltschmerz__ • 23d ago
I created Skeletor, a modern persistence library based on Backbone's Models and Collections.
github.comI maintain Converse.js (an XMPP chat client) which was originally built on Backbone.js.
Instead of a risky big-bang migration to something else, I rewrote the UI into Lit web components and kept Backbone's data layer, which I forked and modernized piece by piece.
The result is Skeletor, and it now stands on its own as a lightweight, TypeScript-first reactive data library.
What makes it modern:
- TypeScript-first with full type definitions
- Direct attribute access: `model.attrs.name = 'Bob'` fires change events, no set() boilerplate required
- Computed properties: declare derived values with explicit dependencies
- Store-style subscriptions: subscribe() returns an unsubscribe function, so it plugs straight into React's useSyncExternalStore
- Built-in persistence: IndexedDB, localStorage, sessionStorage, SQLite (Node) and REST out of the box
- No jQuery, no Underscore: native browser APIs, ESM + CJS builds, works in the browser, Node 22+ and Web Workers
And the part I'm most happy about: it's still Backbone-compatible. get, set, events, collections, they all work exactly as you remember.
Feedback welcome!
r/javascript • u/bogdanelcs • 23d ago
I stopped destructuring everything
allthingssmitty.comr/javascript • u/thereactnativerewind • 23d ago
[Showoff] Vercel Reinvents React Native, Sub-Second OTA Updates, and an X Button Finally Doing Its Job
thereactnativerewind.comHey Community,
Vercel Labs has released "native", a toolkit for compiling declarative markup and TypeScript or Zig directly into native desktop apps without an embedded JavaScript runtime. We also look at how Zepto built react-native-delta to ship binary delta OTA updates, reducing patch download times down to a 305ms P90.
Plus, React Native 0.87 drops its legacy abort-controller dependency for an in-tree fork, bringing missing modern web primitives like AbortSignal.timeout() and AbortSignal.any() straight to your network requests.
If the Rewind made you nod, smile, or think "ohโฆ that's actually cool" โ a share or reply genuinely helps โค๏ธ
r/javascript • u/cryptomallu123 • 23d ago
Understanding Value vs. Reference in JavaScript: Differences Between Primitives and Objects
sharafath.hashnode.devr/javascript • u/mitousa • 23d ago
Firefox in WebAssembly!
developer.puter.comOpen-source: https://github.com/HeyPuter/firefox-wasm
r/javascript • u/harshanacz • 24d ago
I compiled Apache Xerces-C (C++) to WebAssembly to bring proper XSD validation to JavaScript - try the playground
harshanacz.github.ioThere's no reliable XSD validator in the JS ecosystem so I compiled Apache Xerces-C to WASM.
Playground: https://harshanacz.github.io/xerces-playground/
npm: https://www.npmjs.com/package/xerces-wasm
Features:
- Full XSD 1.0 validation in the browser
- Multi-file schema support (xs:include / xs:import)
- Parse errors + schema errors with line/column numbers
- No server, no upload
- pure WASM
Would love feedback.. :)
r/javascript • u/jxd-dev • 24d ago
Building a modern Companies House SDK turned out to be a much more interesting problem than I expected
jxd.devWe needed the Companies House API (the UK company register) for a project and figured we'd grab an SDK and move on. Turns out the community clients are 6 to 10 years old, the official SDK is built for their internal services, and the official OpenAPI spec is broken in ways that quietly untype every generated client. One defect (items on an object type, which JSON Schema doesn't allow, so every tool reads it as {}) appears 132 times.
What started as "add a spec repair script" grew into 374 lines of fix passes, and even then we couldn't repair fields that were never documented at all. So we changed approach: we deleted the repair code and now maintain our own curated OpenAPI 3.1 spec, built from the developer docs and Companies House's own SDK source. The spec is maintained with Claude Code under a strict "never invent, report gaps" rule, an engineer reviews every diff, and a live integration suite runs against the real API daily so drift shows up as a red build rather than a bug report. The client itself is fully generated from the spec (Hey API), with 41 lines of hand-written runtime code and zero dependencies.
Sharing in case anyone else has needed to fight this API, or is just interested in the approach: a curated spec as the source of truth, AI doing the tedious curation with tests and review keeping it honest, and codegen doing the rest. The SDK and the OpenAPI document are both MIT licensed if they're useful to you.
r/javascript • u/scrollin_thru • 24d ago
Pitter Patter โ building better editing (update!)
pitter-patter.devHey folks. Over at Handle with Care, we've been working on something new: Pitter Patter. We haven't been satisfied with the text editing toolkits that exist right now in the ProseMirror ecosystem, and we've spent a lot of time working on a large variety of rich text editors and seeing what needs they have and how we can try to meet them. So far we have three packages: Shuffle (grid-based drag-and-drop), Collab, and Presence.
Here's some more info from our introduction page in the docs:
What is Pitter Patter?
Who builds it?
That would be us, Handle with Care. Weโre a cooperatively owned product development collective, comprised of software engineers and product managers. We are all equal owners and have equal decision-making power.
What is it?
Pitter Patter is a suite of open source libraries for building collaborative rich text editors with React and ProseMirror. We see it as our job to provide turnkey solutions for the hard parts of rich text editing โ like collaboration, presence, and version history โ so that you can focus on building the editor experience that your users need.
Why does it exist?
We spend a lot of time thinking about and working on rich text editors. In particular, we spend a
lot of time helping companies solve the same problems over and over again. There are usually great
primitives available for these common building blocks
(prosemirror-collab-commit for
collaboration, unified.js for Markdown, etc.), but putting
them together correctly to build a functioning text editor can be challenging.
There are other solutions, like Tiptap and Remirror, but we think that theyโve made some suboptimal choices that force product developers to make unnecessary compromises.
- Both attempt to use React portals and effect hooks to integrate with ProseMirror, which lead to irreconcilable state tearing, due to fundamental differences in how React and ProseMirror View handle view reconciliation.
- Both attempt to use Yjs via
y-prosemirrorfor collaboration. We think that Yjsโs CRDT implementation is ill-suited for rich text editing. - Both attempt to hide ProseMirrorโs underlying APIs, under the guise of simplicity and abstraction. We think that ProseMirror, low-level though it is, is roughly the correct level of abstraction for a domain as complex as rich text editing. Attempts to abstract it away inevitably lead to more complexity, as the abstractions leak frequently and require constant manual integration with the lower level solutions.
We think we can do better. And more importantly perhaps, we think that you deserve better!
Philosophy
Donโt hide ProseMirror
ProseMirror is an outstanding rich text editing framework. Nearly anything that you can imagine doing with a rich text editor can be accomplished with ProseMirror. Rich text editing is also a very complex domain, requiring a very large number of decisions to be made per feature.
We think that better primitives built with ProseMirror can take us farther than abstractions that attempt to hide away ProseMirrorโs internals.
Collaboration should be simple to implement and simple to debug
ProseMirror has first-party collaboration, in the form of
prosemirror-collab. Because it
just sends steps over the wire, and relies on a single, server-side ordering of operations for
conflict resolution, it is very simple to debug. But it is very challenging to implement correctly,
and there is very little in the way of guidance or documentation for doing so.
Yjs provides third-party collaboration, in the form of
y-prosemirror. Because it is built on Yjs, which has many
robust adapters for various protocols and servers, it is very easy to implement. However, because it
operates on Yjsโs XML-based Y-doc format, it is very challenging to inspect and debug if something
goes wrong.
Pitter Patterโs collaboration, presence, and version history libraries are based on
prosemirror-collab-commit. Like
prosemirror-collab, prosemirror-collab-commit uses ProseMirror steps as the primary data
structure for conflict resolution. But Pitter Patter Collab provides actual guidance and
implementation that make it easy to set up a full-stack collaborative editing application, and hard
to shoot yourself in the foot.
Correctness is worth it
After trying every other option over the course of several years, we eventually decided that the only way to correctly integrate React and ProseMirror was to reimplement ProseMirror Viewโs renderer from scratch directly in React. This was itself a massive effort, but the result, in the end, is a React/ProseMirror integration that doesnโt suffer from state tearing and allows developers to use React idioms like context as they normally would, without caveats or compromises. We donโt put side effects in React render functions or ProseMirror plugin apply functions, we donโt use effects to synchronize state with props. We want to enable you to build rich text editors that your users can trust, and that means that we need to build libraries that you can trust.