TE
科技回声
首页24小时热榜最新最佳问答展示工作
GitHubTwitter
首页

科技回声

基于 Next.js 构建的科技新闻平台,提供全球科技新闻和讨论内容。

GitHubTwitter

首页

首页最新最佳问答展示工作

资源链接

HackerNews API原版 HackerNewsNext.js

© 2025 科技回声. 版权所有。

Qwik: No hydration, auto lazy-loading, edge-optimized, and fun

141 点作者 lobo_tuerto超过 2 年前

20 条评论

manucorporat超过 2 年前
Qwik maintainer here, lots of good feedback for our landing page! we already updating much of the content there. Please check this 20min if you wanna understand of the fundamental building block that makes this framework so different: <a href="https:&#x2F;&#x2F;www.youtube.com&#x2F;watch?v=BxGbnLb5i9Q" rel="nofollow">https:&#x2F;&#x2F;www.youtube.com&#x2F;watch?v=BxGbnLb5i9Q</a><p>A lot good content here too: <a href="https:&#x2F;&#x2F;qwik.builder.io&#x2F;media&#x2F;" rel="nofollow">https:&#x2F;&#x2F;qwik.builder.io&#x2F;media&#x2F;</a>
评论 #33174470 未加载
yodon超过 2 年前
The tech looks great but the landing page is a poster child for reminding engineers that you are not your customer, even when your product is designed to be used by other engineers.<p>The first full sentence of the first full paragraph on the landing page is &quot;Qwik does not do hydration because it is resumable.&quot;<p>The fraction of people looking for a &quot;zero hydration resumable web framework&quot; is at best minuscule compared to the number of people looking to make their website load faster or looking for ways to convert a higher fraction of visitors into customers.<p>Even on HN, people adopt products because of the benefits, not because of the hard things you did. Zero hydration is not a benefit - it&#x27;s a hard thing you did that makes the real benefits possible. Start with the benefits. Understanding the benefits makes people want to know more, including the secret sauce, like zero hydration, that makes the benefits possible.<p>This page [0] would make a better landing page - it makes a much more readable case for what Qwik is and why it&#x27;s important.<p>[0]<a href="https:&#x2F;&#x2F;qwik.builder.io&#x2F;docs&#x2F;overview&#x2F;" rel="nofollow">https:&#x2F;&#x2F;qwik.builder.io&#x2F;docs&#x2F;overview&#x2F;</a>
评论 #33173558 未加载
评论 #33174721 未加载
serbrech超过 2 年前
I had to scroll down to the bottom to understand what Qwik was, because it suddenly compares it with react, and I know what react is.<p>“Framework reimagined for the edge”<p>that does not tell me anything about what Qwik is. It’s not even a proper sentence, is it? A framework for what? Is it software? A methodology? Some device? No clue.
评论 #33175825 未加载
omniscient_oce超过 2 年前
I don&#x27;t quite understand the &quot;Every 100ms faster → 1% more conversions&quot; tag line (in the context of how Qwik improves over competitors)<p>AFAIK Qwik would have a similar initial load time to other server-side rendered frameworks where all you send across the wire <i>first</i> is the HTML and CSS to render that particular page. That&#x27;s the initial page load.<p>From there it loads the JS which then hydrates data and turns it into a functioning React app. So what Qwik claims to improve over other solutions is the time-to-interactive metric, rather than the initial page load. Is this a correct assessment?<p>If so, then the &quot;100ms -&gt; 1% more conversions&quot; buy line does not seem to really follow on from the actual improvements of Qwik over other methods. Anyone understand this more than me?
评论 #33175350 未加载
评论 #33174472 未加载
azangru超过 2 年前
Reading through the docs. It&#x27;s amusing and a bit disorienting to see a combination of React syntactic idioms (JSX, things starting with &quot;use&quot;) and RxJS idioms (the Finnish notation, in which reactive things end in a dollar sign) — but without either React or RxJS.
ipsum2超过 2 年前
This looks really good, it checks all the requirements I need for a project. Previously I looked into NextJS and Remix, but found them lacking. The only pet peeve, is that it looks like its 99% react, (JSX, functional components, hooks, etc) but isn&#x27;t, making the entire ecosystem built around React incompatible. Really wish they could&#x27;ve made React work for them instead.
评论 #33172719 未加载
woile超过 2 年前
I recently learned about qwik thanks to fireship&#x27;s 3 min video: <a href="https:&#x2F;&#x2F;www.youtube.com&#x2F;watch?v=x2eF3YLiNhY" rel="nofollow">https:&#x2F;&#x2F;www.youtube.com&#x2F;watch?v=x2eF3YLiNhY</a><p>It summarizes quite well the capabilities of this framework. The landing didn&#x27;t tell me much even after watching the video. I think it&#x27;s promising spite of some angular slang leaking, looking at you `$`!<p>I&#x27;m considering Qwik for a personal project but I&#x27;m also waiting for nextjs conf to see if there&#x27;s something interesting there, the positive of nextjs is that it works good enough and it&#x27;s well established already.
评论 #33175662 未加载
Lt_Riza_Hawkeye超过 2 年前
I wish there was a mode that gave me everything <i>except</i> lazy load.<p>I like the idea, though I do fear the level of complexity (while necessary for the problems it&#x27;s trying to solve) will further push away non-web developers from the web space.<p>But my concern is that if I&#x27;m on spotty wifi, and I click a button or scroll the page, the actual behaviors of that button or the components scrolling into view may not function for a solid 5-10 seconds while my phone attempts to establish a connection. I love that the framework&#x27;s demos make it really easy to see what&#x27;s going on - for example, under the &quot;Simple useWatch()&quot; demo, you can see that the JS file that actually updates the page when the &quot;+&quot; button is clicked, does not get loaded from the server until the first time you click the button. Similarly with the &quot;Below the fold Clock&quot; button, that clock will be rendered correctly for some specific time (default to 10:20:30 in the example code) when you initially scroll down, but won&#x27;t actually update to the current time until a network connection has been established, javascript downloaded, parsed, and executed - none of which kicks off until you scroll the clock into view, meaning you may be staring at a non-functional clock for 1-5 seconds until it snaps into reality.<p>It seems to me that there would be no downside to having these JS files preloaded in the background after the initial page load finishes. Curious why they went with the completely lazy loading strategy.<p>As an aside, it seems these JS files are loaded from a service worker. I have no idea why that would be remotely necessary, but it prevents me from playing around with this idea using the chrome devtools, as the service worker doesn&#x27;t seem to be subjected to the network tab&#x27;s &quot;ignore cache&quot; or internet throttling simulation (for example, returning the .js file in 2ms despite throttling being set to simulate a network latency of 300ms).
评论 #33173847 未加载
RamblingCTO超过 2 年前
I think this landing page could use more &quot;why&quot; instead of &quot;what&quot;. Why do I need no hydration? Why do I want to remove 99% of javascript from the main thread? I only rarely use frontend stuff, but when I do, I like to use sveltekit. Why would I want to use qwik?
nextaccountic超过 2 年前
What do you mean by no hydration? How does the client-side code picks up state from the initial render? (does Qwik apps load faster due to not needing hydration?)<p>Also, it talks about reactivity. Does it means it has no vdom? Is it related for no need for hydration?
评论 #33173968 未加载
评论 #33173508 未加载
dirkg超过 2 年前
How much work needs to be done to make other frameworks&#x2F;components&#x2F;toolsets&#x2F;React libs ect compatible with Qwik? What is the extra work involved in converting a medium size project written using e.g. NextJs to Qwik? vs starting from scratch?<p>I think a few concrete examples like this would help. Qwik looks like it solves a big problem but I&#x27;m not sure about barrier to entry.<p>Also this may sound biased but I hope this is not in any way influence by Angular, given its lead dev. I find Angular has a very opinionated &#x27;enterprisy&#x27; mindset thats very different from the React&#x2F;Next&#x2F;webpack approach common in JS.
garyrob超过 2 年前
For me, the examples simply don&#x27;t work in Safari, such as at <a href="https:&#x2F;&#x2F;qwik.builder.io&#x2F;examples&#x2F;introduction&#x2F;hello-world&#x2F;" rel="nofollow">https:&#x2F;&#x2F;qwik.builder.io&#x2F;examples&#x2F;introduction&#x2F;hello-world&#x2F;</a>. All I get is the spinner spinning forever.
yoyohello13超过 2 年前
As someone who is only minimally familiar with the front end space, when would it be worth while using a framework like this?<p>I almost always go the MPA route with a backend framework like Django and bundle my frontend stuff with Webpack. Am I missing out on anything important by not learning React&#x2F;jsx?
Existenceblinks超过 2 年前
Trying to understand what&#x27;s different between this and approach non-js backend langs have been doing for 10 years. Server side rendering and <i>resume</i> by rendering different &lt;head&gt; on demands of different resource (url).
评论 #33175843 未加载
fny超过 2 年前
Has anyone found a link to a therapist working app that showcases the performance in the docs? I looked around but haven&#x27;t found anything.
bricss超过 2 年前
Server-side rendering aka SSR is back bae
amelius超过 2 年前
What is hydration in this context?
评论 #33175505 未加载
评论 #33179723 未加载
danbulant超过 2 年前
This seems to work the same svelte kit does? Except it&#x27;s react and not svelte.
评论 #33173694 未加载
suprfsat超过 2 年前
it&#x27;s a modern version of asp.net web forms.
评论 #33175887 未加载
评论 #33173840 未加载
dvrp超过 2 年前
here we go again