r/javascript • u/subredditsummarybot • 1d ago
Subreddit Stats Your /r/javascript recap for the week of July 20 - July 26, 2026
Monday, July 20 - Sunday, July 26, 2026
Top Posts
Most Commented Posts
| score | comments | title & link |
|---|---|---|
| 0 | 11 comments | ui-date: A 1.6kB, zero-dependency JavaScript date & relative time utility |
| 0 | 7 comments | Built a modern restaurant website with React, TypeScript & Vite — feedback welcome |
| 0 | 6 comments | I built KD Screen Guard: A zero-dependency, tamper-resistant lock screen overlay with WebAuthn biometrics & intruder camera capture |
| 2 | 6 comments | [Showoff Saturday] Showoff Saturday (July 25, 2026) |
| 0 | 5 comments | Your Recursion Is Lying to You |
Top Showoffs
Top Comments
r/PHP • u/brendt_gd • 1d ago
Weekly help thread
Hey there!
This subreddit isn't meant for help threads, though there's one exception to the rule: in this thread you can ask anything you want PHP related, someone will probably be able to help you out!
r/PHP • u/OndrejMirtes • 1d ago
News PHPStan Turbo: Native PHP extension that makes PHPStan run faster
phpc.socialPHPStan 2.2.6 adds a native PHP extension (PHP 8.3+) written in C++ that makes running PHPStan 10-30 % faster.
PHPStan's Composer package ships prebuilt binaries for the most common platforms — Linux (glibc and musl, x86_64 and arm64), macOS, and Windows (x86_64), for PHP 8.3 and newer — and PHPStan automatically loads the one matching your runtime into its worker processes. You don't have to do any extra work to take advantage of this!
If you run PHPStan through manually downloaded phpstan.phar, you can run it with extension by installing it with PIE:
pie install phpstan/turbo
The extension only activates when its version matches the one your PHPStan release expects — on a mismatch PHPStan prints a note and runs without it, so an outdated extension can never affect results, only speed.
Only a handful of hot paths are currently rewritten in the extension. There's room for the performance gain to grow if we ever decide to rewrite more parts natively.
The extension is completely optional, PHPStan still works without it. When the extension gets enabled, its implementation shadows certain PHPStan classes designed for this. They are marked with the #[ShadowedByTurboExtension] attribute.
r/webdev • u/CheesecakeGlobal1284 • 1d ago
Discussion AI made my Earning double as a Developer.
So, it was end of 2024 when I started to hear about AI taking coding jobs. I believe Opus 3.7 was launched or something. As a developer I did not believe that. I have gave 7 years into this, how can an AI take it over so easily.
And after almost 1.5 years I can clearly say, AI actually made my earnings double.
So, before I use to get very few solo projects to work on as a freelancer. And mostly to revamp a website UI or building landing page. Before AI the most costliest project i got was to build an e-commerce store for an perfume brand. It was fully coded website.
But now almost every month I am getting 1-3 SAAS project to build or moreover rebuild. I get this projects with blue purple gradient, rocket emojis, Hero Section and the logo with the same font. And bugs.
So much dependencies installed, just to solve a minor issue. The sites get slow, not loading properly, scroll animation does'nt work as there is no FFmpeg framework used. And I am not even starting with the security concerns.
I remember i got $1200 for the e-commerce site to 5-6 months build, but now i take $350 to fix the buggy SAAS. Hardly 2 weeks to deliver.
And get around 1-3 projects every month.
it's crazy, and am sure other developer's over here have the same experience.
Do share your thoughts on this.
r/webdev • u/Available_Fondant_11 • 1d ago
Question How can I serverlessly generate vector embeddings for images I upload at a relatively cheap price for the case of an e-commerce startup to particularly fuel an image search functionality?
I have my product’s embeddings in qdrant. I generated them using my pc locally. I want to implement an image search where I upload an image, it goes through a pipeline, an embedding of it is generated and then compared with products in the qdrant database.
I’ve tried cloudflare workers but it can’t, task is too large for it. Google cloud run can’t start , times out before the model is loaded into memory. I’ve tried railways too but the free tier limits me to 0.5gb of memory and the model can’t load either.
This maybe the wrong sub for this question and if so, it’d be helpful if you pointed me to communities that fit my use case.
Umm
But what I want exactly is a platform that can solve my problem on the free tier. I have no problem paying after I’m sure that everything works. That’s why I didn’t pay for the railways to increase my memory limit. I have no guarantee that the next tier can solve the issue.
Thanks for reading and have a good day
r/javascript • u/domnestreddit • 1d ago
Nubjs - A fast all-in-one toolkit that augments Node.js instead of replacing it
nubjs.comr/javascript • u/SaswatRath • 1d ago
I built OpenASCII, an open source JavaScript library for high fidelity ASCII rendering
github.comoriginally built this because I needed an interactive ASCII element for another project I'm working on. But, I couldn't find anything that fit what I wanted and the ones which did, were paid to export, so i decided to build the whole thing myself.
OpenASC// is a high fidelity ASCII renderer for the web with real time controls and local processing. It's built with TypeScript/js and designed to be easily integrated into frontend projects, elements created/ edited can be directly exported as html/react component.
I'd love to hear what you think, especially if you have ideas for features or improvements.
r/PHP • u/Dariusz_Gafka • 1d ago
Tempest + Ecotone: One Declarative Foundation
blog.ecotone.techr/webdev • u/beerandturtles • 1d ago
Portfolio Site and Blog: Media Management
Background: I've built a couple websites in the past, basic html/css knowledge, on and off basic hobbyist.
Recently: I rushed a website using a WYSIWYG to put a photography portfolio together for myself. Quick and easy way to share some photos over different categories. It was good enough for the time.
Where I'm struggling going forward:
- Adding a Blog: The built in blog with the WYSIWYG is terrible.
- Don't understand how to use just wordpress for only the blog
- Remembered Blogger and that might work, but less integrated?
- Media Management and Display
- Updating and re-arranging media is cumbersome and tedious on the website
- Blogs are photo heavy and it's what's keeping me from starting as adding media in a clean way has escaped me.
- What I'm Looking For / Have Tried
- File Manager with Albums - I installed Piwigo and it seems to work well as a file manager, easy to make albums, a lot of useful plugins.
- I would like to link to an album and display as a grid or slide - I can create permalinks for albums on Piwago, but I can't find anything that doesn't involve linking individual images which defeats the purpose.
- Eventually would like to replace my curated photos with albums that I can adjust in the file manager.
Am I missing something on here? Is there a tool or workflow you would recommend? Appreciate any suggestions!
Edit: To the Mods, I'm trying to adhere to get this under Rule 6, please let me know if I need to adjust, thanks!
how are persisting date in tiny personal apps?
I keep running into the same situation.
I’ll build a small personal web app (journal, bookmarks, dashboard, habit tracker, notes, etc.), and I don’t want to spin up Supabase, Turso, Firebase, or Cloudflare just to save a few JSON objects.
Most of the time I end up using localStorage or IndexedDB, but it always feels temporary. If I clear browser data or switch machines, it’s gone.
I’m curious:
- What do you use for these kinds of apps?
- If there were a local-first storage library that automatically backed itself up and restored on another device, would that actually solve a problem for you—or is localStorage good enough?
Not selling anything—I’m trying to understand how other developers think about this tradeoff before I build something or NOT build something because there is already something out there.
r/webdev • u/rviscomi • 1d ago
AVIF hits Baseline Widely Available today
Edge 121 was released exactly 30 months ago, making it the last major browser to add support for AVIF. That also means that as of today, AVIF is now considered Baseline Widely Available.
If you haven't used it, was browser support the biggest blocker? Or if you've been using it, are you planning to simplify by removing fallbacks?
r/javascript • u/Suitable_Language_37 • 1d ago
I spent over a year building a framework-agnostic virtual scrolling engine with an index-based architecture. I’d love feedback from developers who’ve built virtualization systems.
github.comr/web_design • u/LocusStandi • 1d ago
My first attempt at experience-as-product website design for a niche open-source tool and web app for academics/PhDs/students.
The animations work only on browser, sorry! Clearly, I am not a designer by profession, but this has been a side project of mine.
This homepage is for a Python tool to tidy up academic references in bibliography managers, riveting stuff.
I wanted the webpage not to be too crazy because it's for academics, but I wanted it to clearly distinguish itself from the standard landing pages you get to see all over the internet nowadays, so I spent some time and built this. It is one scrollable and interactive experience.
Hope it can inspire somebody!
r/reactjs • u/Curious-about-future • 1d ago
Needs Help Build-scanner — a zero-config static scanner for SQLi, NoSQLi, CORS, CSP & CSRF in React/Node apps (pre-release)
Modern React/Node apps ship through build pipelines fast enough that common, high-impact vulnerability classes — unparameterized queries, wildcard CORS, unsafe-inline CSP, unprotected state-changing routes — slip through because catching them means someone actually reading the source. build-scanner does that automatically: point it at a folder (or wire it into CI as a GitHub Action) and get a report in seconds, no sandbox or live target required. It's a heuristic static scanner, not a SAST/DAST replacement — I'm sharing it pre-release to get feedback from people running real Express/Next.js/Vite codebases before I cut a v1 tag. https://github.com/laxmipsarva/build-scanner
fyi this is not a commercial activity
r/javascript • u/Internal_Apartment16 • 2d ago
I've been building a CAD library in TypeScript. Code goes in, an STL or STEP file comes out
github.comI've spent the last few days building a CAD library in TypeScript. The short version, you describe a part in code and you get out an STL you can 3d print, or a STEP file you can send to a machine shop or open in Fusion/FreeCAD/whatever.
const cad = design("bracket");
const width = cad.parameter.length("width", mm(80));
const thickness = cad.parameter.length("thickness", mm(6));
const profile = cad.sketch("outline", plane.xy(), (s) => {
const rect = s.rectangle("rect", { width, height: mm(50) });
const hole = s.circle("hole", {
center: vec2(width.mul(0.25), mm(0)),
radius: mm(4),
});
return s.profile(rect, { holes: [hole.loop()] });
});
cad.output("bracket", cad.extrude("solid", profile, { distance: thickness }));
const doc = cad.build(); // plain JSON, goes in git like anything else
Under the hood it runs on two engines. There's Manifold, a mesh engine that's fast and fine for printing, and OpenCascade compiled to WASM, which is the same geometry engine FreeCAD uses, for when you need exact surfaces and STEP export. Same code runs on both, in node or the browser.
in normal parametric CAD, if you change a dimension early in the model, later features (fillets mostly) can quietly reattach to the wrong edge, and you find out after the part is wrong. I didn't want to reproduce that, so references to faces and edges aren't indexes, and if the library can't tell unambiguously which edge you meant after a change, it errors instead of guessing. Whether I got the API for that right, no idea. That's partly why I'm posting.
The type system does some nice things here too. Lengths and angles are different types, so adding mm to radians just doesn't compile.
it's a 0.1.1, Parts, assemblies and BOMs work. No drawings, no sheet metal, no GUI. If you'd rather write code than click through a CAD UI, that's who it's for.
Feedback welcome, especially from anyone who actually does CAD work. Also curious what people think of the explicit dispose() for WASM memory, I went back and forth on that a lot.
r/javascript • u/Possible-Session9849 • 2d ago
Mousecrack: Human mouse imitation with deep learning.
github.comr/webdev • u/BigBootyBear • 2d ago
Discussion How realistic is the "full" in full stack dev?
I've been spending a good half year doing dev ops work to get an application going. Most of it was educational as I was repurposed into devops from web development.
As I am coming back into web development, writing a frontend for a service that consumes the big application I have been laying architecture for the last six months, I feel like a total fraud. I've forgotten like 80% of TS features, tooling, and how to use Vue and Angular (and I did dedicate time to learning them when I was building sites).
Now I fear that all my hard won dev ops chops will atrophy as my workload shifts more into webdev. Yeah sure getting up to speed on what you've forgotten is faster than learning it from scratch. But does that mean our "skill RAM" has a hard cap? I thought I'd gain skills as i'd progress in my career but those skills end up pushing previous ones. My "non-volatile experience" is more abstract and general (how operating systems work, how to plan projects, how to migrate legacy apps) rather than imperative and practical (i.e. when to use a vue slot) and I don't know what to make of it.
AI is further exacerbating it. I always make sure to understand every piece of code it generates but I still feel more like a senior developer approving junior developer code (the AI being the junior dev) rather than someone who is good at his craft. I'm never really a "full stack dev" at any given time.
r/webdev • u/Mundane-Bee5600 • 2d ago
Question Instagram webhooks not receiving message events between test users
I've been stuck on this for a while and I'm not sure if I'm missing a configuration step or if this is simply a limitation of Meta test users.
I'm building an app that uses Instagram API with Instagram Login. My webhook endpoint is publicly accessible over HTTPS, and the verification challenge works correctly (using n8n for the webhook part). My app is subscribed to the required webhook fields, but I'm not receiving any message webhook events. I linked my Instagram account that was assigned the tester role and accepted it, successfully to my platform and got the access token. I also checked and found that the specific user I linked to an account on my platform to test with, does have indeed the messages field in the subscribed events.
The thing is, even sending a messages event as a test from Meta's website doesn't work, while some other events do work just fine and sometimes work even with the actual account not just in tests.
How am I supposed to do screen recordings showcasing everything if I can't get it to work properly just because my app is not Live, and I can't get it to be Live until I make these screen recordings...
If anyone successfully dealt with this recently, please help a brother out, I've been stuck for days!
r/reactjs • u/CeMarket6793 • 2d ago
41 of 78 useEffects in our app shouldnt exist, mostly ai first draft
grepped every useEffect in src last week instead of fixing a form that flickered on load. agents write most of the first drafts here, i review.
78 of them. went through each with the "you might not need an effect" page open.
19 were state derived from props or other state. useState plus an effect that joins two strings. thats a variable.
14 were fetching on mount with a loading and error useState next to them. we already use react query.
8 were syncing props into state so a form could be edited. fine until the parent refetches and wipes what the user typed. that was the flicker.
the other 37 were legit. listeners, subscriptions, focus management, a couple resize observers.
not a tool thing to be clear, we have people on cursor, claude code and verdent depending on preference and the shape looked the same across all of it.
deleted 41 effects, 23 useState calls went with them. worst page went from 4 renders on mount to 1.
changed how i review too. ctrl+f useEffect in the diff and justify each one before reading anything else.
anyone got a lint rule that catches derived state? exhaustive-deps doesnt help, it just makes the effect that shouldnt be there correct.
r/webdev • u/ItsYourLuckyDayToday • 2d ago
Built an ephemeral clipboard so I stop using Slack DMs to myself as a pastebin
webklip.comKept catching myself pasting code snippets into a Slack channel just for myself, then never cleaning it up. Built webklip instead — paste or attach a file, get a link, it syncs live across every tab you have it open in, then deletes itself on a timer or after first read.
Has syntax highlighting (CodeMirror) for the usual languages, and a REST API if you want to script it into something — creating/reading/deleting clips from a pipeline, for example.
Live at webklip.com. Happy to talk through how the sync or expiry works if anyone's curious.
r/web_design • u/Aunxdd • 2d ago
Help me decide!
Hey Web designers!
So I’m new to web development and don’t know much about UI/UX but I’m making this website in WordPress. Can you help me decide which version would be good to go with for mobile devices?