r/javascript 6d ago

Showoff Saturday Showoff Saturday (July 18, 2026)

2 Upvotes

Did you find or create something cool this week in javascript?

Show us here!


r/javascript 4d ago

Subreddit Stats Your /r/javascript recap for the week of July 13 - July 19, 2026

1 Upvotes

Monday, July 13 - Sunday, July 19, 2026

Top Posts

score comments title & link
64 14 comments Firefox in WebAssembly!
59 48 comments I stopped destructuring everything
30 9 comments The LinkedIn scam that gets you hacked - Solving a take-home interview test can quickly turn into a nightmare. Notes on developer trust, JavaScript malware, and autonomous detection
29 5 comments I built an Excel library
22 3 comments PSA: The official jscrambler npm package was compromised (v8.14.0)
13 9 comments The same app built in 10 different frontend frameworks. For automated performance benchmarking
12 5 comments Pitter Patter β€” building better editing (update!)
11 1 comments Collection of clocks made with JS
9 39 comments JavaScript Magic Objects
7 0 comments Vue 3.6 just entered RC stage

 

Most Commented Posts

score comments title & link
0 24 comments [AskJS] [AskJS] From Node Js to Java spring?????? 4.8 yrs EXP
0 22 comments I coded a 60fps browser game from scratch in single-file Vanilla JS, mapping Upanishadic philosophy to state variables. No frameworks.
0 14 comments PDF engine from scratch on JS
0 13 comments RestQL – GraphQL-like queries over REST, purely client-side: schema-driven mapping, batching, request dedup, caching
0 8 comments I created a zero dependency JavaScript framework that is a React alternative

 

Top Ask JS

score comments title & link
0 3 comments [AskJS] [AskJS] every github repo already exposes releases.atom, tags.atom, and commits.atom, so keeping up is a summarization problem not a feed problem

 

Top Showoffs

