mstdn.social is one of the many independent Mastodon servers you can use to participate in the fediverse.
A general-purpose Mastodon server with a 500 character limit. All languages are welcome.

Administered by:

Server stats:

15K
active users

#Qwik

0 posts0 participants0 posts today

Between diapers 👶 baby books and frontend frameworks 💻

In the past, I kept failing to set up my own blog because I couldn't decide on a frontend framework. I wanted to try out multiple options, evaluate the pros and cons, and then make the "right" choice. VitePress, #solidjs, #astrojs, #nuxt Content, #Qwik —I wanted to experiment with them all.

With a 2-month-old baby, my requirements have completely changed: it needs to be quick and easy, using methods I already know or that are entirely self-explanatory. I want to focus on writing the blog articles, not implementing the website

Now, I’ve started a project with 11ty (11ty.dev/). Was it a good decision? What do you think? 😊

Think #qwik: Qwik is very similar to other web frameworks at a high level. Qwik is a framework that renders a tree of components resulting in an interactive application.

The unique part of Qwik is not in what it does but in how it achieves its goals. Qwik's goal is to have instant-on applications, even on mobile devices.

qwik.builder.io/docs/concepts/

QwikThink Qwik | Concepts 📚 Qwik DocumentationNo hydration, auto lazy-loading, edge-optimized, and fun 🎉!

Ported the website of the famous internet radio station Dinxper FM to #qwik + #qwikcity . It features an audio player (duh!) w/ custom controls.

The custom constrols are reused on the listing page of past broadcasts. The broadcasts themselves are listed and streamed from an FTP server.

Have a look right here: qwik-dinxperfm-nl.toffe.site

Code: github.com/jaroel/dfm_site/tre

qwik-dinxperfm-nl.toffe.siteDinxper FM - het swingende geluid van DinxperloDinxper FM - het swingende geluid van Dinxperlo
Continued thread

#Qwik’s unique approach to rendering can result in faster initial render times, as it sends HTML to the client first & then progressively enhances the app.

However, as more of the page is interacted with, more JS will be loaded, which could impact runtime performance. 🤔

⬇️

Continued thread

→ Instead of sending JS to the client & then rendering, #Qwik sends server-rendered HTML to clients, and then the clients “resume” where the server left off, becoming interactive if & when required in an incremental manner.

This results in extremely fast initial rendering.💡

→ Similarly, @TauriApps is built for efficiency. Utilizing a Rust backend and the system’s webview for rendering the frontend, it offers a small binary size and a low memory footprint.

⬇️

Qwik + Tauri 🤝

@qwikdev and @TauriApps represent a novel combination for creating performant, secure, and lightweight apps!

👇👇👇

#Qwik is a modern JavaScript framework optimized for maximizing First Contentful Paint speed by prioritizing above-the-fold content.

Qwik is designed with a unique approach to rendering called resumability.

web.dev/fcp/

⬇️

web.devFirst Contentful Paint (FCP)This post introduces the First Contentful Paint (FCP) metric and explains how to measure it

Been hearing about #qwik for JS. Let’s give the site a look…

Immediately mad:
• I’m still skeptical about “the edge” for most web apps as this usually
• Social media in header options are _all_ proprietary
• Theming is treated as binary (light | dark)
• JSX is awful & base example shows it
• Can’t click the other ‘tabs’ to see the other benefits (doesn’t work without JavaScript even though it’s a) a pitch site whose sole purpose is to maximize delivering content to users, not be some interactive web application b) you are not showcasing the actual use case for the framework if it can’t render without JS but you’re using it to deliver that content… further in the case of web apps, the extra loading time isn’t as much an issue as users expect a load time & expect to stick around a while so this hydration may be a premature optimization that adds a _lot_ of complexity)
• Scroll down to get a “Loading...” because it doesn’t work without JS (and can’t even be bothered to give the correct ellipsis symbol in “…”) & it’s a _massive_ white block to get to the footer.
• Delivers useless element class names that will make it difficult for scraping, or providing users with the tools they need to make a site better or more accessible (think userScripts & userStyles).
• Community page doesn’t expand to any open source, decentralized, or private options: just expanded to more horrible social media. No self-hosted forums (like Discourse), no decentralized chat (like IRC, XMPP MUC, Matrix Space).

Temporarily enable JS for the domain…

• Batteries included talks about the big cabal of edge compute options it is “optimized” for which explains some things but it’s presupposing that you want or need “the edge”
• The marketing with YouTube-thumbnail-inspired images is so heavy-handed it hurts.
• Seems one of the main things it’s trying to sell is Builder.io
• Oddity: docs page uses giant emoji, but from different sets … why?
• Why Qwik has an entire section dedicated to the ‘numbers’ on how a fast site leads to good things, but you can build static sites that are way faster without all of this complicated tooling. The focus of these numbers is on web pages / multi-page app candidates, not SPAs or PWAs which is where a heavy framework like this should be preferred to just using a static site generator or a allow refreshes with a multi-page app. A lot of these sites eliminating all of their analytics and JavaScript would probably see better numbers and responsiveness as well.

Kinda neat

• The ‘resumability’ problem
• Ship less JavaScript is a pretty good motto, especially for a framework to admit

🚀 Reading tip for German-speaking JavaScript developers: With Qwik 1.0, a new open-source full-stack web framework from Builder.io is available that enables fast interactivity through JavaScript streaming.

Qwik’s goal is to keep initial JS costs constant. It also offers built-in features such as lazy execution and data fetching.

Read more here: heise.de/news/Full-Stack-Frame

#Qwik #WebFramework #JavaScript #JavaScriptStreaming #OpenSource
Translated with www.DeepL.com/Translator (free version)

heise onlineFull-Stack-Framework: Qwik 1.0 bringt neuen Ansatz für schnellere InteraktivitätBy Maika Möbus

☕️ Wake up and smell the coffee because the next episode of The Code and Coffee Show is just around the corner!

Get ready to dive into the enchanting realm of #Qwik with Giorgio Boa and yours truly.

Discover the ins and outs of Qwik and learn how to kickstart your journey with it. Don't forget to mark your calendars and join us: youtube.com/watch?v=-jkfp8zf9O

YouTubeLearn Qwik with Giorgio BoaTogether with Giorgio Boa, we'll dive into the world of **Qwik**, Resumability, and blazing-fast websites.Giorgio Boa is a full-stack developer, and the fron...