Remix.run Logo
▲ paczki 7 hours ago

As someone who actively goes out of my way to stick to writing vanilla HTML/CSS/JS as much as possible, it's honestly hard to explain to people who only write within frameworks how good it's gotten. Use the proper tool for the job, of course, but it sparks joy!

▲yahoosakie 6 hours ago | parent | next [-]

Yes!

I've done the same for years, and it feels a little bit like the IQ bell curve meme, where on the left and right it is like "vanilla HTML/CSS/JS are all you need."

▲appplication 6 hours ago | parent [-]

This is an earnest question but is that really true for reactivity and state management? Of course with vanilla is all things are technically possible, but I feel like last I checked this wasn’t something well supported without really knowing what you’re doing.

▲zelphirkalt 4 hours ago | parent | next [-]

I nowadays build sites (personal websites and projects) that are much more responsive than most things I see online or on a job, just using modern CSS, a little thinking about how I structure my stylesheets, trying to use semantic HTML and not making a div soup. It works pretty well, if used correctly and given the due attention.

▲lucumo 3 hours ago | parent | next [-]

Responsiveness has been fine for a while. Not surprising with the smartphone revolution being nearly 2 decades old by now.

GP asked about reactivity. And that still requires some frameworking, either prebuilt or a lightweight self-written one.

▲oblio 2 hours ago | parent [-]

What's reactivity in this context? How quickly a website responds? My personal experience is that fast backends with server side rendered HTML and a bit of dynamic sections are in practice MUCH faster than SPAs, 20 years after using Gmail for the first time. Gmail then was fast, 95% of modern SPAs are slow.

▲bleuarff an hour ago | parent [-]

Reactivity is updating the DOM whenever the underlying data is updated. That's one of the most basic reason for existence of all js frameworks. There's TC39 Signals proposal to bring that natively, but for now as said above the choice is either use a framework or recreate one. It's surprisingly easy nowadays using Proxy.

▲0xpgm an hour ago | parent [-]

How I've done it is to use some kind of observer pattern, where you register listeners to state changes.

Whenever state is updated, the listeners are all called with the updated state and can update the UI and what not based on the new state.

I haven't profiled this and compared it to frameworks, but feels adequate for the relatively simple UIs I've done.

▲yieldcrv an hour ago | parent | prev [-]

I also do stuff wayyy more efficiently than I do on a job

But it has no utility

Compute is fine and nearly free

These are just art projects

▲satvikpendem an hour ago | parent | prev | next [-]

No, it's not, despite what other comments here say. Of course it's possible but you end up recreating React or another library along the way. JS is getting native signals sometime in the future but for now pure JS is not sufficient for a full, complex app.

▲azangru 3 hours ago | parent | prev | next [-]

> without really knowing what you’re doing

Really knowing what you're doing is the implicit part of the right-hand side of the bell-curve meme :-)

▲codingdave 23 minutes ago | parent | prev | next [-]

> without really knowing what you’re doing.

That is an odd caveat to throw on the end. Sure, to avoid frameworks you have to know what you are doing. Is that really such an outrageous expectation?

▲bossyTeacher 2 minutes ago | parent [-]

If people knew what they were doing jQuery, Angular and React would not have existed in the first place. With devs moving companies every two years or so, being able to hit the ground running was very important and you couldn't afford to spend weeks or months learning the idiosyncrasies of your new codebase especially when it came to state management. That's the main problem frameworks and libraries were solving.

▲mb2100 an hour ago | parent | prev | next [-]

There are JS libs (like Reactive Mastro [1]) that go well with writing otherwise vanilla HTML/CSS/JS, and there are libs (like React) where you're quickly sinking into a mud of abstractions and have to fight the reactivity runtime when you try to write vanilla JS.

[1]: https://mastrojs.github.io/reactive/

▲coldtea 3 hours ago | parent | prev | next [-]

>This is an earnest question but is that really true for reactivity and state management?

