strict-component-boundaries.md

Prevent module imports between components. (strict-component-boundaries)

Components should have everything they need co-located in a single directory. This makes it easy to move components to a more appropriate spot, and easy for future developers to find, understand, and update everything about a component in one place. To help maintain encapsulation, components should not import any part of another component, and should be restrictive about the parts of their own API that are exported.

Rule Details

This rule prevents developers from importing across component directories.

Examples of incorrect code for this rule:

import {someThing} from './components/SomeComponent';
import someThing from './SomeComponent/anything';

Examples of correct code for this rule:

import {someThing} from './components';
import someThing from 'utilities/anything';

When Not To Use It

If you do not wish to enforce strict component boundaries, you can safely disable this rule.