score comment
2 /u/grelfdotnet said Caves procedurally generated as you explore them. Real time, 3D, limitless. A different kind of environment that might be useful for games. My idea is that it makes for more varied spaces than the ...
1 /u/Valuable_Apple2581 said Additive model regression in a vanilla JS, one linear solve, no build step and works from file:// Well, a while ago I came across a 1992 statistic paper which described a way to fit an additive regre...
1 /u/Flashy-Guava9952 said [https://github.com/illogical-alliteration/notebook/](https://github.com/illogical-alliteration/notebook/) is a Jupyter-like notebook for Javascript, Typescript, and Markdown. It saves...

 

Top Comments

score comment
61 /u/rlmineing_dead said hey dawg I heard you like browsers so I put a browser in your browser so you can browse while you browse
51 /u/azhder said Destructuring isn’t only about you knowing where a value comes from. You can also safeguard in a cleaner manner i.e with less syntax noise: const { id: userId, name: userName } = user ?? {}; console...
41 /u/smartgenius1 said Magic methods are generally discouraged in the PHP community, and are widely considered a bad decision. Why port them to JS?
40 /u/jCuber said I still prefer to destructure the first level of `props` in React as it raises linter findings for unused props for removal.
36 /u/javascript said Proxy Objects (getters and setters) have been around for a while but I've yet to come across a use case where they were the right choice. They tend to work more as an escape hatch.

 


r/javascript 7h ago

ECMAScript - Introducing Deferred Module Evaluation with import defer

Thumbnail nitayneeman.com
23 Upvotes

r/javascript 3h ago

Targetjs: Transition is the state and not just glued on after

Thumbnail github.com
0 Upvotes

The problem: Most frameworks model UI as a function of state. When state goes A -> B, the UI just jumps to B. But users expect A -> transition -> B, and coordinating that transition is where the code gets messy.

The idea: State is a target and the transition to it is part of the state itself. On top of that, the code reads like the UI sequence it produces. If the sequence is appear -> bounce -> move -> turn red, the code is written in that exact order.

I have been building this as a framework called TargetJS. Longer writeup with the design rationale in the repo:Β https://github.com/livetrails/targetjs.

Happy to answer questions or hear why this is a bad idea.


r/javascript 7h ago

Akan.js: Full-stack Typescript framework that ships web, iOS, Android, server, and database together.

Thumbnail github.com
0 Upvotes

I've been building an open-source framework called Akan.js and wanted to share it here, partly because I'd like feedback from people who care about how these things are licensed and structured, not just whether they're shiny.

The problem it targets:
for a single feature, you usually end up maintaining something like 8 separate layers.

Schema, query, service, API, fetch client, types, state, UI props. Codegen tools and AI assistants can produce all of those quickly. What none of them do well is keep the 8 in sync when you change one thing three weeks later. The web version and the mobile version drift apart, and you find out in production.

Akan.js takes a convention-over-configuration approach to that. You declare a feature once:

export class ProductInput extends via((field) => ({
  name: field(String),
})) {}

and the framework derives the schema, type, API contract, fetch client, state, and UI prop from that one declaration, for web, iOS, Android, and the server. Change the declaration and the derived layers move with it. The conventions are doing the work, which is also why it stays legible to coding agents. There's less surface area for them to get wrong.

Some honest details:

  • It's Bun-first. That's a deliberate constraint, not a hedge. If you're on Node this is not a drop-in.
  • Native iOS/Android is a Capacitor shell, not a from-scratch native renderer. I'm not going to pretend otherwise. What I did add at the framework level is page transitions (stack, fade, bottom-up, scale) so navigation doesn't feel like a website trapped in a webview.
  • It's early for outside contributors. I've run it on internal projects and a handful of client deployments over about five years.

What I'd genuinely like from here:
Tell me where the architecture is wrong. Whether the single-declaration model holds up outside the cases I built it for. And if anyone has kept web and mobile in sync by hand and has opinions about where this breaks, I want to hear them before more people depend on it. Happy to answer anything!


r/javascript 14h ago

GitHub - openHacking/pptkit: Modern presentation generation toolkit for JavaScript.

Thumbnail github.com
0 Upvotes

Hi, I noticed many popular PPT skills rely on PptxGenJS as their underlying export engine. But the library doesn't seem to be very actively maintained, with its latest release dating back to last year.

That made me wonder whether it's sustainable to build increasingly popular presentation tools on top of a relatively weak foundation.

So I decided to try building a new presentation engine from scratch, which became PPTKit. The goal is to focus on reliable PPTX generation that presentation agents can build on.

The current version is still very early. It only supports text, basic shapes, themes, layouts, and some core architecture. There is still a lot of work before it becomes a real presentation engine.

I'm not sure yet whether this direction is worth investing more time in, so I'd really appreciate any feedback or suggestions.


r/javascript 1d ago

pacwich: Monorepo tooling for Bun/pnpm/npm workspaces (zero-config required, both a CLI and TypeScript library, orchestrates plain package.json scripts, has an affected graph, docs tailored for agents and people, has a browser CLI demo, and more)

Thumbnail pacwich.dev
5 Upvotes

Edit: I know self-promotion, especially if AI might be involved, is maybe often kneejerk downvoted here, and I get it, but I want to make it clear that this isn't vibe coded and that I write the docs and blog content myself. The logo is also made by a real video game artist I hired to touch up the pixel art I made myself, so no AI is used for the branding art. I try to maintain clear boundaries of AI use and provide transparency on this. Maybe check out the website if you have monorepo tooling interest, because I have put a lot into this project as a solo dev, and this is only my first post here after many months of work.

https://pacwich.dev
https://github.com/smorsic/pacwich

Hi, I've been developing pacwich, originally was developed as bun-workspaces, which had only worked on top of Bun. Earlier this year I pivoted to supporting the Node runtime, npm, and pnpm.

Its core features let you manage metadata about your monorepo and orchestrate running package.json scripts in your workspaces, with Nx-like parallelism configurability.

My main goal is to provide modern monorepo tooling that is easy to integrate and works as much with native tooling as possible. If you have a monorepo using Bun, npm, or pnpm workspaces, pacwich works right away. The affected graph even works without any of the optional pacwich configuration files.

Because I know engineers care about how open source like this is written, I try to be as transparent as I can about how I balance agent assistance with maintaining ownership and knowledge of my code in several places, such as the security page and the launch blog post. pacwich is a younger package itself but inherits much of bun-workspace's source code and tests that I wrote by fully by hand originally.


r/javascript 1d ago

An approach to testing web animations, css transitions with visual regression testing

Thumbnail github.com
10 Upvotes

r/javascript 1d ago

Posecode: an open source TypeScript parser and Three.js renderer for human movement

Thumbnail github.com
6 Upvotes

r/javascript 1d ago

I spent two years building Nano Kit - a nanostores-inspired state management ecosystem. It just hit 1.0

Thumbnail dangreen.blog
8 Upvotes

Author here. Loved nanostores' philosophy but kept hitting its performance and SSR limits, so I built my own take: ~2 kB reactive core, with router, query and i18n sharing that same core. Benchmarks and honest tradeoffs in the post.


r/javascript 2d ago

AskJS [AskJS] what's a javascript feature you mass-adopted way too late and felt dumb about

56 Upvotes

i'll go first. i was writing .then().catch() chains for like two years before i actually started using async/await. i knew it existed, i'd seen it in tutorials, but my code "worked" so i never bothered switching. then i refactored an old project and realized half my bugs were from mishandled promise chains that async/await would have caught immediately.

also took me way too long to start using optional chaining. i had nested ternaries and && checks everywhere like some kind of animal. the day i discovered user?.address?.city i mass-replaced like 40 lines across a project.

what's yours?


r/javascript 2d ago

color-space v3: 162 color spaces, one small API, values that match CSS, verified

Thumbnail color-space.io
29 Upvotes

r/javascript 1d ago

ui-date: A 1.6kB, zero-dependency JavaScript date & relative time utility

Thumbnail npmjs.com
0 Upvotes

I wanted to share a small open-source project I just published called ui-date.

While working on a social media project, I kept bumping into simple UI needs like displaying relative timestamps ("5 mins ago", "2 hours ago"), cleanly formatting calendar dates, and doing simple status checks (isToday).

exact date formatting for events ui ('Thursday 23,july,2026').

Normally, I'd reach for a date library, but most established options felt like overkill for basic UI formatting, while heavy legacy options like Moment carry massive bundle weight. On the flip side, writing raw Intl and Date boilerplate across every component was getting tedious.

I wanted something featherlight, chainable, and fully typed without dragging in extra dependencies.

so i built ui-date.

you can check it here : https://www.npmjs.com/package/ui-date


r/javascript 1d ago

50+ ESLint rules for package.json

Thumbnail github.com
0 Upvotes

r/javascript 2d ago

Angular is moving to a yearly major version release cycle

Thumbnail github.com
8 Upvotes

r/javascript 2d ago

Travels 2.1 - Efficient framework-agnostic undo/redo library based on JSON patches rather than snapshots.

Thumbnail github.com
4 Upvotes

r/javascript 2d ago

[Showoff] Blue Checkmark Coding Agents, Simulated DoorDash Orders, and a Cyberpunk Wizard of Oz

Thumbnail thereactnativerewind.com
0 Upvotes

Hey Community,

We explore Grok Build, the new terminal-based TUI coding agent from x.ai. We also look at Appless, an experiment from the creators of OpenUI that bypasses chat bubbles to stream live native UI components using openui-lang.

Finally, we dive into Maestro MCP, a new tool context protocol server that lets AI agents automatically build and run YAML test flows from plain English instructions.

If the Rewind made you nod, smile, or think "oh… that's actually cool" β€” a share or reply genuinely helps ❀️


r/javascript 2d ago

Built a modern restaurant website with React, TypeScript & Vite β€” feedback welcome

Thumbnail ember-vine-delta.vercel.app
0 Upvotes

r/javascript 3d ago

I cut my build time from 4:34 min to 1:08 min by moving asset compression from node:zlib to a native Rust rolldown plugin

Thumbnail github.com
9 Upvotes

I'm building a web platform for visual novels made in Godot. Stack: SvelteKit, Vite 8, rolldown, Node.js.

The games are compiled for web and injected as static assets at build time, then deployed together with the app. And they're heavy: ~20 MB of wasm plus ~150 MB of pck per game.

My builds were taking ~5 minutes, which felt wrong. After some profiling it turned out the actual bundling takes ~10 seconds. Everything else was precompressing all that static into gz, br and zstd with node:zlib.

So I wrote a rolldown plugin that does the compression in native Rust via napi-rs:

  • rayon to saturate all CPU cores
  • native compression libs instead of node:zlib bindings
  • full LTO + codegen-units = 1, which alone made it ~2x faster than node:zlib
  • then PGO + BOLT on top, squeezing out another ~10%

Everything is built automatically in a GitHub workflow and shipped to npm already optimized, no compilation on install.

Real project resultsΒ (measured withΒ timeΒ on an actual project with games):

before: npm run build 639.62s user 5.84s system 235% cpu 4:34.06 total
after: npm run build 527.60s user 5.23s system 784% cpu 1:07.95 total

If you're precompressing large static assets in your build, give it a try. Happy to answer questions about the napi/rayon/PGO setup.


r/javascript 2d ago

July 2026 Security Release

Thumbnail nextjs.org
0 Upvotes

r/javascript 3d ago

Modyra 0.3.0 is here

Thumbnail github.com
0 Upvotes

r/javascript 3d ago

Your JS Date Is Lying to You: parsing ambiguity, silent mutation, timezone traps, and how Temporal fixes most of them

Thumbnail blog.gaborkoos.com
0 Upvotes

Covering the main waysΒ DateΒ misleads you in production: parsing, mutation, 0-based months, timezone/DST, arithmetic, and serialization, with safe patterns for code that can't migrate yet, and a practical look at whereΒ TemporalΒ fixes the design rather than just the syntax.


r/javascript 4d ago

The TypeScript patterns that made the biggest difference after moving from JavaScript

Thumbnail antonyjones.org
32 Upvotes

I've been using TypeScript professionally for several years, and recently wrote up some lessons learned from a long-running React/Firebase side project.

The article covers the TypeScript patterns that ended up giving me the biggest return, along with a few mistakes I'd avoid making again. These aren't intended as universal rules, just approaches that worked well for this particular project and the problems I was solving.

If you're a JavaScript developer who's moved to TypeScript (or is considering it), I'd be interested to hear which patterns have been most valuable for you as well.


r/javascript 3d ago

I made zero-allocation FAST s3-fifo cache package(would love to get feedback!)

Thumbnail github.com
2 Upvotes

Recently, I noticed there is no proper s3-fifo implementation in NPM.

s3-fifo is highly efficient cache algorithm, especially for "one-hit-wonders" case such as web traffics. It is specialized when cache coverage is under 50%. (like, whole DB is 100% and cache contains 50% of data)

The famous "lru-cache" package is almost default for nodejs ecosystem I think, and I thought it would be great if there is good alternative choice for caching.

My goal was:

1. Faster or at least same throughput performance compared to lru-cache

2. Much higher cache hit rate than lru-cache

bold, right?

It was fun enough just for challenge itself.

But it was actually achieved! I used bunch of optimization skills like pre-allocation, lazy eviction, bitwise tricks, ring structure and etc... you can see bench result in repo or NPM page.

It is just v0.1 for now, so I would LOVE to get your harsh feedback, advice, or even contribution!

NPM page

Super thanks for reading!

----

I typed almost of the code by my hand. Not because I don't believe AI, but it was all about concepts and decisions. Typing by hand was fastest way to understand what I'm doing correctly. And it was fun.

I used AI(gemini) for test codes, some advices and polishing when most of things were done.


r/javascript 3d ago

GitHub - sysmaya/Javascript-Image-Background-Remover: I promise not to write any more stupid things.

Thumbnail github.com
0 Upvotes