eslint-plugin-hydrogen

Hydrogen provides an ESLint plugin to enforce Shopify’s javascript best practices and catch common issues when using React Server components in Hydrogen apps.

| Rule | Description | Configurations | Fixable | | ----------------------------------------------------------------------------------- | --------------------------------------------------------------- | -------------- | ------- | | hydrogen/no-state-in-server-components | Prevents useState and useReducer in React Server Components | recommended | |

Installation

You'll first need to install ESLint in addition to this module.

yarn add --dev eslint eslint-plugin-hydrogen

Usage

Hydrogen’s ESLint configurations come bundled in this package. In order to use them, you simply extend the relevant configuration in your project’s .eslintrc.js.

Configurations

Recommended

This plugin exports a recommended configuration.

To enable this configuration use the extends property in your .eslintrc.js config file:

{
  extends: 'plugin:hydrogen/recommended',
}