this post was submitted on 09 Jun 2026
7 points (76.9% liked)

Web Development

5674 readers
22 users here now

Welcome to the web development community! This is a place to post, discuss, get help about, etc. anything related to web development

What is web development?

Web development is the process of creating websites or web applications

Rules/Guidelines

Related Communities

Wormhole

Some webdev blogsNot sure what to post in here? Want some web development related things to read?

Heres a couple blogs that have web development related content

CreditsIcon base by Delapouite under CC BY 3.0 with modifications to add a gradient

founded 3 years ago
MODERATORS
snowe@programming.dev
erlingur@programming.dev
Ategon@programming.dev
Vacant@programming.dev
7
ReactJS Syntax For Web Components (programming.dev)
submitted 23 hours ago* (last edited 22 hours ago) by xoron@programming.dev to c/webdev@programming.dev
6 comments fedilink hide all child comments
 

Im investigating an idea i had about JSX for webcomponents after some experience with Lit.

Lit is a nice lightweight UI framework, but i didnt like that it was using class-based components.

Vue has a nice approach but i prefer working with the syntax that React uses. I find it more intuitive for debugging and deterministic rendering. I wondered if with webcomponents, i could create a UI framework that didnt need to be transpiled.

(My intentions with this framework is to get to a reasonable level of stability, to then replace React on some of my existing projects.)

IMPORTANT: Im not trying to push "yet another ui framework", this is an investigation to see what is possible. You should not use this framework in your own code. It is not production-ready. It is intended for myself on my own projects. This project is far from finished. I am sharing because it might be interesting for someone. Feel free to reach out for clarity if you have any questions.

top 6 comments
sorted by: hot top controversial new old
[–] CombatWombat@feddit.online 2 points 21 hours ago (1 children)

Why would I use this rather than hybrids?

[–] xoron@programming.dev 3 points 21 hours ago (1 children)

Thats cool! I haven't seen that before.

My approach is because I specifically wanted the react DX... This would then make it easier to refactor my existing projects.

With AI, "easier" is a relative term. I wanted something that remains intuitive to work with.

[–] CombatWombat@feddit.online 1 points 19 hours ago

That's a good point, being closer to the react api would make refactoring easier. The AI of it all is very frustrating for new projects like this. Since LLMs produce the most likely next code based on the training set, it'll take a lot of blog posts and projects on github before it masters your api, but people will be loathe to adopt it if LLMs can't do the heavy lifting for them. I don't envy your position, but I do wish you luck!

[–] kibblebits@quokk.au 0 points 22 hours ago (1 children)

Switch to Svelte. You’ll never look back. Everything else is trash.

[–] xoron@programming.dev 2 points 22 hours ago* (last edited 22 hours ago) (1 children)

Svelte is good and easy to recommend. Especially over my unfinished code here.

With what I'm doing, I'm aiming for something that would work without having to use something like vite to transpile anything... if I can replace the Lit dependency (on the roadmap), it would basically be vanillajs.

I'd like to minimise the JavaScript tooling needed for creating a basic project.

[–] kibblebits@quokk.au 1 points 19 hours ago

Not what you’re trying, but have you looked at HTMX?