Yes. We could do those before React and other crap too.

▲80fj0348i 5 hours ago | parent | prev | next [-]

1. The tools available in vanilla have improved a lot recently and 2. LLMs have made niche skills/knowledge more accessible. SPAs still have their place but the average CRUD app is now really well served by vanilla or lightweight libraries like HTMX.

▲nkmnz 4 hours ago | parent | next [-]

On the other hand, the average CRUD app doesn’t care about the traffic and rendering overhead of a reactivity library such as Vue. Looking at the boilerplate code needed for basic reactivity that your sibling comment linked to in the Mozilla docs… no, thanks. Just eat the 16kb and have some decent ergonomics.

▲soperj 4 hours ago | parent | prev [-]

CSS was always pretty accessible. You just had to actually care to learn it.

▲zelphirkalt 4 hours ago | parent | next [-]

True, though it is also true that achieving good responsiveness was not as easy in the past, say 10 or more years ago, without flex box and grid and without calc and clamp and such.

I nowadays use flex, calc, clamp, min, max, scoped variables, and even display table sometimes these days and it just works so well. Eliminates almost all hacks.

▲jimbob45 2 hours ago | parent | prev [-]

If the rest of you weren’t so stupid, our industry wouldn’t have a problem

This attitude is why we’re all still stuck writing C++ in 2026. Nobody wants to admit that they’re not hardcore enough to write in poorly designed languages so we never make the effort to improve the situation. We all seem to agree that Zig is an upgrade over C. There’s nothing inherently modern about Zig that we couldn’t have written back in 1995 - we just didn’t because nobody wanted to admit that C is frustrating and clunky, albeit fast.

▲KPGv2 38 minutes ago | parent [-]

Yeah, people like to talk about how cultish Rust programmers are, but C programmers are so much worse. Just a couple days ago I had one trying to explain to me that all other languages are worse because you don't understand what the machine is doing under the hood. Completely ignoring it doesn't matter because I have a computer from 2023, not 1986.

▲onion2k 5 hours ago | parent | prev [-]

Yep. https://developer.mozilla.org/en-US/docs/Web/JavaScript/Refe...

▲flohofwoe 4 hours ago | parent | prev | next [-]

OTH all the complexity ends up baked into the browser where it will be frozen forever (even the shitty/overengineered ideas, like WebAudio). At least frameworks can be discarded and replaced when something better comes along.

IMHO even HTML+CSS should be completely implemented outside the browser in the 'framework layer', but I guess that's not a very popular opinion among the more 'conservative' web devs ;)

▲Rygian an hour ago | parent [-]

If that means having an "HTML+CSS framework" that I could easily swap out for a "Typst framework" and publish my blog using Typst, then sign me up!

Meanwhile, there's Typst bundles [1], still experimental, that implement the same idea backwards: convergint a Typst project into a set of output files (which can be HTML).

[1] https://typst.app/docs/reference/bundle/

▲lachlanj 3 hours ago | parent | prev | next [-]

Any good articles or post you could link to, CSS has come so far and I’m trying to gather info on what’s now possible

▲DimmieMan 6 hours ago | parent | prev | next [-]

Definitely worth keeping up with as a framework user too.

Smaller bundles, often easier to use, less bug potential. Code's a liability and being able to occasionally rip a bunch out as a feature becomes baseline is always a joy.

▲sourcecodeplz 3 hours ago | parent | prev | next [-]

i also found this to be even more powerful today with AI.

dont need to import libraries anymore, can just build my own.

▲Tadpole9181 5 hours ago | parent | prev | next [-]

I feel like I'm taking crazy pills.

Y'all know React and Vue frameworks still use HTML, CSS, and JS, right? We're using the same thing, with a thin layer of helpers around mounting components and managing their lifetimes...

▲chamomeal 9 minutes ago | parent | next [-]

I don’t disagree with you and I lurve frameworks. Yes, I love react. It is so awesome.

