Emilis 🇺🇦<p>I just realized I'm importing too much from <a href="https://fosstodon.org/tags/Preact" class="mention hashtag" rel="tag">#<span>Preact</span></a>, while it is not importing anything from me.</p><p>Should I start putting tariffs on the imports? Is there a TC39 proposal for tariff syntax?</p><p>I'm warning you <span class="h-card" translate="no"><a href="https://mastodon.social/@developit" class="u-url mention">@<span>developit</span></a></span> </p><p><a href="https://www.youtube.com/watch?v=sbhGFksNgr4" target="_blank" rel="nofollow noopener noreferrer" translate="no"><span class="invisible">https://www.</span><span class="ellipsis">youtube.com/watch?v=sbhGFksNgr</span><span class="invisible">4</span></a></p><p>😹 </p><p><a href="https://fosstodon.org/tags/JavaScript" class="mention hashtag" rel="tag">#<span>JavaScript</span></a> <a href="https://fosstodon.org/tags/Tariffs" class="mention hashtag" rel="tag">#<span>Tariffs</span></a></p>
Recent searches
No recent searches
Search options
Only available when logged in.
fosstodon.org is one of the many independent Mastodon servers you can use to participate in the fediverse.
Fosstodon is an invite only Mastodon instance that is open to those who are interested in technology; particularly free & open source software.
If you wish to join, contact us for an invite.
Administered by:
Server stats:
9.8Kactive users
fosstodon.org: About · Status · Profiles directory · Privacy policy
Mastodon: About · Get the app · Keyboard shortcuts · View source code · v4.3.8
#preact
0 posts · 0 participants · 0 posts today
data0<p>My esteemed followers, you have posted a total of 375,809 statuses to the <a href="https://indieweb.social/tags/fediverse" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>fediverse</span></a>. 22% of you have posted in the last 24h. You are a chatty bunch! ;-)</p><p>Check out my new <a href="https://indieweb.social/tags/sideproject" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>sideproject</span></a>: *fedi-followers*. A privacy-friendly fediverse <a href="https://indieweb.social/tags/followers" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>followers</span></a> explorer as <a href="https://indieweb.social/tags/localonly" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>localonly</span></a> <a href="https://indieweb.social/tags/staticwebapp" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>staticwebapp</span></a>, decentrally hosted on the <a href="https://indieweb.social/tags/ipfs" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>ipfs</span></a>. See who's actually following (and unfollowing) you over time and much more.</p><p><a href="https://fedi--followers-data0-one.ipns.dweb.link/" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">fedi--followers-data0-one.ipns</span><span class="invisible">.dweb.link/</span></a></p><p><a href="https://indieweb.social/tags/decentralization" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>decentralization</span></a> <a href="https://indieweb.social/tags/mastodev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>mastodev</span></a> <a href="https://indieweb.social/tags/esmodules" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>esmodules</span></a> <a href="https://indieweb.social/tags/importmaps" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>importmaps</span></a> <a href="https://indieweb.social/tags/nobuild" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>nobuild</span></a> <a href="https://indieweb.social/tags/indexeddb" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>indexeddb</span></a> <a href="https://indieweb.social/tags/preact" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>preact</span></a></p>
data0<p>I've built a thing.</p><p>Sometimes my follower count seemingly fluctuates at random. To understand why, I dug into the <a href="https://indieweb.social/tags/MastodonAPI" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>MastodonAPI</span></a> and created "fedi-followers":</p><p>A privacy-friendly <a href="https://indieweb.social/tags/fediverse" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>fediverse</span></a> <a href="https://indieweb.social/tags/followers" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>followers</span></a> explorer as local-only static web app, decentrally hosted on the <a href="https://indieweb.social/tags/ipfs" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>ipfs</span></a>. See who's actually following (and unfollowing) you over time and much more.</p><p><a href="https://fedi--followers-data0-one.ipns.dweb.link/" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">fedi--followers-data0-one.ipns</span><span class="invisible">.dweb.link/</span></a></p><p><a href="https://indieweb.social/tags/mastodev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>mastodev</span></a> <a href="https://indieweb.social/tags/javascript" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>javascript</span></a> <a href="https://indieweb.social/tags/webapp" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>webapp</span></a> <a href="https://indieweb.social/tags/staticwebapp" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>staticwebapp</span></a> <a href="https://indieweb.social/tags/nobuild" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>nobuild</span></a> <a href="https://indieweb.social/tags/esmodules" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>esmodules</span></a> <a href="https://indieweb.social/tags/importmaps" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>importmaps</span></a> <a href="https://indieweb.social/tags/indexeddb" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>indexeddb</span></a> <a href="https://indieweb.social/tags/preact" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>preact</span></a> <a href="https://indieweb.social/tags/htm" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>htm</span></a></p>
lil5 :rustcrab: 🚲 🇳🇱<p>Vue3 has a dangerous relationship with <a href="https://social.linux.pizza/tags/typescript" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>typescript</span></a></p><p>If you can, please choose a TSX based framework <a href="https://social.linux.pizza/tags/preact" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>preact</span></a> <a href="https://social.linux.pizza/tags/react" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>react</span></a> <a href="https://social.linux.pizza/tags/solidJS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>solidJS</span></a> </p><p><a href="https://social.linux.pizza/tags/vueJS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>vueJS</span></a></p>
data0<p><span class="h-card" translate="no"><a href="https://fosstodon.org/@emmanueltouzery" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@<span>emmanueltouzery</span></a></span> A year ago I took a risk and started building a big-ish app with <a href="https://indieweb.social/tags/Preact" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Preact</span></a> where I would have otherwise used <a href="https://indieweb.social/tags/React" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>React</span></a>. So far it's going great. It also encouraged everyone to use much less external dependencies and build out more stuff themselves which in turn makes maintenance much easier and the whole app more future-proof. And it turned out the `compat` module needs to be used much less than originally thought.</p>
Mark H<p>Even though I'm a backend developer I've got to keep abreast of some frontend stuff so that I can lend my general developer brain to designing or advising or fixing things wherever it happens, and it looks like I've now got to get up to speed on <a href="https://mstdn.social/tags/Preact" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Preact</span></a> and <a href="https://mstdn.social/tags/TailWind" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>TailWind</span></a> and <a href="https://mstdn.social/tags/WebPack" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>WebPack</span></a> for the next phase of work. That'll keep me busy for a bit.</p>
LavX News<p>Speeding Up Testing: How Preact Runs 1000 Tests in Just 1 Second</p><p>In a landscape where test runners are often bogged down by excessive isolation, Preact's innovative approach allows it to execute over a thousand tests in just one second. This article delves into the...</p><p><a href="https://news.lavx.hu/article/speeding-up-testing-how-preact-runs-1000-tests-in-just-1-second" rel="nofollow noopener noreferrer" target="_blank"><span class="invisible">https://</span><span class="ellipsis">news.lavx.hu/article/speeding-</span><span class="invisible">up-testing-how-preact-runs-1000-tests-in-just-1-second</span></a></p><p><a href="https://mastodon.cloud/tags/news" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>news</span></a> <a href="https://mastodon.cloud/tags/tech" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>tech</span></a> <a href="https://mastodon.cloud/tags/Preact" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Preact</span></a> <a href="https://mastodon.cloud/tags/esbuild" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>esbuild</span></a> <a href="https://mastodon.cloud/tags/Mocha" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Mocha</span></a></p>
Pierre Carrier<p>I want to rebuild AirDrop on WebRTC, with QR codes / links to find one another in the same room. Happy to build the backend and collaborate on frontend internals, looking for a <a href="https://rrier.fr/tags/preact" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>preact</span></a> <a href="https://rrier.fr/tags/webdev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>webdev</span></a> interested in this open source project. I'm rather serious about this side project and have experience in similar fields. Portfolio @ <a href="https://pcarrier.com" rel="nofollow noopener noreferrer" target="_blank">https://pcarrier.com</a></p>
Nathan Vander Wilt<p>can't actually find if/where <a href="https://toot.cafe/tags/preact" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>preact</span></a> documents its handling for `style` properties. even in React it's kinda glossed over. just by example in <a href="https://react.dev/learn/javascript-in-jsx-with-curly-braces#using-double-curlies-css-and-other-objects-in-jsx" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">react.dev/learn/javascript-in-</span><span class="invisible">jsx-with-curly-braces#using-double-curlies-css-and-other-objects-in-jsx</span></a> although I suppose somewhat via TypeScript definition at <a href="https://react.dev/learn/typescript#typing-style-props" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">react.dev/learn/typescript#typ</span><span class="invisible">ing-style-props</span></a></p>
Tom<p><span class="h-card" translate="no"><a href="https://hachyderm.io/@davidshq" class="u-url mention">@<span>davidshq</span></a></span> I've built many such applications over the years. The ones built with <a href="https://fosstodon.org/tags/vue" class="mention hashtag" rel="tag">#<span>vue</span></a> are still quite easy to maintain, even 5+ years later - Vue 3 + <a href="https://fosstodon.org/tags/typescipt" class="mention hashtag" rel="tag">#<span>typescipt</span></a> + <a href="https://fosstodon.org/tags/vite" class="mention hashtag" rel="tag">#<span>vite</span></a> is a great stack to work with.</p><p>If you must JSX, then use <a href="https://fosstodon.org/tags/preact" class="mention hashtag" rel="tag">#<span>preact</span></a>. It's not a bad choice either, but maintaining the hook soup isn't fun in the long run.</p>
Eduardo Flores :rust:<p><span class="h-card" translate="no"><a href="https://mastodon.social/@Isabella_uy" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@<span>Isabella_uy</span></a></span> Do you know if <a href="https://hachyderm.io/tags/Preact" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Preact</span></a> Signals + <a href="https://hachyderm.io/tags/React" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>React</span></a> is a good idea?</p>
michabbb<p>💻 Supported development environments:<br>* Complete support for <a href="https://social.vivaldi.net/tags/Chrome" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Chrome</span></a> <a href="https://social.vivaldi.net/tags/Firefox" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Firefox</span></a> and <a href="https://social.vivaldi.net/tags/Edge" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Edge</span></a> browsers<br>* Built-in compatibility with modern frameworks including <a href="https://social.vivaldi.net/tags/React" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>React</span></a> <a href="https://social.vivaldi.net/tags/Vue" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Vue</span></a> <a href="https://social.vivaldi.net/tags/Svelte" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Svelte</span></a> and <a href="https://social.vivaldi.net/tags/Preact" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Preact</span></a><br>* Seamless integration with ESNext features and Web Standards</p><p>🚀 Quick start features:</p>
☮ ♥ ♬ 🧑💻<p>A Quick Way To Evaluate Software Frameworks</p><p>One of the most impressive bits of <a href="https://ioc.exchange/tags/software" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>software</span></a> I’ve used is <a href="https://ioc.exchange/tags/Python" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Python</span></a>. When I started to learn Python, it was version 1.5, a long time ago. I was immediately impressed with the tutorial. It was the first port of call. Here it is now:</p><p><<a href="https://docs.python.org/3/tutorial/index.html" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">docs.python.org/3/tutorial/ind</span><span class="invisible">ex.html</span></a>></p><p>Read the tutorial basics and you could start exploring the language library </p><p><<a href="https://docs.python.org/3/library/index.html" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">docs.python.org/3/library/inde</span><span class="invisible">x.html</span></a>> </p><p>knowing you could master enough to move to more advanced concepts. Want to do something more complicated? Say build a web server?</p><p>First you might try the <a href="https://ioc.exchange/tags/HOWTO" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>HOWTO</span></a> pages trying <a href="https://ioc.exchange/tags/sockets" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>sockets</span></a>: </p><p><<a href="https://docs.python.org/3/howto/index.html" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">docs.python.org/3/howto/index.</span><span class="invisible">html</span></a>></p><p>After reading about the limitations you might try the <a href="https://ioc.exchange/tags/PEPS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>PEPS</span></a> (Python Enhancement Proposal) What is a PEP? Try reading this page:</p><p><<a href="https://peps.python.org/pep-0001/" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">peps.python.org/pep-0001/</span><span class="invisible"></span></a>)</p><p>Finally you might decide <a href="https://ioc.exchange/tags/WSGI" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>WSGI</span></a> is what you want and read the specification at <br><<a href="https://peps.python.org/pep-0333/" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">peps.python.org/pep-0333/</span><span class="invisible"></span></a>>. I travelled this path in 2007/8 to build a version of my blog engine. ☺️</p><p><<a href="https://seldomlogical.com/redux.html" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">seldomlogical.com/redux.html</span><span class="invisible"></span></a>></p><p>So I go the latest build on <a href="https://ioc.exchange/tags/Deno" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Deno</span></a>, install it and try a simple blog engine to see how it works </p><p><<a href="https://deno.com/blog/build-a-blog-with-fresh" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">deno.com/blog/build-a-blog-wit</span><span class="invisible">h-fresh</span></a>>. </p><p>The example code fails, the source code fails. I see the basic documentation for it (yet to try, but skimming through, it appears okay.) The tutorial only a couple of years old has rusted, the source is unmaintained. The issue is with JS / <a href="https://ioc.exchange/tags/React" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>React</span></a> / <a href="https://ioc.exchange/tags/Preact" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Preact</span></a> where plain old <a href="https://ioc.exchange/tags/HTML5" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>HTML5</span></a> and <a href="https://ioc.exchange/tags/CSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>CSS</span></a> will do. 😔</p><p>A quick example how the basics have to documented, correct in bite sized pieces. The <a href="https://ioc.exchange/tags/HOWTOS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>HOWTOS</span></a> maintained and blog <a href="https://ioc.exchange/tags/examples" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>examples</span></a> periodically revised.</p>
Marius Gundersen<p>Should I upgrade to <a href="https://mastodon.social/tags/React" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>React</span></a> 19 or transition over to <a href="https://mastodon.social/tags/Preact" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Preact</span></a>?</p><p><a href="https://mastodon.social/tags/webdev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>webdev</span></a> <a href="https://mastodon.social/tags/frontend" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>frontend</span></a> <a href="https://mastodon.social/tags/javascript" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>javascript</span></a></p>
Inautilo<p><a href="https://mastodon.social/tags/Development" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Development</span></a> <a href="https://mastodon.social/tags/Techniques" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Techniques</span></a><br>Managing reactive state using custom elements · Signals work great in custom elements too <a href="https://ilo.im/160x7y" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">ilo.im/160x7y</span><span class="invisible"></span></a></p><p>_____<br><a href="https://mastodon.social/tags/Signals" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Signals</span></a> <a href="https://mastodon.social/tags/WebComponents" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>WebComponents</span></a> <a href="https://mastodon.social/tags/CustomElements" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>CustomElements</span></a> <a href="https://mastodon.social/tags/Framework" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Framework</span></a> <a href="https://mastodon.social/tags/Preact" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Preact</span></a> <a href="https://mastodon.social/tags/WebDev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>WebDev</span></a> <a href="https://mastodon.social/tags/Frontend" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Frontend</span></a> <a href="https://mastodon.social/tags/DOM" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>DOM</span></a> <a href="https://mastodon.social/tags/HTML" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>HTML</span></a> <a href="https://mastodon.social/tags/JavaScript" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>JavaScript</span></a></p>
jjude<p>If you are migrating your code from <a href="https://cpn.jjude.com/tags/preact" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>preact</span></a> to <a href="https://cpn.jjude.com/tags/svelte" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>svelte</span></a> using <a href="https://cpn.jjude.com/tags/cursorai" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>cursorai</span></a> be sure to think through svelte’s concepts (like stores & reactivity) rather than just migrating code from one to another.</p>
data0<p><span class="h-card" translate="no"><a href="https://fosstodon.org/@aoristdual" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@<span>aoristdual</span></a></span> I'd probably look for something that doesn't need another toolchain (i.e. compilation) to keep things as simple as possible. Using <a href="https://indieweb.social/tags/preact" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>preact</span></a> as a native es module together with <a href="https://indieweb.social/tags/htm" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>htm</span></a> to write <a href="https://indieweb.social/tags/jsx" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>jsx</span></a>-style template tags for example. </p><p><a href="https://preactjs.com/guide/v10/getting-started/#alternatives-to-jsx" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">preactjs.com/guide/v10/getting</span><span class="invisible">-started/#alternatives-to-jsx</span></a></p>
michabbb<p>An SSR Performance Showdown</p><p>🔍 Comprehensive <a href="https://social.vivaldi.net/tags/SSR" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>SSR</span></a> Performance Testing:<br>• Test setup: 2398 div elements spiral rendering on <a href="https://social.vivaldi.net/tags/NodeJS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>NodeJS</span></a> v22, <a href="https://social.vivaldi.net/tags/M1Mac" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>M1Mac</span></a> with 8GB RAM</p><p>📊 Performance Rankings (requests/second):<br>• <a href="https://social.vivaldi.net/tags/fastifyhtml" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>fastifyhtml</span></a>: 1088 (baseline templating)<br>• <a href="https://social.vivaldi.net/tags/Vue" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Vue</span></a>: 1028 (best full-featured performance)<br>• <a href="https://social.vivaldi.net/tags/Svelte5" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Svelte5</span></a>: 968 (pre-release version)<br>• <a href="https://social.vivaldi.net/tags/SolidJS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>SolidJS</span></a>: 907 (impacted by hydration IDs)<br>• <a href="https://social.vivaldi.net/tags/Preact" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Preact</span></a>: 717 (lightweight alternative)<br>• <a href="https://social.vivaldi.net/tags/React19" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>React19</span></a>: 572 (RC version)</p><p>🛠️ Testing Environment:<br>• Built using <a href="https://social.vivaldi.net/tags/Fastify" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Fastify</span></a> and @fastify/vite<br>• Production builds tested<br>• Consistent styling and template implementations<br>• No client-side reactivity features</p><p>💡 Key Findings:<br>• <a href="https://social.vivaldi.net/tags/Vue" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Vue</span></a> and <a href="https://social.vivaldi.net/tags/Svelte" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Svelte</span></a> offer best balance of performance and ecosystem maturity<br>• Hydration markers impact performance (demonstrated in <a href="https://social.vivaldi.net/tags/SolidJS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>SolidJS</span></a>)<br>• Simple templating (<a href="https://social.vivaldi.net/tags/fastifyhtml" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>fastifyhtml</span></a>) outperforms full frameworks</p><p>Source: <a href="https://blog.platformatic.dev/ssr-performance-showdown" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">blog.platformatic.dev/ssr-perf</span><span class="invisible">ormance-showdown</span></a></p>
التنينوكس<p>Why don't we have scoped styles in Preact natively?</p><p><a href="https://social.touha.me/tags/preact" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>preact</span></a> <a href="https://social.touha.me/tags/freshjs" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>freshjs</span></a></p>
I've already regretted going down the rabbit hole of trying to find a nice, simple #Preact/ #Vue #dashboard #template that doesn't require a gazillion niche #npm invocations. All I wanted was a nice #vanilla #javascript and #css starting point…
ExploreLive feeds
Mastodon is the best way to keep up with what's happening.
Follow anyone across the fediverse and see it all in chronological order. No algorithms, ads, or clickbait in sight.
LoginDrag & drop to upload