JavaScript Hydration Is a Workaround, Not a Solution

This page summarizes the projects mentioned and recommended in the original post on news.ycombinator.com
#JavaScript #Data structures #HTML #Ghcjs #Hateoas

Our great sponsors
  • Amplication - open-source Node.js backend code generator
  • Appwrite - The open-source backend cloud platform
  • SurveyJS - A Non-Cloud Alternative to Google Forms that has it all.
  • InfluxDB - Collect and Analyze Billions of Data Points in Real Time
  • Mergify - Updating dependencies is time-consuming.
  • Sonar - Write Clean JavaScript Code. Always.
Our great sponsors

  • miso

    :ramen: A tasty Haskell front-end framework

  • htmx

    </> htmx - high power tools for HTML

  • Amplication

    Amplication: open-source Node.js backend code generator. An open-source platform that helps developers build backends without spending time on boilerplate & repetitive coding. Including production-ready GraphQL & REST APIs, DB schema, DTOs, filtering, pagination, RBAC, & more.

  • joystick

    A full-stack JavaScript framework for building web apps and websites.

    The overhead is arbitrary if done properly. I did this in Joystick [1] and was shocked at how overcomplicated folks make it.

    You're literally just saying "render to static HTML on the server, and on the client, have a way to render a root component to screen and attach event handlers." Without any serious thoughts about optimization (practically none yet), a no-cache refresh/mount takes 227ms to DOMContentLoaded and 696ms to a full load.

    Here's the SSR I do:

    https://github.com/cheatcode/joystick/blob/development/node/...

    Here's the mount ("hydration"):

    https://github.com/cheatcode/joystick/blob/development/ui/sr...

    The only "magic" is that I embed the hydration logic into the built JS for the current page and it fires automatically on load (no need to add manual hydration code).

    [1] https://github.com/cheatcode/joystick

NOTE: The number of mentions on this list indicates mentions on common posts plus user suggested alternatives. Hence, a higher number means a more popular project.

Suggest a related project

Related posts