But it is SO nice to not have any build step. All of my new projects start as a single babashka script now. You got html templating, throw in a stylesheet. Slap a datastar script tag in there for everything else. It’s just easy peasy.

▲Quothling 5 hours ago | parent | prev | next [-]

As culi also touches on I think it depends on what is meant by frameworks. As someone who belives abstraction are horrible practice unless they serve a really good purpose though, I never bought the "this is easier" part of the big CSS frameworks. I fully accept that people who work on user facing web applications more than I do, which is rarely, had a much easier time using something like bootstrap/tailwind/whatever. I always found having to look up documentation on something wich was infinitely worse than the CSS documentation on developer.mozilla.org to be a a weird experience. I do fully accept that a lot of teams experiences would prove my personal opinions wrong on this.

On the flip-side I always found javascript frameworks to have a purpose. Though to be fair I don't think I've worked with user facing javascript without a framework since jquery came about. I guess you could call that a library, but still.

▲culi 5 hours ago | parent | prev | next [-]

People who use css-as-an-object type of frameworks or tailwind don't really get to experience what writing CSS is like. styled-components or Linaria or Emotion do though ofc

▲yard2010 an hour ago | parent [-]

I love emotion.sh with my heart. It used to be so hard to write css for me until I landed on the mental model of styled components

▲SlackingOff123 3 hours ago | parent | prev | next [-]

OP might be referring to using React together with a UI library that comes with elements like <Grid>, instead of using just React + CSS grid.

▲rimliu 4 hours ago | parent | prev | next [-]

Think layer? Like a page loading 6MB of crap to show 0.5KB of text?

▲alerighi 2 hours ago | parent | prev [-]

Except that with React you usually use something like tailwind or similar that abstracts writing CSS, that do me doesn't make sense.

Of course you can still write plain CSS.

▲shevy-java 5 hours ago | parent | prev | next [-]

Good how and where? That's a very uncritical take you have here.

I find it is way too complicated with regards to flexbox, grid etc...

Just do a google search for flexible divs side by side. Start with two. Then switch to five. Tell me the solutions that work well.

▲azangru 3 hours ago | parent | next [-]

> Just do a google search for flexible divs side by side. Start with two. Then switch to five. Tell me the solutions that work well.

I did like you asked. The first search result on google is a question on stack overflow. And the first comment provides an example that looks very much like flexible divs, side by side, between two and four based on the width of the container.

https://stackoverflow.com/questions/60615826/two-divs-side-b...

What didn't you like about the solution in that comment?

▲nilslindemann 5 hours ago | parent | prev | next [-]

"flexible divs side by side" sounds like something which can be generated in many ways, From display: inline-block, over float:left, col-columns, flex layout, to a grid based layout. Can what you desire be created in, for example, https://grid.layoutit.com/?

▲zelphirkalt 4 hours ago | parent | prev | next [-]

My rule of thumbs is: Use flexbox unless it truly is a grid or repeating rows + "I wonder if a flexbox can be used ... ah yes it can." Flexbox is just made for responsive layouts. It is very good.

▲xboxnolifes 4 hours ago | parent | prev | next [-]

flexible divs side by side is trivial with both flexbox and grids. Far, far, far easier than prior to flexbox.

▲6510 5 hours ago | parent | prev | next [-]

don't search, ask an llm. Ask it to keep it as simple as possible and have it explain the tags you've forgotten.

▲decksmith 3 hours ago | parent | prev [-]

[flagged]

▲troupo 40 minutes ago | parent | prev [-]

> it's honestly hard to explain to people who only write within frameworks how good it's gotten.

What exactly has gotten good?

CSS is the only area that is seeing improvement, and frameworks ... use the same CSS, so no idea what you're talking about.

Most everything outside of CSS has been and continues to be shit.

Edit: Moreover, literally all frameworks as one say: give us good browser APIs so that we don't have to do any of the things we do.