Login

Recent searches

No recent searches

Search options

Only available when logged in.
mastodon.ar.al is one of the many independent Mastodon servers you can use to participate in the fediverse.
This is my personal fediverse server.

Administered by:

Server stats:

1
active users

mastodon.ar.al: AboutProfiles directoryPrivacy policy

Mastodon: AboutGet the appKeyboard shortcutsView source codev4.3.7

Public
Aral Balkan

I’m at the point where I’m wondering if choosing Svelte for NodeKit is a design error in terms of cultural fit and goals. (They want to be the “serverless” framework for Big Tech. I feel like I’m hitting my head against a wall whenever I want to adapt anything for small web use because it’s all geared towards corporate web use.)

Anyone here played with htmx and hyperscript? Any experience with the community?

htmx.org/
hyperscript.org

htmx.org</> htmx - high power tools for htmlhtmx gives you access to AJAX, CSS Transitions, WebSockets and Server Sent Events directly in HTML, using attributes, so you can build modern user interfaces with the simplicity and power of hypertext htmx is small (~14k min.gz’d), dependency-free, extendable, IE11 compatible & has reduced code base sizes by 67% when compared with react
#htmx#hyperscript#thoughts
Aral Balkan

Question to JavaScript folks who have experience with Node.js… how does the following (theoretical) code listing for a server-side route that renders an index page with a count that’s persisted in memory on the server and updated any time someone loads the page read to you?

Code listing, index.jsx: let count = 1 return ( <div> <h1>Hello, world!</h1> <p>I’ve greeted you {count++} time{count > 1 ? 's' : ''}.</p> </div> )
#htmx#prototyping#NodeKit
Jul 18, 2022, 12:19 PM·Public·Web
1boost·1favorite
Public
Aral Balkan

Right, thanks to your feedback, this is what the “hello, world” would look like in htmx versus the equiavelent of what I have now in Svelte.

But there’s one big drawback to htmx… no ES modules and thus no components. That’s a biggie.

🤔

Code listing, index.jsx (NodeKit with htmx, hypothetical): let count = 0 export default () => { count++ return ( <div> <h1>Hello, world!</h1> <p>I’ve greeted you {count} time{count > 1 ? 's' : ''}.</p> </div> ) }
Code listing: index.page. NodeKit with NodeScript (Svelte + server-side Node). (Current version.) <get> let count = 1 export default () => { return {count: count++} } </get> <script> export let data </script> <h1>Hello, world!</h1> <p>I’ve greeted you {data.count} time{data.count > 1 ? 's' : ''}.</p>
#htmx#svelte#javaScript
Public
Aral Balkan

… Unless, of course, I implemented it server-side… right, lots to think about and play with :)

Public
Aral Balkan
Public
professional internet cat
Public
Aral Balkan
ExploreLive feeds
About