Our great sponsors
-
-
-
SurveyJS
Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.
-
-
Qwik is another tool that aims to solve the performance problem. Like Astro, Qwik hydrates the components that need it. It can even hydrate these components out of order, and asynchronously - it gives very fine-grained control over this hydration.
What then makes good user experience, and what factors can be affected by the development tools we chose? Google uses Web Vitals as "quality signals that are essential to delivering a great user experience on the web". Rhian focuses on the metrics Largest Contentful Paint, which measures loading performance of a web page, and First Input Delay, which measures how quickly your page becomes interactive.
Partial hydration has been around for longer than you might think. Marko is a tool built by eBay which had the concept of partially hydrating the page as early as 2014.
Rhian suggests checking out Astro. By default, everything compiles to plain HTML with no interactivity. Then you have to specify which components are interactive. You can have them become interactive at runtime, when the browser viewport is a certain size, or first when they are scrolled into view.