The asteroid currently hitting front end web development (nolanlawson.com)

111 points by codechicago277 10 hours ago

chanux an hour ago

> For better or worse, React is heavily overrepresented in the training weights, and “agent experience” is starting to matter more than developer experience.

Another winner takes all situation. This and the other post on agent tool use[1] makes me think we are in a period of great homogenization. I'm sure there's a group that's delighted about this but for me, it just makes me feel a little uneasy.

[1] https://armature.tech/blog/which-tools-coding-agents-install

redwood an hour ago

See https://arxiv.org/abs/2407.02209 but I hope researchers are looking to tackle this problem

comrade1234 9 hours ago

My wife's experience is managing teams and has been involved in creating corporate websites using contractors. She doesn't know anything about html at all. She just manages people.

She's now working on a biotech start-up pre-funding. They have pretty much zero money. They want to redesign their website.

I set her up with my deepseek key and she's been using flash-v4 with image detection (I think deepseek says it's still experimental). She just provides the current website, tells how she wants it to look and it works great. I mean it's obviously ai generated but she gets quick results and is able to tweek things to look better by just telling deepseek what to do. She was even able to change the text in one of their images to its new product name without having to contact the graphic designer.

This is a simple example. Basically it's one of those earlier jobs that you could get someone to bid on for $x but now you can do yourself for $20.

jonathanlydall 8 hours ago

My mother has a psychology practice and wanted to update her 20 year old website.

I did the first few prompts (single static page, basically a brochure, don’t worry about hosting) into ChatGPT to get her started and a few days later she sent me a .zip which I uploaded.

Only took a while because she wasn’t paying for ChatGPT so had to wait for the free limit to reset quite a few times.

But overall it was super empowering for her.

Wowfunhappy 8 hours ago

Not that I'm in favor of spending money unnecessarily, but I find it kind of surprising she didn't just spend the $20, given this was a website for her professional money-making business.

georgemcbay 3 hours ago

thaumasiotes 8 hours ago

adamredwoods 4 hours ago

The key is you're doing it yourself, so it takes your time away from something else. And if something doesn't quite work out, who's the backup?

For small shops and startups, this probably doesn't matter. For mission critical sites, who's more dependable? AI is a tool, that's all it is.

dostick 6 hours ago

She wouldn’t be able to do any of that without you setting it up first. She would not know anything about deepseek, meaning of a folder with index.html file. Would not know even what to ask ChatGPT, “I need a website”? You make it sound like easy task anyone can do, when you provided 99% of otherwise impossible for them to easily obtain key knowledge needed.

oefrha 3 hours ago

Any idiot can spend one minute now to acquire this amazing knowledge that you can just ask ChatGPT “I need a website”. If they don’t know now, sooner or later they’ll know from a short TikTok or something in the next couple of months/years. Not to mention AI companies are spending $$$ on ads to raise awareness; professionals already know they can create slides with LLMs, literally nothing’s different when it comes to most content websites. Yes, it’s an easy task any idiot can do. Head in sand, pretending it’s some sort of $10k for knowing where to hit situation isn’t going to reverse the trend.

nozzlegear 2 hours ago

mplewis 5 hours ago

you can literally do that to chatgpt

theendisney 2 hours ago

technion 7 hours ago

Every static HTML pages built this way with ai is another WordPress site that wont get built by contractors just to be neglected, compromised, and used to launch phishing and ransomware attacks.

kajman 6 hours ago

Maybe, but what about when "Claude do this" picks WordPress for someone that doesn't know what a reverse shell is?

oefrha 2 hours ago

reaperducer 7 hours ago

Every static HTML pages built this way with ai is another WordPress site that wont get built by contractors just to be neglected, compromised, and used to launch phishing and ransomware attacks.

You mean the very web sites that the "AI" trained on?

If you think AI can't make buggy code, there are several dozen thousand comments on HN that disagree.

technion 4 hours ago

snakeboy 8 hours ago

> She was even able to change the text in one of their images to its new product name without having to contact the graphic designer.

