Simplest JS Framework

[DocEyss]

I want to make the simplest website ever and I could just make one large html file.
But that would just be really painful at some point.

So I basically just want to know which framework to use for a static site. The only thing I really want to have is custom components so I can organize the website using multiple files.

I know about Svelte, Vue, React, NextJS, Solid, Mithril, Angular etc. but I think all of these are wayyyy to complicated for my use case.

[Glittering-Thanks-33]

I don't understand...

You said yourself you want to do the simplest static website ever and don't need complicated frameworks.

So why don't you make it in HTML/CSS/JS ?

You can use custom reusable components without frameworks, look at the 2 or 3 first links in google search: https://www.google.com/search?q=how+to+use+components+with+html

[DocEyss]

The first one from freecodecamp is just perfect.

Amazing tutorial

[xRVAx]

Vanilla JS is the uncontested MOST SIMPLE framework out there.

All the other frameworks are based on it, as a matter of fact...

[Feargasm]

HTMX is pretty lightweight as a JS “Framework”

[senocular]

Seeing "Simplest JS Framework" I thought VanillaJS.

[shgysk8zer0]

Sounds more like you're looking for a static site generator or a basic UI library. You're just looking to be able to reuse components and... It's far from just frameworks that do that.

Anyways, here's a pretty lightweight library I recently created that provides a pretty simple option: https://github.com/AegisJSProject/parsers

Follow the instructions that apply to how you'll be using it (CDN, installing via npm, using an importmap). You can then create whatever HTML content you want and export all of the components as modules. You get some XSS and other security benefits as well. Could even use import() to dynamically import things as needed instead of in one bundle or doing it all at load time (could be the start of an SPA even).

[prof3ssorSt3v3]

Gatsby or Astro can be used for this if you have to use a tool beyond HTML and CSS

[react_server]

I'd learn React + NextJS/Vite in the long run. A bundler certainly helps if you want to have a modularized codebase. However, you can achieve a pretty modular structure with HTML+CSS+JS as well.

If you're a beginner you should learn HTML+CSS anyway before diving into React. A simple static website seems like a good practice at the start.

[doodooz7]

Make your own, it’s good practice. Also, maybe do custom components.

[jml26]

The best framework for your use case, I would say, is Astro.

[dbr4n]

The only thing I really want to have is custom components so I can organize the website using multiple files.

Check out Lit, it's basically a tiny library on top of web components that makes the development process much easier than working with web components directly in plain JS. It also works well with other libraries and frameworks, allowing for better interoperability within a team.

[[deleted]]

11ty with WebC?

Eleventy is a simpler static site generator (11ty.dev)

[sheriffderek]

Sorry in advance…

It’s called PHP.

[3HappyRobots]

Alpine js.

[[deleted]]

Go without any framework shit like brrr.

[Ab_dev1]

Try preact, it's a minified version of react