In the dynamic realm of e-commerce, technological evolution is relentless, with each passing year bringing groundbreaking advancements. As brands strive to navigate this ever-shifting landscape amid rising costs, developers find themselves at the forefront of innovation. Staying current with emerging trends and acquiring new skills is not just a choice—it’s a necessity. In 2024, the spotlight is on Shopify Hydrogen, a game-changing technology poised to redefine the future of headless commerce.
This article embarks on a journey to unravel the intricacies of Shopify Hydrogen and explore the trends that are set to shape its trajectory in the coming year. From its foundational principles to the practical applications that make it a revolutionary force, we will delve into the nuances of Shopify Hydrogen. Developers and e-commerce enthusiasts alike are in for an insightful exploration of why Shopify Hydrogen is not just a solution; it’s a catalyst for transforming the e-commerce landscape. Join us as we dissect the trends and unveil the potential that awaits in the world of Shopify Hydrogen in 2024.
Overview of Shopify Hydrogen
Headless commerce has disrupted traditional e-commerce paradigms in recent years, offering unprecedented flexibility and customization. At the forefront of this transformative wave is Shopify Hydrogen, a cutting-edge technology propelling headless commerce into new dimensions.
The Evolution of Headless Commerce
Understanding Shopify Hydrogen begins with grasping the concept of headless commerce. Traditionally, online stores’ front and back ends operated as an inseparable unit, constraining design, and functionality. Headless commerce, on the other hand, liberates the frontend (the “head”) from the backend, allowing them to function independently through APIs. This decoupling enables a seamless, personalized shopping experience without compromising the integrity of the backend system.
Shopify Hydrogen as the Game-Changer
While it has been possible to implement a headless store using Shopify’s Storefront API, the process came with inherent challenges—complexity, cost, and maintenance hurdles. Shopify Hydrogen emerges as the antidote, eliminating these complexities and providing a streamlined solution for merchants. With a focus on delivering “personalized and dynamic buyer experiences,” Shopify Hydrogen marks a significant leap forward in headless commerce development.
Unveiling Shopify Hydrogen
At its core, Shopify Hydrogen is a React-based framework meticulously designed for constructing custom storefronts. It provides developers with a comprehensive toolkit, including structures, components, and tools, empowering them to build fast and deliver unparalleled personalized user experiences. Hydrogen is Shopify’s recommended approach to achieving a headless model, seamlessly blending commerce, user experience, and coding.
How Shopify Hydrogen Works
Shopify Hydrogen addresses developers’ challenges, aiming to provide a fast and seamless e-commerce experience. By leveraging a framework incorporating technologies like React and Vite, Hydrogen ensures dynamic commerce experiences without compromising site speed. The framework comprises a quick-start environment with commerce-specific components and developer tools, enabling developers to balance superior commerce and user experiences.
Accelerating Storefront Development
Hydrogen goes beyond theoretical promise—it expedites storefront development with ready-to-use UI components built around Shopify data models. With a starter template facilitating swift setup and integration with a Shopify store, developers can customize their storefronts promptly. Shopify Hydrogen empowers merchants to create dynamic commerce experiences without sacrificing site performance, promising a faster route to headless commerce features.
As we navigate through the trends shaping Shopify Hydrogen in 2024, this overview lays the foundation for comprehending the technology’s significance in the evolving e-commerce landscape.
What is Shopify Hydrogen?
Shopify Hydrogen represents a paradigm shift in the world of e-commerce development. Positioned as the future of headless commerce, Shopify Hydrogen is not just a technology; it’s a strategic move by Shopify to empower merchants with unparalleled control and developers with a robust framework for crafting cutting-edge storefronts. Let’s delve into the core aspects that define Shopify Hydrogen:
- A React-Based Marvel: At its essence, Shopify Hydrogen is a React-based framework—an architectural choice that aligns with contemporary web development standards. This choice brings the benefits of React, a widely adopted JavaScript library for building user interfaces. The React Foundation allows for the creation of highly responsive and interactive user experiences, a crucial aspect in the dynamic realm of e-commerce.
- Empowering Developers with a Toolkit: Hydrogen equips developers with a comprehensive toolkit encompassing structures, components, and tools necessary for initiating and expediting the development process. The goal is clear: to eliminate the complexities traditionally associated with building headless stores using Shopify. By providing a streamlined environment, Hydrogen enables developers to focus on creating unique and compelling user experiences without the burden of intricate technical integrations.
- The Intersection of Commerce, UX, and Coding: Shopify Hydrogen positions itself at the intersection of commerce, user experience (UX), and coding. This strategic alignment underscores its intent to deliver a powerful development tool and a solution that harmonizes the often divergent priorities of commerce and user-centric design. The result is a framework that enhances the merchant’s capabilities and the end-user experience.
- Open Source Collaboration: One notable aspect of Shopify Hydrogen is its open-source nature. At the time of writing, Hydrogen is fully open source, inviting collaboration and contributions from the developer community. This collaborative approach ensures continuous improvement, with developers across the globe contributing to its refinement. This open ethos aligns with Shopify’s commitment to fostering a robust and inclusive ecosystem.
- Addressing the Challenges of Headless Commerce: Headless commerce, while revolutionary, has presented challenges, especially in terms of complexity, cost, and maintenance. Shopify Hydrogen emerges as a solution designed to navigate and alleviate these challenges. By offering a framework that seamlessly integrates with Shopify’s platform and APIs, Hydrogen aims to simplify the development of headless stores, making them more accessible and efficient for a broader range of merchants.
Understanding Shopify Hydrogen involves recognizing its role as a catalyst for change in e-commerce development. In the subsequent sections, we’ll explore specific trends and features that define the trajectory of Shopify Hydrogen in 2024, shaping the experiences of both developers and merchants alike.
How Shopify Hydrogen Works
Now that we have a foundational understanding of Shopify Hydrogen, let’s delve into how this innovative framework operates. Shopify Hydrogen is not just a tool; it’s a comprehensive approach to crafting e-commerce experiences that seamlessly marry customization, performance, and efficiency. Here’s a closer look at the critical aspects of how Shopify Hydrogen works:
1. Hydrogen Framework: Building Blocks for Agility
At the core of Shopify Hydrogen lies its namesake framework—a set of building blocks that form the foundation of agile and dynamic commerce experiences. The Hydrogen framework integrates seamlessly with React and Vite, leveraging their capabilities to deliver server-side rendering (SSR), hydration middleware, and client component code transformations. This amalgamation of technologies aims to strike a balance between superior commerce experiences and rapid user interactions.
2. Hydrogen UI Components: Ready-Made Customization
Hydrogen provides a rich repository of UI components, including components, hooks, and utilities aligned with Shopify’s data models. These components are ready-made elements that developers can seamlessly integrate into their storefronts. The result is reduced development time and effort, as developers can leverage pre-built components to interact with Shopify APIs and external data sources through the Storefront API. This modular approach empowers developers to build dynamic commerce experiences without compromising site performance.
3. Starter Templates for Expedited Development
Recognizing the importance of accelerating the storefront development process, Shopify Hydrogen includes starter templates. These templates serve as scaffolding for projects, streamlining the initial setup and integration with a Shopify store. Developers can skip the traditional setup complexities and dive straight into customizing their storefronts, thanks to the primary file structures provided by the starter templates. This expedites the development timeline, allowing merchants to bring their storefronts to life in a fraction of the time compared to traditional approaches.
4. Balancing Commerce and User Experience
Hydrogen positions itself as a tool that caters to developers and prioritizes the intersection of commerce, user experience (UX), and coding. By providing a toolkit that fosters a fast user experience, enhances merchant capabilities, and ensures a great developer experience, Hydrogen seeks to strike a delicate balance between the functional requirements of commerce and the aesthetic demands of user-centric design.
5. Open Source Collaboration: Building Together
A crucial aspect of Shopify Hydrogen’s ethos is its status as an open-source framework. Developers are encouraged to explore, experiment, and contribute to the ongoing improvement of Hydrogen. This collaborative model ensures that the framework evolves with the input of the broader developer community, resulting in a tool that remains adaptive, responsive, and aligned with emerging industry trends.
In essence, Shopify Hydrogen works as a catalyst for efficient, dynamic, and personalized commerce experiences. The framework’s integration of technologies, ready-made components, and open collaboration sets the stage for a new era in headless commerce development. As we explore the trends that define Shopify Hydrogen in 2024, we must keep these operational nuances in mind, understanding how they collectively shape the landscape of e-commerce development.
Shopify Hydrogen vs. Liquid
In Shopify development, the choice between Shopify Hydrogen and Liquid—Shopify’s native template language—significantly influences how developers structure and customize their storefronts. Understanding the distinctions between these two approaches is pivotal for making informed decisions in the development journey. Let’s dissect the nuances of Shopify Hydrogen and Liquid:
1. Liquid: The Traditional Backbone
Liquid stands as the foundational template language for Shopify, written in Ruby. It has long been the backbone of all Shopify themes, orchestrating dynamic content loading on store pages. The traditional approach uses Liquid to build web pages, combining static content with dynamic elements. Think of Liquid as a paint-by-numbers system, offering developers a structured yet somewhat limited canvas.
- Template Focus: Liquid templates focus on predetermined functionality, offering fewer customization options than a framework.
- Theme Building: Shopify’s themes are typically built using Liquid, allowing for the creation and customization of the overall layout.
2. Hydrogen: Framework for Headless Freedom
In contrast, Shopify Hydrogen emerges as a React-based framework, offering a headless commerce solution for those seeking increased flexibility and customization. The Hydrogen framework provides a collection of ready-made tools and components, resembling a LEGO set that developers can assemble to create unique applications.
- Framework Flexibility: Hydrogen exceeds Liquid’s constraints, offering more flexibility and control over the storefront’s structure and behavior.
- Custom Storefronts: Hydrogen facilitates the building of custom storefronts with ease, empowering developers to craft personalized and dynamic shopping experiences.
3. Metafields and Customization: A Shift in Approach
Introducing metafields—a flexible way to extend Shopify’s native functionality—has further shifted the landscape. Here’s how both Liquid and Hydrogen handle this crucial aspect:
- Liquid Limitations: Liquid traditionally required developers to manage metafields, often in a more hands-on manner, limiting accessibility for clients.
- Hydrogen Empowerment: Hydrogen embraces a more client-friendly approach, allowing clients to create and manage their metafields without extensive development resources.
4. Future of Storefront Development: Hydrogen’s Promise
There’s a growing sentiment that Hydrogen is positioned to replace Liquid in Shopify storefront development. The reasons are multifaceted:
- Improved User Experience: Hydrogen’s framework and UI components offer enhanced design freedom, enabling the creation of unique UX/UI designs without compromising performance.
- Headless Commerce Evolution: Hydrogen’s evolution and upcoming technologies like Shopify Oxygen signify a shift toward modern headless commerce.
In summary, while Liquid remains a stalwart choice for traditional storefronts, Shopify Hydrogen emerges as the avant-garde solution for those seeking a headless commerce approach with unparalleled flexibility and future-proofing capabilities. As we navigate through the trends shaping Shopify Hydrogen in 2024, understanding the strengths and trade-offs between Liquid and Hydrogen becomes pivotal for developers charting the course of e-commerce innovation.
Why Go Headless with Shopify Hydrogen
The e-commerce landscape is evolving, compelling businesses to adapt swiftly to the latest technologies and trends. Amid this digital revolution, Shopify Hydrogen emerges as a pivotal force, reshaping how developers approach storefront development. Let’s delve into the compelling reasons why businesses should embrace a headless commerce strategy with Shopify Hydrogen in 2024:
- Optimize Site Performance: One of the standout advantages of adopting the headless approach with Shopify Hydrogen is the remarkable enhancement in site performance. By decoupling the frontend from the backend, businesses unlock the potential for lightning-fast page loading speeds. This separation allows dynamic content and functionalities to thrive within the backend, resulting in a seamless and responsive user experience. The switch to Shopify Hydrogen can transform page load speeds from seconds to milliseconds, aligning with the store’s Core Web Vitals and ensuring an unparalleled browsing experience for visitors.
- Better Scalability: Scaling an e-commerce platform has always presented challenges, particularly when balancing speed and user experience. Traditionally, a highly interactive and personalized shopping experience could be achieved with impressive web performance, but scalability issues would arise as traffic surged. Shopify Hydrogen addresses this predicament head-on by introducing Shopify Oxygen—a global hosting solution designed exclusively for Hydrogen storefronts. Oxygen is powered by over 100 server locations worldwide and eliminates the need for third-party hosting services. This strategic infrastructure investment ensures that Shopify stores hosted on Oxygen deliver instant loading experiences for customers across the globe. Shopify boldly claims that Oxygen is the fastest way to deploy Shopify-backed commerce experiences, ushering in a new era of speed and scalability in headless commerce.
- Unprecedented Design Freedom: The headless approach championed by Shopify Hydrogen liberates businesses from design constraints, offering unparalleled freedom to craft unique and captivating storefronts. With the separation of frontend and backend through APIs, developers can modify the frontend design seamlessly without disrupting backend functions—an issue commonly encountered in traditional commerce setups. The design process is further expedited with tools like the Tapita Page Builder, allowing merchants to create and customize pages effortlessly through intuitive drag-and-drop interfaces. This newfound design freedom empowers businesses to deliver personalized and dynamic shopping experiences that stand out in the crowded e-commerce landscape.
- Elevating Commerce Experience: Shopify Hydrogen introduces a paradigm shift in how commerce experiences are crafted. Leveraging frontend flexibilities and a separate Content Management System (CMS), Hydrogen simplifies the creation of personalized storefronts. Integrating Oxygen ensures millisecond page loading speeds while maintaining stable web performance. This combination of speed, stability, and customization capabilities positions Shopify Hydrogen as a catalyst for an outstanding commerce experience. Hydrogen paves the way for a new standard in e-commerce excellence by balancing store performance and customer satisfaction.
- Rapid Development: Time is of the essence in the competitive ecommerce landscape. Shopify Hydrogen streamlines frontend development by offering a foundational framework and ready-to-use UI components. This accelerates the development process, sparing businesses from the complexity associated with third-party integrations and software dependencies. The efficiency gains with Shopify Hydrogen make it one of the fastest routes for Shopify stores to embrace cutting-edge headless commerce features without enduring lengthy, intricate, and costly development processes.
Going headless with Shopify Hydrogen is not just a technological choice—it’s a strategic move to revolutionize how businesses approach e-commerce. As we navigate the transformative trends of 2024, Shopify Hydrogen stands as a beacon, guiding businesses toward a future where site performance, scalability, design freedom, and commerce experience converge to create an e-commerce ecosystem that’s second to none.
Shopify Hydrogen Limitations
While Shopify Hydrogen emerges as a powerful force in reshaping the e-commerce landscape, it’s essential to acknowledge its current limitations. As of now, Shopify Hydrogen is in its developer preview stage, and businesses considering its adoption should be aware of certain constraints:
As of the latest information, Shopify Hydrogen is tailored exclusively for building Shopify storefronts. This means that its application is limited to enhancing the Shopify ecosystem’s user experience and design elements. If you’re exploring options for custom storefronts beyond Shopify or considering platforms like mobile apps, video games, or smart devices, there may be better solutions than Shopify Hydrogen.
The developer preview of Shopify Hydrogen provides insights into its capabilities within the Shopify environment. However, its compatibility and effectiveness in diverse scenarios, industries, or specific use cases beyond Shopify storefronts must be determined. Businesses with unique or unconventional requirements may need to evaluate whether Shopify Hydrogen aligns with their broader digital strategy.
As a technology in its early stages, Shopify Hydrogen is subject to ongoing development and refinement. While this signifies continuous improvement, businesses must be prepared for potential updates, changes, or refinements that could impact existing implementations. Staying abreast of Shopify’s announcements, updates, and developer community discussions is crucial to navigating any adjustments required for ongoing projects.
Since Shopify Hydrogen is still in the developer preview phase, there might be functional constraints or features that are yet to be fully realized. Certain functionalities, integrations, or compatibility with specific Shopify features may evolve as Shopify refines Hydrogen based on user feedback and market demands.
The roadmap for Shopify Hydrogen’s integration with other technologies, third-party services, or emerging trends has yet to be fully disclosed. Businesses keen on future-proofing their technology stack may need help to predict how Shopify Hydrogen will align with evolving industry standards, emerging technologies, or other integrations beyond the current scope.
In conclusion, while Shopify Hydrogen showcases immense promise as a forward-thinking solution for headless commerce within the Shopify ecosystem, businesses must approach its adoption with a nuanced understanding of its existing limitations. As Shopify continues to iterate on Hydrogen and move towards a broader release, companies can anticipate a more refined, versatile, and feature-rich solution for their evolving e-commerce needs.
Drawing Insights from 2023 Trends
It’s crucial to reflect on the key trends and insights that shaped the Shopify development landscape in 2023 to understand the trajectory of Shopify Hydrogen in 2024. Developers and businesses can glean valuable lessons from the past year’s experiences and innovations. Here are noteworthy insights from the 2023 trends:
1. Mobile Checkout Dominance
The surge in mobile commerce reached a tipping point in 2023, with Black Friday witnessing a record-breaking number of users completing phone purchases. This underscores the paramount importance of optimizing the mobile checkout experience. Developers should recognize the lasting impact of this trend and explore how Shopify Hydrogen aligns with the imperative to enhance mobile conversion rates.
2. Pre-built Themes and Online Store 2.0 Adoption
As businesses sought cost-saving measures amidst economic uncertainties, adopting pre-built themes and the rollout of Online Store 2.0 gained prominence. Developers leveraged add-on components to augment themes, emphasizing efficiency and reducing technical debt. This trend’s continuity into 2024 suggests a continued focus on resource optimization and streamlined development workflows.
3. International Expansion with Shopify Markets
The interest rate-induced focus on improving unit economics led to a keen interest in cross-border expansion. Shopify Markets and Shopify Markets Pro emerged as pivotal tools for brands venturing into international markets. The emphasis on these tools in 2023 hints at the continued importance of seamless cross-border functionalities, presenting opportunities for Shopify Hydrogen to play a role in global storefront experiences.
4. Metafields Revolution
Developers are adding metafields as a flexible way to extend Shopify’s native functionality, providing a richer experience for customers, developers, and store owners. The empowerment of clients to create their metafields and the increased demand for product-specific information on the Product Detail Page (PDP) underscore the evolving role of metafields. Developers keen on Shopify Hydrogen should consider how it integrates with and leverages metafields for dynamic and personalized content.
5. Headless Commerce Advancements
The maturation of headless commerce led to increased adoption of Shopify’s Hydrogen framework and the hosting platform Oxygen. Composable architectures, unified content platforms, and advanced use cases incorporating personalization and machine learning became prevalent. Developers should take cues from the innovative applications of headless commerce in 2023, anticipating further advancements and nuanced use cases with Shopify Hydrogen in the upcoming year.
6. Objectives-First Development Philosophy
A shift towards an objectives-first mentality surfaced, emphasizing the importance of aligning development efforts with clients’ goals and objectives. This approach ensures that features and functionalities are purpose-driven, addressing genuine challenges and contributing to brand growth. Shopify Hydrogen developers should adopt this strategic mindset, focusing on delivering solutions that align with clients’ broader objectives.
7. Community Collaboration
The significance of participating in the commerce community became apparent in 2023. Collaboration, knowledge-sharing, and community engagement through platforms like Shopify Partners Slack Community and Shopify Devs Discord emerged as catalysts for growth. Developers eyeing Shopify Hydrogen in 2024 should recognize the collaborative nature of the community and actively engage in discussions, events, and knowledge-sharing initiatives.
By reflecting on these insights, developers can navigate the evolving landscape with a nuanced understanding of the industry’s pulse. As we transition into 2024, these trends provide a valuable compass, guiding developers toward effective strategies and informed decisions in leveraging Shopify Hydrogen for innovative and impactful e-commerce solutions.
Looking Ahead: Shopify Hydrogen Trends in 2024
As we stand at the threshold of 2024, the trajectory of Shopify Hydrogen seems poised for a year of transformative trends and technological advancements. Developers and businesses can anticipate several key trends shaping the Shopify Hydrogen ecosystem in the coming year.
1. Mobile-Centric Experiences
The mobile checkout dominance observed in 2023 is set to continue as a defining trend for Shopify Hydrogen in 2024. With a record number of users making purchases on mobile devices, developers can expect a sustained focus on optimizing the mobile experience. With its commitment to personalized and dynamic user experiences, Shopify Hydrogen is well-positioned to play a pivotal role in enhancing mobile conversion rates.
2. Evolution of Online Store 2.0
Adopting pre-built themes and the Online Store 2.0 framework is expected to evolve further in 2024. Developers will likely witness an increased demand for efficiency and resource optimization, prompting them to explore how Shopify Hydrogen aligns with the principles of Online Store 2.0. As businesses seek streamlined workflows, the Hydrogen framework’s role in creating custom, fast, and flexible storefronts will likely gain prominence.
3. Global Commerce Expansion with Shopify Hydrogen
The emphasis on international expansion, as highlighted by Shopify Markets and Shopify Markets Pro in 2023, will continue to shape the Shopify Hydrogen landscape. Developers should anticipate a growing need for seamless cross-border functionalities and explore how Hydrogen’s capabilities align with the aspirations of brands venturing into global markets. The impending launch of Shopify Oxygen is expected to play a pivotal role in addressing scalability and hosting concerns for international storefronts.
4. Metafields Integration and Innovation
The significance of metafields in providing a richer customer experience is set to continue its upward trajectory. Developers working with Shopify Hydrogen should explore innovative ways to integrate and leverage metafields, enabling dynamic and personalized content. As clients take greater control over metafields, Hydrogen’s role in facilitating this autonomy while ensuring a consistent customer experience will likely be a key trend in 2024.
5. Advancements in Headless Commerce
The maturity of headless commerce, coupled with the increasing adoption of Shopify’s Hydrogen framework and Oxygen hosting platform, indicates a trajectory toward more sophisticated applications. Developers can look forward to exploring advanced use cases, including composable architectures, unified content platforms, and enhanced personalization through machine learning. The recent acquisition of the React framework Remix by Shopify is poised to elevate the capabilities of Hydrogen further, offering developers increased flexibility and efficiency.
6. Strategic Objectives-First Development
The shift towards an objectives-first development philosophy is expected to solidify in 2024. Developers leveraging Shopify Hydrogen will likely find success by aligning their efforts with clients’ overarching goals. A strategic mindset that prioritizes purpose-driven development and addresses genuine business challenges will be crucial for developers navigating the evolving e-commerce landscape.
7. Community-Centric Growth
The collaborative nature of the Shopify development community will continue to be a driving force in 2024. Developers embracing Shopify Hydrogen should actively engage in community discussions, events, and knowledge-sharing initiatives. Platforms like Shopify Partners Slack Community and Shopify Devs Discord will serve as vibrant hubs for collaboration, providing developers with a supportive environment for growth and learning.
In conclusion, the upcoming year holds immense promise for Shopify Hydrogen, with trends focusing on mobile experiences, streamlined development workflows, global commerce expansion, meta-field innovation, headless commerce advancements, strategic development philosophies, and community-centric growth. As developers embark on the journey of 2024, these anticipated trends will serve as guiding principles, shaping the landscape of Shopify Hydrogen development and paving the way for innovative e-commerce solutions.
Conclusion
As we delve into the promising realms of 2024, the Shopify Hydrogen landscape is an exciting arena for developers, businesses, and e-commerce enthusiasts alike. The trends that have shaped the preceding year indicate a dynamic ecosystem, with Shopify Hydrogen at its core, driving innovation and redefining the standards of e-commerce development.
The mobile-centric focus, evolution of Online Store 2.0, global commerce expansion, meta-field integration, advancements in headless commerce, objectives-first development, and community-centric growth collectively paint a picture of a vibrant and evolving ecosystem. Developers, armed with the robust capabilities of Shopify Hydrogen, are well-poised to navigate the challenges and leverage the opportunities presented by these trends.
As we anticipate a year marked by groundbreaking developments and transformative shifts, one thing remains clear—the collaborative spirit of the Shopify community will play a pivotal role. Engaging in knowledge-sharing initiatives, participating in community discussions, and staying attuned to emerging trends will be critical ingredients for success in the evolving landscape of Shopify Hydrogen development.
In the journey ahead, let these trends serve as guiding lights to empower developers to craft unparalleled e-commerce experiences, businesses to achieve global scalability, and customers to enjoy seamless and personalized interactions. The convergence of technology, innovation, and community-driven growth promises an exhilarating year for Shopify Hydrogen—a year where the boundaries of possibility continue to expand, and the e-commerce landscape evolves in tandem with the aspirations of those who shape it.
As the curtain rises in 2024, let’s embrace the opportunities, surmount the challenges, and collectively contribute to the ever-evolving narrative of Shopify Hydrogen—a narrative that unfolds with each line of code, each collaboration, and each e-commerce success story. Here’s to a year of innovation, collaboration, and unparalleled growth in the realm of Shopify Hydrogen.