Is that legal... ? I admit I don't know much about graphic design is contracted.

comrade1234 7 hours ago

Just like if you're a programmer the company paying you owns the work.

dijksterhuis 5 hours ago

gamblor956 3 hours ago

Chaosvex 4 hours ago

xyst 8 hours ago

show us these "corporate websites"

comrade1234 8 hours ago

That was just part of her work. She was employee #11 at a now $4.5B biotech company so everyone that early on had to do everything. She worked for Novartis, for booz allen, and others. She usually hired McKinsey consultants for projects but the web stuff was for smaller companies. She managed a team in India for one of her companies that took care of the web stuff. Basically just look at any top-10 Pharma or government website and you might see what she managed.

patcon 6 hours ago

latchkey 9 hours ago

i started a web development business in 1995 and have been coding web stuff for decades.

like the OP, all those years of learning how it works under the covers gives me a distinct advantage since i can easily tell what is slop and what is going to perform. as well as how to get AI to iterate and fix the things it isn't good at (yet). i feel like now i have super powers. i love it and can't get enough.

the fact that your wife can be productive at lower cost means that more products will be built and more opportunities will be made. instead of spending money on website design, her business can spend money developing biotech.

i welcome that, even if it means that things will change from the past and those that have made a career out of charging thousands will get replaced by a $20/month subscription.

throwayay4929 9 hours ago

Would you say this is a similar but perhaps bigger change to frontpage/Dreamweaver/web app frameworks? Those all drastically cut down tub development time for web pages and at the same time opened up new possibilities. I wonder how it'll pan out with AI

Gualdrapo 9 hours ago

latchkey 9 hours ago

etoxin 4 hours ago

I was originally a Flash developer, when that died when Steve Jobs banned it from iPhones, I pivoted to frontend. I got to see web evolve over the next decade or so and loved every part of it.

Now, still as a frontend engineer albeit much more senior. The writing is on the wall, again. It's time to reskill for AI.

It's not bad news.

We as experienced engineers are needed to help build in the guardrails, frameworks, the new tooling, etc. There is a lot of work that is needed that requires actual engineers with technical experience.

Like the early internet, I see this as a new beginning and we get to decide how it evolves.

livinglist 20 minutes ago

I think that is the nature of being a software engineer, even before AI you had to keep learning new libraries/SDKs/APIs/languages to keep up with the industry trend. I think it will remain the same in the age of AI, good engineers will adapt.

thelastgallon 4 hours ago

I can't wait for the asteroid to hit C-Suite and senior execs. These are the most meaningless jobs and easiest to automate, with the most cost savings.

rickbergfalk 5 hours ago

> Meanwhile, Cursor and Viget have blogged about migrating their codebases from Solid and Lit, respectively, to React.

That was maddening to read. Here I was thinking we should all be migrating to better performing frontend solutions. Does it really take an agent that many more tokens to write Lit or regular HTML and HTMX?

ramraj07 2 hours ago

At least last year most agents wrote materially worse code in htmx.

owebmaster an hour ago

> Does it really take an agent that many more tokens to write Lit or regular HTML and HTMX?

Definitely not. That's skill issues. The shadow DOM can be a bit tricky.

CqtGLRGcukpy 2 hours ago

There is going to come one day that companies (and any website owner) will wish they didn't use AI and instead used a simple (maybe even plain-text) website. That will come when people really need information from that website but can't get to it.

https://sparkbox.com/foundry/helene_and_mobile_web_performan...

Discussion regarding that post: https://news.ycombinator.com/item?id=46494734

hexapus 2 hours ago

I wish that was the answer to all of these people setting their spouse, their grandmother, their boss loose with LLMs to build sites. It should just be acceptable to have a simple site that conveys information well, and then we wouldn't need to boil the seas to generate pages of shiny slop.

cube00 2 hours ago

> If you write a React component with an agent, though, then the risk of just yolo’ing it into production is (typically) much lower.

If your state management gets out of sync with the form controls your users are working with it can become pretty high risk because now users see one thing and something else actually gets sent to the backend.

