How We Built Hydrogen: A React Framework for Building Custom Storefronts

This page summarizes the projects mentioned and recommended in the original post on news.ycombinator.com

CodeRabbit: AI Code Reviews for Developers
Revolutionize your code reviews with AI. CodeRabbit offers PR summaries, code walkthroughs, 1-click suggestions, and AST-based analysis. Boost productivity and code quality across all major languages with each PR.
coderabbit.ai
featured
Nutrient - The #1 PDF SDK Library
Bad PDFs = bad UX. Slow load times, broken annotations, clunky UX frustrates users. Nutrient’s PDF SDKs gives seamless document experiences, fast rendering, annotations, real-time collaboration, 100+ features. Used by 10K+ devs, serving ~half a billion users worldwide. Explore the SDK for free.
nutrient.io
featured
  1. lagon

    Deploy Serverless Functions at the Edge. Current status: Alpha

  2. CodeRabbit

    CodeRabbit: AI Code Reviews for Developers. Revolutionize your code reviews with AI. CodeRabbit offers PR summaries, code walkthroughs, 1-click suggestions, and AST-based analysis. Boost productivity and code quality across all major languages with each PR.

    CodeRabbit logo
  3. rfcs

    RFCs for changes to React (by reactjs)

    Correct, we're shipping with an initial version of React Server Components (RSC) that works in Vite and uses file suffixes. Hydrogen provides missing pieces to the current version of RSC, like data fetching and other dev tooling.

    We're working to align with Vercel on improving the conventions of server modules (e.g. dropping the filename suffix): https://github.com/reactjs/rfcs/pull/189#issuecomment-111648... and we anticipate to release future versions of Hydrogen and Next.js that use something like boundary annotations instead.

  4. hydrogen-vercel-edge

    Deploy a Hydrogen storefront to Vercel Edge Functions

    Yep, we're planning to offer a `@shopify/hydrogen-ui` package with useful components and hooks. That work is in progress but not quite ready.

    We have a working prototype of Hydrogen deploying to Vercel, and we need to formalize it into our official documentation: https://github.com/frandiox/hydrogen-vercel-edge

  5. solid-site

    Code that powers the SolidJS.com platform.

    React is * old * (in the frontend world), stable and very very well known. It is a solid, responsible choice to build your framework on top of React in 2022.

    You can upgrade a 7 year old React app with very little fuss. Unfortunately, you cannot say the same about Vue or any of the modern libraries. They also have no track record to indicate they will exist 10 years down the line, but I'm pretty sure my React apps will still be fine.

    That being said, I'm very excited about SolidJS[1] and any of the other modern libraries that use JSX.

    [1] https://www.solidjs.com

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

  • Toolspace - A library of open-source developer tools, reviews, and alternatives. (Built on Next.js)

    1 project | /r/javascript | 11 Jul 2022
  • Next.js 12.2: Middleware, On-Demand ISR, Experimental Edge SSR and API Routes

    1 project | news.ycombinator.com | 28 Jun 2022
  • I’m creating a Runtime for Serverless Functions, which will be deployed at the Edge. Anyone wants to help?

    1 project | /r/opensource | 21 Jun 2022
  • WinterJS

    6 projects | news.ycombinator.com | 28 Oct 2023
  • Ask HN: What Are You Building?

    2 projects | news.ycombinator.com | 10 Feb 2023

Did you know that TypeScript is
the 1st most popular programming language
based on number of references?