as for tips for somone new to webcomponents, i think its good to take a look at resources online. i dont know enough to suggest any.
i found that after trying it myself, creating something with vanilla webcomponents was a bit of a pain (and the code looks ugly). so its only natural to lean towards something like Lit or Vue for larger projects.
personally, webcomponents seem cumbersome and thats why i wanted to see if Dim was possible. its an attempt to reduce the complexity.
thanks! im glad you like it :)
> what inspired you to create Dim in the first place?
working with Lit felt a bit like a step backwards when coming from React. the React syntax just seems more elegant to me so i wanted to see if i could do it with webcomponents.
im aiming to see if i can get something that looks and behaves like React, but works natively in a browser without the need to build or transpile. i think in theory it could work.
> PoC for the purposes of learning
yeah thats right.
i want to see if creating some kind of thin-transparent-wrapper like this, could make it so i dont have to update it as a dependencies. consider that we recently got react 19. this will be followed by a scramble by many to use the latest and most stable version.
i cant guarantee any stability in my current progress, but in theory, by relying on the underlying web component from the browser, it becomes future-proof.
Elm is good.
For this project I specifically wanted to use web components, but in the style of React.
There is no practical use case for this "UI framework". It's a personal learning process.
Functional Web Components
https://positive-intentions.com/blog/dim-todo-list
Github: https://github.com/positive-intentions/dim
Demo: https://dim.positive-intentions.com
Follow for more!
@javascript @programming@beehaw.org @programming@programming.dev
Functional Web Components
@ericjmorey I'm fairly new to mastodon. I was investigating Lemmy separately, and didn't know it connects through mastodon.
Still generally trying to figure things out.
Creating a decentralized P2P chat app. Aiming to provide military-grade encrypted messaging encapsulated into a webapp.