ramraj07 2 hours ago

If your coding agent screwed up so bad that wrong data is being shown to the user, in August 2026, thats more on the prompter than anything else.

Supermancho 7 hours ago

> The frontend is less risky to just hand to an agent.

The smaller the problem, the less risky it is to do this, regardless of the nature of the problem. This is not a frontend-specific issue today.

josephg 7 hours ago

Frontend development - perhaps more than any other kind of software development - is “what you see is what you get”. There aren’t a lot of ways a website can be invisibly broken.

Systems engineering isn’t like that. Vibe coders beware: A database could silently corrupt data, or have latent security vulnerabilities. It might have a badly designed query language that will be difficult to change later. But frontend code can be rewritten at will. It’s a perfect target for LLMs.

Gigachad 6 hours ago

At the same time I have found LLMs far less competent at frontend because they don't seem to have any visual understanding of what a good website looks like.

owebmaster 5 hours ago

The UX is what makes the users use the apps, systems, games, their phones.

atomicnumber3 4 hours ago

"There aren’t a lot of ways a website can be invisibly broken."

??? Have you never debugged weird react state before??? Have you never used a nontrivial SPA before? Even the most simple react SPA has about a trillion states.

I don't really know how to respond to your statement than "no, they can definitely be invisibly broken."

josephg 2 hours ago

Supermancho 17 minutes ago

etoxin 4 hours ago

When done properly, yes. But AI agents are doing a lot of data logic in the frontend that should be in the backend behind secure api's. When this happens, the frontend becomes a massive risk.

tuesdaynight 6 hours ago

In my useless opinion, most people are not aware of how big AI is and how bigger it will be in 3~5 years. It's not worthy to be worried about it, because it will be a global problem, but there are people who are completely blind about it

cromka 4 hours ago

Nobody is aware, but neither are you. We may as well have plateaued already. You don't know that.

tuesdaynight 2 hours ago

Even if that is the case, the current models are already revolutionary. We would spend years discovering all the capabilities of these things. And that is considering that the plateau would last for years. And I didn't say that nobody is aware. There are some people that follows the breakthroughs and model releases (in my life), and they agree with me

iAMkenough 5 hours ago

> It's not worthy to be worried about it, because it will be a global problem

Like hunger and diseases are global problems not to be worried about.

dsiegel2275 4 hours ago

I think they meant more along the lines of "This narrow problem today is not worth worrying about, because soon it will be a larger and bigger problem. "

Insimwytim 5 hours ago

  Prompt: Answer without searching the internet:
Woah! Must it discard all pre-training as well?

It already slurped "the internet". You can't seriously say it doesn't count!

jareklupinski 4 hours ago

there seems to be at least one service that your LLM can find if it searches the internet (e.g. in my case "best rental API") that poisons your context into thinking that that one service is the definitive and only available API for that data

atomicnumber3 4 hours ago

"Note I’m not saying there are zero risks: the agent could mess up accessibility, it could cause an infinite loop that blocks users, etc. But in general, frontend code is a lot more ephemeral and replaceable than other types of code. So I expect many AI coders will feel comfortable just letting their agent handle it unsupervised (for better or worse)."

This is a weirdly reductive take on frontend correctness. Just for the record, I'm a backend dev. So I don't have much stake in this game.

This idea is, of course, not uncommon. "If the backend has to treat the frontend as adversarial anyway, and has all this cool stuff (constraints etc) for guaranteeing consistency of the system, then the frontend can just do whatever, right?" It plays into a lot of biases around typical frontend devs, typical backend devs, language stereotypes, etc. So it _sounds_ good.

Let me tell you for a moment about one of the spookiest bugs I've seen. It was an app for sorting personal photos. You'd upload pics/vids off your phone, they appear in the UI, you click a folder for them to go into (or click delete to discard), etc. Simple app, right?

