Weekly Tech Hype #3 - Next vs Astro perf, Signals for web frameworks, Node.js runtimes in browser, Shopify's Hydrogen uses Remix
Tags: webdev, javascript, react, nextjs
Published: 2023-02-25 01:08:15

### Hey this is the Weekly Tech Hype #1

It's a quick overview of the recent FE tech news using my own [Full Context perspective](https://www.fullcontextdevelopment.com/blog/next-full-context-review#review) to fight the hype. Let’s find out what happened this week that can make a difference for the projects we work on, for our users and us software engineers.

_(The headings are links to the covered topic)_

## [#1 Next.js 13 vs Next.js 12 vs Astro 2 performance test](https://www.youtube.com/watch?v=wzRSYQ3b-Mk)
A video by [Jack Herrington](https://twitter.com/jherr) comparing the speed of the same web apps implemented in all 3 frameworks/versions. It got lots of love from the community and I also enjoyed it so please Jack no hard feelings but:

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/7k8lm9hcjh1h4e6h7d9t.jpg)

It has it all:

- Hot topic of the day FE tools ✅
- Everyone’s favorite obsession: Performance ✅
- Battle of technologies with a possible clear winner triggering tribal instincts ✅ (I know the conclusions were balanced)
- It only missed the celebrity component. ❌
Like Dan Abramov implementing the Next v13 version sharing behind the scenes info about the future of RSCs.

The 100k views wouldn’t have been out of reach. Keep it up Jack! - In all honesty it was a really well done comparison. But…

**From the Full Context Perspective**

The video compares the TTI and the supporting/correlating info about the size of transferred data. While TTI is a factor in [achieving a good Customer Experience](https://www.fullcontextdevelopment.com/book/chapter-6#f282191e67a44bfc9eb66e9f596b6719) (_link from my book on how tech and CX are related to business outcomes_) but it’s far from the only or the most significant component of it.

I will be strict, the video as a whole has no added value to increase the impact of the products we are working on.

In smaller products it’s unlikely that the shown level of difference in TTI will create a bottleneck while developers on huge projects wouldn’t rely on the default output of these frameworks. These small app measurements are sadly irrelevant for that case,

> That’s why Jack’s advice at the end is absolutely correct, do your own measurements for your own situation.

But then what’s the value we can take away from this comparison?

**The performance comparison gets a 4 / 10 HV score.**

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/nlzjtg86z7dikevpndd9.png)

## [#2 Signals](https://www.builder.io/blog/usesignal-is-the-future-of-web-frameworks), [Signals](https://twitter.com/sarah_edo/status/1628065696247857152), [everywhere](https://twitter.com/acdlite/status/1626590880126889984)
[Misko Hevery](https://twitter.com/mhevery) (_author of Angular.js and Qwik_) released a very interesting, deeply technical article about signals as reactivity primitives in modern FE frameworks. At the same time [Sarah Drasner](https://twitter.com/sarah_edo) announced that Angular will introduce the use of signals. [Andrew Clark](https://twitter.com/acdlite) teased the idea that React might add them as a compiler target, or a low level API for library authors.

Signals are not a new concept, Vue, Preact, Solid, and Qwik all use them, it even existed in Knockout. But recent implementations improve on the DX side significantly.

This is the type of news that I really appreciate. It shows us how to achieve a goal more effectively through a technical tool, - reactive state updates with high rendering performance - while also creating just enough hype to raise attention.

**From the Full Context Perspective**

This can be a couple hundred [Impact Point](https://www.fullcontextdevelopment.com/blog/next-full-context-review#review) worth of [Productivity](https://www.fullcontextdevelopment.com/book/chapter-3#492aef240b5a46f188c2d6a8bfb69b0d) improvement depending on the circumstances that can manifest in a visible value increase.

**The signal technology gets a 8 / 10 HV score.**

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/jw36nm9x31sfu1kgq5fo.png)

---
This is a repost from my [Substack](https://fullctxdev.substack.com/), if you don't want to miss out similar content, subscribe to the newsletter!

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/jttk6l0ehor6mr2uh109.jpg)

---


## [#3 Node.js runtimes](https://blog.stackblitz.com/posts/webcontainer-api-is-here/), [in the browser](https://codesandbox.io/blog/announcing-sandpack-2)
CodeSandbox and StackBlitz both announced the next version of their in-browser Node.js implementation, respectively Sandpack 2.0 and the WebContainers API. Here’s a summary of both:

**WebContainers**

> WebContainers are a micro-operating system based on WebAssembly designed to allow spinning up Node.js servers locally inside a browser tab

**SandPack**

> Sandpack 2.0 introduces Nodebox, a new technology that implements its very own abstraction of Node.js in-browser. Nodebox brings a new set of possibilities allowing Sandpack to run almost any JavaScript application you can imagine in any browser.

These are cool things, but their use-cases are limited. They can mostly be used to create… **_cool things_**. Web IDEs, interactive coding tutorials, no-code/low-code environments or to compile and run Next.js, Vite and Astro projects completely client side.

These are legitimate technology advancements, totally newsworthy and congratulations to everyone who pulled it off, it’s tremendous work!

**From the Full Context Perspective**

This is the stuff that manifests the purest form of [Business Opportunity](https://www.fullcontextdevelopment.com/book/chapter-3#755ae305b28b4848b6b919b3d8238b8c). An innovation that creates new markets, that enables the creation of products previously impossible to build. The thing is, if the product you are working on belongs to a different category, the effect of these innovations on your life and on the business’ is 0.


![For those who want to create these kinds of products](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/pimkdsyt9eg0vo12wz15.jpg)_For those who want to create these kinds of products_


![For the rest of us](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/yam1rc1bkisbm69ktcsd.jpg)_For the rest of us_


**The Node.js in-browser tech gets a 7 / 10 HV score.**

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/upwx4l893fudby90yxxx.png)

## [#4 Shopify’s Hydrogen](https://hydrogen.shopify.dev/updates), [uses Remix](https://twitter.com/remix_run/status/1623744656701026306)
This news is delivered without much buzz and I also won’t say too much about it.

Shopify devs rewrote Hydrogen using Remix. They enjoy all the benefits of Remix now. Well they bought the Remix company so they’ve got to do something with ‘em, right? The real question is the pros vs cons of using Remix over pure React and its ecosystem. I tried to form a well [balanced](https://www.fullcontextdevelopment.com/blog/remix-full-context-review#product), [opinion ](https://www.fullcontextdevelopment.com/blog/remix-full-context-review#software)on that last year. It’s not all songs and birds but there are a ton of major benefits. I’m interested in following how it will pay out for Shopify.

**From the Full Context Perspective**

I would have loved to see some measurements of how the Remix implementation did in terms of Real User Metrics or other benchmarks vs the v1 Hydrogen. That would have given us a sense of the impact of the rewrite on business value. Without that I will be optimistic with this one an give

**Hydrogen v2. a 7 / 10 HV score.**

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/468fwxfxjr2xfleo5kb2.png)

---

**I’m super happy** that you read (_or scrolled_) till the end! I feel speechless that people actually do that! If you enjoyed the article and/or found it valuable please consider sharing it with your friends and colleagues.

I’m at a very early stage of building this Substack publication so even the smallest extra visibility can make a huge difference. My wholehearted thanks if you help with that!

See you in the next one!
Joe [@fullctxdev](https://twitter.com/fullctxdev)