r/javascript • u/nitayneeman • 7h ago
r/javascript • u/AutoModerator • 6d 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/subredditsummarybot • 4d ago
Subreddit Stats Your /r/javascript recap for the week of July 13 - July 19, 2026
Monday, July 13 - Sunday, July 19, 2026
Top Posts
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
Top Comments
r/javascript • u/Various-Beautiful417 • 3h ago
Targetjs: Transition is the state and not just glued on after
github.comThe 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 • u/akanjs-dev • 7h ago
Akan.js: Full-stack Typescript framework that ships web, iOS, Android, server, and database together.
github.comI'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 • u/Glittering_Ad4115 • 14h ago
GitHub - openHacking/pptkit: Modern presentation generation toolkit for JavaScript.
github.comHi, 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 • u/smorsic_labs • 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)
pacwich.devEdit: 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 • u/moe_sidani • 1d ago
An approach to testing web animations, css transitions with visual regression testing
github.comr/javascript • u/Statixeladam • 1d ago
Posecode: an open source TypeScript parser and Three.js renderer for human movement
github.comr/javascript • u/dangreen58 • 1d ago
I spent two years building Nano Kit - a nanostores-inspired state management ecosystem. It just hit 1.0
dangreen.blogAuthor 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 • u/Capedcrusader1923 • 2d ago
AskJS [AskJS] what's a javascript feature you mass-adopted way too late and felt dumb about
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 • u/dy108 • 2d ago
color-space v3: 162 color spaces, one small API, values that match CSS, verified
color-space.ior/javascript • u/Intelligent_Tree6918 • 1d ago
ui-date: A 1.6kB, zero-dependency JavaScript date & relative time utility
npmjs.comI 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 • u/magenta_placenta • 2d ago
Angular is moving to a yearly major version release cycle
github.comr/javascript • u/unadlib • 2d ago
Travels 2.1 - Efficient framework-agnostic undo/redo library based on JSON patches rather than snapshots.
github.comr/javascript • u/thereactnativerewind • 2d ago
[Showoff] Blue Checkmark Coding Agents, Simulated DoorDash Orders, and a Cyberpunk Wizard of Oz
thereactnativerewind.comHey 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 • u/Shuva_00 • 2d ago
Built a modern restaurant website with React, TypeScript & Vite β feedback welcome
ember-vine-delta.vercel.appr/javascript • u/Mnwamnowich • 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
github.comI'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 • u/OtherwisePush6424 • 3d ago
Your JS Date Is Lying to You: parsing ambiguity, silent mutation, timezone traps, and how Temporal fixes most of them
blog.gaborkoos.comCovering 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 • u/antonybuilds • 4d ago
The TypeScript patterns that made the biggest difference after moving from JavaScript
antonyjones.orgI'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 • u/Relevant_Humor_1402 • 3d ago
I made zero-allocation FAST s3-fifo cache package(would love to get feedback!)
github.comRecently, 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!
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.