Well, naturally, pics from even vaguely modern phones are regularly 5MB or more. Not really something you want to sling around while a user is browsing and their main activity is going to be looking at said pic to decide what folder it goes in (or if it gets deleted). So we thumbnail. And the main app only ever shows the user the thumbnails. The backend organized things quite simply: it gets a list of images from the frontend, it assigns each of them a zero-based index, and generates a thumbnail you'll also access via index. Imagine a URL scheme like `images/0` and `images/0/thumbnail` serving the real assets and the thumbnail.

Well, this app had a bug at one point. The backend was indexing by the arbitrary order the user uploaded them in. The frontend was mostly doing this too. Unfortunately the logic for thumbnails was incorrectly indexing by the "taken time" (which was a post-upload timestamp constructed by looking at basically every available timestamp and picking the "best" one. i.e. hopefully the one the iOS camera app adds, but obviously pics come from other places too and you never know what a user will upload). The end result being users would upload pics, see a thumbnail of an accidental pic they took of their shoe, hit delete. But actually they were deleting a pic of their baby or similar.

Literally none of the testing caught this for 2 main reasons: headless tests don't look at images, and you can't write an assertion like ("does this image look like a downscale of this other image") (at least not easily... i guess image models could do it now? but probabilistic? not a word i like in my unit tests? I digress, this predated the current crop of "AI").

Now let me generalize: your frontend isn't just a weird way to call RPCs on your backend. It's part of the application. I don't think you can just hand-wave. And as we saw above, you can't even say "well the frontend is stateless! any bug is 1 deploy away from fixing!" - deploying the frontend didn't get anyone their baby pictures back.

gedy 2 hours ago

Maybe I'm an outlier here but I moved into front end to steer products and the resultant architecture into making sense from the incomplete or contradictory "requirements" we got from product and even UX. I've been doing this for over 20 years and every company has needed good engineers to make the product a logical reality.

LLMs piping out UIs from PM prompts aren't solving that imho.

leptons 17 minutes ago

>But in general, frontend code is a lot more ephemeral and replaceable than other types of code.

Tell that to Digg.

If you slop oit a front-end, your users will leave. It's that simple. The front-end is the part the users use the most, nobody cares how "elegant" your APIs are, or what kind of database the system uses. The front-end matters to users, a lot.

I've seen AI take a perfectly good front-end and slop out a piece of crap that will make the users leave in droves. And when nobody raises their hand (or in my case, everyone else is in the grip of AI psychosis) then bad times are ahead.

rudi-c 9 hours ago

In a related but less public way, I've found myself less motivated to write internal documentation at work. It feels like in a lot of cases, it'd be better for the reader to throw Claude at the codebase to explain things.

A separate document explaining how a system works can go out of date. While I'm quite good at highlighting the most important insights and non-obvious traits of a system, I'd still be guessing what the reader needs from my doc at the end of the day. Claude can answer questions based on what the reader is curious about and wants to learn.

Some types of document are still useful, namely higher-level directional or philosophical topics about the intention of a codebase. e.g. "we would like to eventually move X system to Rust for Y reason", "we chose mutable data structures over immutable in this part of the system because Z". But fewer than before.

patcon 6 hours ago

Yeah, I feel similarly, and kinda grieve how this is not longer a valued skill... I think I've cultivated my taste in many important social dimensions through thinking about what is important to leave in docs and in a note. It's a little strange to know that rarely will people do this work of honing this sense anymore...

AdieuToLogic 3 hours ago

> A separate document explaining how a system works can go out of date.

Good documentation does not explain "the how", it captures "the why."

kolinko 7 hours ago

Even the latter can be done automatically from meeting notes, tickets etc.

stickfigure 5 hours ago

I offer this, as someone who is heavy into AI development (as a coding assistant, not vibe-coding). I was pretty fast before and now I'm easily an order of magnitude faster.

* I scrutinize every line of backend code and frequently make revisions.

* I pay just barely enough attention to the frontend code to make sure it's not doing anything dumb.

* I pay zero attention to the CSS.

Either our expectations for UI interaction are going to go up a lot, or FE devs should start looking at product management roles. I think the asteroid metaphor is apt.

kypro 4 hours ago

