Interactive React components, without ever loading React in the browser, with Qwik

Published: 09 December 2022
on channel: Steve (Builder.io)
2,173
92

Resumable React!

In this case, we're using the Material UI React library to load React components, with resumability instead of hydration, using the Qwik framework.

This means lightening fast page load times without any client JS tax, even while using your favorite React libraries and components.

You can granularly control if you conditionally want components to hydrate as well, such as on visible, on load, on prop change, manually controlled via a signal, etc.

This is using the qwikify utility in Qwik to essentially turn React components into pure, simple HTML that only runs on the server.

This technique loads the bare minimum client JS, and only as needed (including Qwik's clever prefetching so there is never a delay in interactivity, but also never a CPU cycle wasted for no reason, such as for eager hydration)

Qwik React is currently in beta - you can read more about how to try it out here: https://qwik.builder.io/qwikcity/inte...


Watch video Interactive React components, without ever loading React in the browser, with Qwik online without registration, duration hours minute second in high quality. This video was added by user Steve (Builder.io) 09 December 2022, don't forget to share it with your friends and acquaintances, it has been viewed on our site 2,17 once and liked it 9 people.