Replying to
@kelson@notes.kvibber.com
@kelson@notes.kvibber.com @arnan@mas.to Here’s another one if you’re into that sort of thing :-) https://mastrojs.github.io
Remote
mb21
@mb21@hachyderm.io
mastodon
4.6.6
Hacking on https://mastrojs.github.io – No dependencies. No build step. Just a simple web framework and site generator for people who care about their users and web standards.
https://github.com/mb21
0
Followers
0
Following
32
Posts
Joined November 20, 2022
Place:
Switzerland
Posts
Replying to
@bw@social.lol
@bw@social.lol If by apps you also mean websites, feel free to send https://mastrojs.github.io/guide/
Replying to
@MartyFouts@mastodon.online
@MartyFouts @bsdphk Do you have a link to Dijkstra’s writings on Ada?
Replying to
@adamghill@indieweb.social
@adamghill@indieweb.social That’s the thing! Everybody has strong opinions about it, but it’s 50/50 split 😂
Replying to
@adamghill@indieweb.social
@adamghill@indieweb.social Maybe I should market Mastro also as a web framework for agents 🤔
Replying to
@citizen428@chaos.social
@citizen428 Awesome read!
I also like how the blog post lacks any mention of why you would want to do that 🤣
Replying to
@twifkak@mas.to
Replying to
@peter@thepit.social
@peter Agree. Some of it will pass though. https://htmx.org/essays/yes-and/
Replying to
@Moltz@mastodon.social
@Moltz@mastodon.social Can you also have all the Safari bugs fixed? It’s driving us web developers insane. Thanks and all the best in your new role!
Replying to
@jchaven@social.sdf.org
@jchaven Cool!
btw seems you’re missing:
img { max-width: 100vw; }
or similar (try on a mobile phone)
Replying to
@alansuspect@aus.social
@alansuspect@aus.social https://mastrojs.github.io is still independent!
Replying to
@joeri_s@mstdn.social
@joeri_s@mstdn.social Nice! Looks much plainer, which suits the topic :-)
Replying to
@tomi@mamot.fr
@tomi@mamot.fr @dthompson@toot.cat If you want to cheat, have a look at the source code of Mastro: https://github.com/mastrojs/mastro/tree/main/src
it’s just about 700 lines of TypeScript and I wrote it to be readable.
Replying to
@13reak@infosec.exchange
@13reak @pheonix For those curious: https://unix.stackexchange.com/questions/780938/is-it-still-unsafe-to-cat-an-arbitrary-file
The rewrite everything in Rust folks have a point, it seems.
Replying to
@zekjur@mas.to
What?! and how is a patch identified? any line that starts with a minus or plus?
Replying to
@athas@freeradical.zone
That’s exactly how I feel about web frameworks and bundling. For most websites, you can just do without.
Replying to
@soviut@hachyderm.io
Even with SSR you need to ship everything to the client and hydrate. And while I agree React is a big part of the problem, SPAs need to ship a client-router, which in theory is not tied to React.
Replying to
@dan@discuss.systems
Fair. But what if they then also get a child?
Replying to
@bw@social.lol
Replying to
@bw@social.lol
Awesome talk! 👏
The types in JSDoc approach is neat. But even though https://mastrojs.github.io is vocally #noBundler (by default), TypeScript is the one exception, where I decided to use ts-blank-space to transparently transform .client.ts files to .client.js. I’d argue, since it’s a small dependency, and errors/stack traces still point to the right place in the source file, the advantages outweigh the magic factor.
For server-side, Deno and even Node support running TypeScript natively now. I think there’s even a proposal for browsers to strip types as well.
Replying to
@Doveux@meow.social
Judging from the typography, that pharmacy is indeed allergic to LaTeX!
Replying to
@zeldman@front-end.social
@zeldman@front-end.social And now imagine that you can also generate it using your favorite scripting language!
https://mastrojs.github.io/#easy-for-beginners-–-no-installation-needed
Replying to
@gloriousnoise@heads.social
@gloriousnoise@heads.social @zeldman@front-end.social It’s called static site generation :-)
Replying to
@jaredwhite@indieweb.social
@jaredwhite@indieweb.social @mb21@hachyderm.io @vanillaweb@intuitivefuture.com That’s a good point. A lot of built in properties of course reflect to the attribute. And for classes, we use classList anyway, in order to not lose other classes. But yes, a custom field like variant is not auto-reflected. For that, you’d have to add data-bind=“dataset.variant=variant” or similar. Do you think it’s worth adding the same feature for non-data attributes so you could do data-bind=“attributes.variant=variant” ?
Replying to
@jaredwhite@indieweb.social
@jaredwhite@indieweb.social @mb21@hachyderm.io @vanillaweb@intuitivefuture.com I see. The first thing works with Reactive Mastro as well, e.g. document.querySelector('my-counter').count.set(7) on https://mastrojs.github.io/reactive/
But yes, I've always viewed attributes as best left unchanged after the server rendered them. If you have JS updating something, best to encourage properties, which are not just strings? Perhaps I'm missing a use-case? But feels like one of the more annoying aspects of the DOM (and by extension web components).
And yes, it's true that you have to inherit from the ReactiveElement class. I just didn't find a way to reduce the boiler plate without that. At least you can call customElements.define yourself, so strictly speaking it's still a library and not a framework 😉
Replying to
@vanillaweb@intuitivefuture.com
@vanillaweb@intuitivefuture.com Cool! I especially like how you can pass in different signal libs.
Definitely an interesting design space. Thus I have to ask: anything in particular you wanted that https://mastrojs.github.io/reactive/ couldn’t do or couldn’t do well? I still have to look at Reciprocate’s details, but at first sight seems more boiler plate? Is that giving you more control somehow? I see you’re watching attributes, which Reactive Mastro doesn’t do by default. Was this such a common thing that external code sets those and your component needs to react?
Replying to
@zachleat@fediverse.zachleat.com
@zachleat I’ve been tinkering with something similar (running a SSG in the browser), what’s your goal here?
Replying to
@chetfaliszek@mastodon.online
@chetfaliszek@mastodon.online @codinghorror@infosec.exchange what was the bet?
Replying to
@ProfKinyon@mathstodon.xyz
@ProfKinyon@mathstodon.xyz yeah, remember my “Analysis I” lecturer being like “now, we’d like to proof that…” and I’m like “whoever that we is, it doesn’t include me!”