As someone who loves FE the slop people are pushing where I work is really quite upsetting to me.

I reviewed some code earlier which clearly wasn't intended for consumed by humans and I know with certainty this dev wouldn't have understood 90% of what that code did. It looked like hours of Claude trying to force square into a round hole tbh, but it worked.

Was I going to reject the PR because of my code preferences? No, of course not. Ultimately it doesn't matter anymore. If Claude can maintain it then who cares... Even if it's broken (which it didn't seem to be) it's just FE anyway so not the end of the world.

I wish it did matter of course, but like most of coding these days, it just doesn't.

bigstrat2003 3 hours ago

> Was I going to reject the PR because of my code preferences? No, of course not. Ultimately it doesn't matter anymore.

You absolutely should've rejected it. Putting slop into production is a huge trap, because now the humans can't understand it and the LLM is just going to make it worse and worse over time.

sci_prog an hour ago

I think what OP is saying is that the fact that a human can't understand it won't matter as the code will only ever be read by AI.

paulpauper 9 hours ago

Being a programmer in the era of AI now means configuring the AI and run environments to produce the sought result, than manipulating the code itself. It's like how C runs on top of assembly.

chowells 7 hours ago

It's nothing at all how like C runs on top of assembly. C has semantics. Code means something without ever being run. You can check in your source code and (assuming it actually follows the C standard and your compiler's documented extensions, which almost no real C code does - C was a horrible example) it will work just as well in a year as it does today.

Try checking in only your prompts and nothing else. Just the parts you actually typed. See how well it works to regenerate the same application next week, let alone next year. Prompts are fundamentally a different sort of thing from code. Do not mix them up.

wredcoll 3 hours ago

> (assuming it actually follows the C standard and your compiler's documented extensions, which almost no real C code does - C was a horrible example) it will work just as well in a year as it does today.

> See how well it works to regenerate the same application next week, let alone next year. Prompts are fundamentally a different sort of thing from code

I mean... yes, but also no. C is actually a great example. So much of the code we wrote is about manipulating the specifics of that specific computer system we happen to be using at that exact moment. Everything from cpu specific instructions to how the ram behaves or how much of it there is all the way up to how library functions operate at any given point in time.

And in relatively short amounts of time, it can all change out from underneath you.

j4yav 9 hours ago

Being a programmer in the era of AI means not being a programmer

shostack 7 hours ago

Being a programmer has always meant dealing with abstraction layers and climbing up the abstraction ladder.

You are simply learning a new language, whose syntax happens to look like English (or whatever language you speak), but with new, undiscovered, and constantly changing design patterns and best practices.

josephg 7 hours ago

It depends how much you outsource to the llm.

If you outsource everything to a llm, I just don’t think you get very good results right now. Language models aren’t great at remembering all the little design decisions that are needed in medium to large projects. The code ends up riddled with semi-conflicting design choices, which have been slammed together and maintained by context inertia. For a lot of projects this is more than fine - sometimes higher quality work simply isn’t worth my time. But for a lot of projects, you will pay for that slop later.

But I think there is a useful middle ground. If you carefully review all the decisions an llm makes, I think you can often be more productive than just programming everything by hand. But it’s a very different way to do engineering. I think I learn more this way than if I program by hand - if only because I’m touching more code. My mind roves around the design space a lot more. I don’t lock in as much as when I’m programming each piece individually.

If you work with an llm like this, your engineering skill matters more than ever.

chpatrick 8 hours ago

Typing the code was never the interesting part.

adamredwoods 4 hours ago

qalmakka 7 hours ago

jplusequalt 8 hours ago

hirvi74 8 hours ago

That is why I am very thankful for my job. We are not really allowed to use LLMs for much of anything.

bigstrat2003 2 hours ago

whateveracct 9 hours ago

thanks i hate it

sitzkrieg 9 hours ago

luckily there are still some people who know and care about actually understanding what is happening. but dwindling. market correction needed to wash larpers out

sitzkrieg 9 hours ago

writing about your dates with an ai prompt are not that interesting