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

DevFeed: [How We Built Hydrogen: A React Framework for Building Custom Storefronts](<https://devfeed.tech/articles/how-we-built-hydrogen-a-react-framework-for-building-custom-storefronts-1427.md>)

Original publisher: [Read original article](<https://shopify.engineering/how-we-built-hydrogen>)

Author: Josh Larson

Published: 2022-06-22T13:00:00Z

Content type: article

Language: en

Sources: [Shopify Engineering](<https://devfeed.tech/sources/shopify-engineering.md>), [Shopify Engineering - Shopify Engineering](<https://devfeed.tech/sources/shopify-engineering-shopify-engineering.md>)

Topics: [React](<https://devfeed.tech/topics/react.md>), [Shopify](<https://devfeed.tech/topics/shopify.md>), [Frameworks](<https://devfeed.tech/topics/frameworks.md>), [Developer experience](<https://devfeed.tech/topics/developer-experience.md>), [GitHub](<https://devfeed.tech/topics/github.md>), [Jamstack](<https://devfeed.tech/topics/jamstack.md>)

Tags: [developer-experience](<https://devfeed.tech/tags/developer-experience.md>), [experimental](<https://devfeed.tech/tags/experimental.md>), [frameworks](<https://devfeed.tech/tags/frameworks.md>), [github](<https://devfeed.tech/tags/github.md>), [pull-requests](<https://devfeed.tech/tags/pull-requests.md>), [react](<https://devfeed.tech/tags/react.md>), [shopify](<https://devfeed.tech/tags/shopify.md>)

## AI overview

Shopify Engineering explains how Hydrogen was built as a React framework for dynamic custom storefronts on Shopify. The article covers the motivation for the framework, its use of experimental technology such as React Server Components, and lessons from iterative development, feedback, and shipping.

## Source excerpt

We've been building Hydrogen for more than a year. Here's a look behind the scenes at how we did it, what we learned from making big bets, and what it was like building a new framework from the ground up on experimental technology.