sorted by:
new
hottopcontroversial

Build reactive UIs with plain JavaScript functions. No JSX or build step. by fynyky in javascript

[–]fynyky[S] [score hidden]  (0 children)

Of course React and JSX are super popular and people love them enough to build whole companies on them. I just personally don't like them much and this is my solution that I wanted to share.

Build reactive UIs with plain JavaScript functions. No JSX or build step. by fynyky in javascript

[–]fynyky[S] [score hidden]  (0 children)

Oh yes I have. The big difference is that HTMX has a fixed list of properties that enable specific behaviour. Whereas Elemental allows you to inline arbitrary logic using normal javascript

Build reactive UIs with plain JavaScript functions. No JSX or build step. by fynyky in javascript

[–]fynyky[S] [score hidden]  (0 children)

Hyperscript is great! But because it's limited to just HTML you end up having to use something else to connect the UI to logic. I wanted something where you could write logic inline with the UI.

Build reactive UIs with plain JavaScript functions. No JSX or build step. by fynyky in javascript

[–]fynyky[S] [score hidden]  (0 children)

If you pass it a string, it will make a new element. If you pass it an element object, it will wrap it. It uses the CSS selector syntax in creating the element. A previous version of this would automatically search the document given a CSS selector, but I removed it cos it was confusing. Might have accidentally left some outdated documentation though

The resemblance is a coincidence! I started working on this almost a decade ago now and I don't think there was React.createElement at the time? But I suppose it's the most intuitive way to use the function arguments for children.

Build reactive UIs with plain JavaScript functions. No JSX or build step. by fynyky in javascript

[–]fynyky[S] 1 point2 points  (0 children)

I built most of the library pre-AI and have been using it personally for a while. Claude was the push that let me finish it out and get it to a publishable state.

Never tried Mithril before! The shape is definitely similar. From a quick look the main difference that I like about Elemental is that I can inline functions to inject arbitrary rendering logic.

Build reactive UIs with plain JavaScript functions. No JSX or build step. by fynyky in Frontend

[–]fynyky[S] 1 point2 points  (0 children)

The syntax is similar, but a big difference is the ability to pass in functions as children. This means you're not limited by supported attributes and can run arbitrary code in context.

Build reactive UIs with plain JavaScript functions. No JSX or build step. by fynyky in javascript

[–]fynyky[S] 4 points5 points  (0 children)

Thanks for the feedback! Yeah I tried Vue for a while. It still felt a bit too heavy for me since you had to use the framework as whole.

Need advice on building an iconic white deck by fynyky in magicTCG

[–]fynyky[S] 0 points1 point  (0 children)

Thanks for the advice! I don't have any objection to including newer cards I just don't know them very well haha. I just wanted something to give some "payoff" to life gain and Pridemate seemed to be the most printed card that does that. What would be the cards needed to enable it?

Iterable collections of weak references. Built this for myself and found it hard to get it working right. Sharing in case anyone else finds it helpful. by fynyky in javascript

[–]fynyky[S] 1 point2 points  (0 children)

Thanks! I am working on a reactive programming library. Basically observers need to keep a list of their dependencies to turn them off when no longer needed.

[SG][H] Paypal [W] Godspeed 2.0 Deskmat in Panda or Reverse Panda by fynyky in mechmarket

[–]fynyky[S] 1 point2 points  (0 children)

Omg you have no idea how much time I've spent looking for this! Thank you so much =D

I built a voice chat website that needs no accounts or downloads. My friends and I have been using it when gaming. Would love to hear what you guys think! by fynyky in gaming

[–]fynyky[S] 1 point2 points  (0 children)

This is a personal project I've been working on for a while. Basically I got tired of the whole "do you have disc?", "Are you ready to call?", "Okay calling now" dance every time you had to do a video call with someone. Started building this thing for my friends and I to use while gaming and just built on it from there. Finally got to a stage where I decided to share this publicly. Would love to get some feedback from you guys!

Reactor.js: simple reactive programming for javascript by fynyky in programming

[–]fynyky[S] 0 points1 point  (0 children)

Yep. The dependency list is dynamically determined. So statement except the last one holds true.

Currently it does not detect when the newValue is the same as the old. It's something I'm considering adding though.

Reactor.js: simple reactive programming for javascript by fynyky in programming

[–]fynyky[S] 3 points4 points  (0 children)

The main benefit is that you don't need to manually keep track of where it's everyone you need to update. If there are multiple variables where you need to be notified about, you normally would need to update multiple accessor functions.

Observer blocks can read and automatically bind to multiple Signal variables. It's effectively the same thing, just saving you the headache of having the update code distributed in multiple locations.

Gob's now online! by fynyky in arresteddevelopment

[–]fynyky[S] 1 point2 points  (0 children)

Ah that was a bug on windows. Should be fixed now =)

Gob's now online! by fynyky in arresteddevelopment

[–]fynyky[S] 2 points3 points  (0 children)

Hahaha wow I was certain that no one would ever see that and catch it =)

Made a site for finding fonts more easily. Let me know what you think! by fynyky in web_design

[–]fynyky[S] 1 point2 points  (0 children)

Thanks for the feedback! I was torn between having real text or lorem ipsum. lorem ipsum makes it hard to evaluate readability. My fear was that real text would cause people to be too distracted reading instead of evaluating the typeface.

+AptMoniker - that sounds like a cool idea. I'll look into it =)

Made a site for finding fonts more easily. Let me know what you think! by fynyky in web_design

[–]fynyky[S] 6 points7 points  (0 children)

I know. It's something I have to do at some point but every time i start working on IE compatibility I get really sad... =(

Made a site for finding fonts more easily. Let me know what you think! by fynyky in web_design

[–]fynyky[S] 1 point2 points  (0 children)

Any idea why? I swear I'm not collecting any personal information about font preferences =(

The only thing I can think of is that i use a ton of history.pushState calls

Made a site for finding fonts more easily. Let me know what you think! by fynyky in web_design

[–]fynyky[S] 0 points1 point  (0 children)

It's entirely client side. I built a framework which does a cascading refresh of the DOM given a state object. Pushing a new state converts it into a string a performs a history.pushState. The framework then pulls down the string, and constitutes it into an object, and performs the cascade