Hydrogen utilities overview
Hydrogen contains a set of utilities that help accelerate your development process. This guide provides a complete reference of Hydrogen utilities.
Utilities
Hydrogen includes the following utilities:
| Utility name | Description |
|---|---|
| isClient | Indicates if the code executed on the client. |
| isServer | Indicates if the code executed on the server. |
| flattenConnection | Transforms a connection object into a flat array. |
| parseMetafieldValue | Parses a metafield's value from a string to a sensible type corresponding to the metafield's type. |
Next steps
- Get started with Hydrogen and begin building a custom storefront.
- Learn about Hydrogen's architecture and framework.
- Learn about React Server Components, an opinionated data-fetching and rendering workflow for React apps.