find-react-legacy-context-usages/README.md

Find usages of React's Legacy Context and generate a report.

# Find React Legacy Context Usages

The title says it. See sample reports in [here](/tests/expected/class-component-report.json) and [here](/tests/expected/functional-component-report.json).

## Usage

```shell
npx find-react-legacy-context-usages \
    "./src/**/*.{js,jsx,ts,tsx}" \
    --root="./src" \
    --report-file="./legacy-context-usages-report.json"
```

### Options

`--root`: Root folder for sources where `.babelrc` exists.

`--report-file`: Report file output path

Important: Don't forget the double-quotes in path glob.

## What's supported?

```js
// ClassProperty
class SampleComponent extends React.Component {
  static contextTypes = {
    darkMode: PropTypes.bool.isRequired,
    isLoggedIn: PropTypes.bool.isRequired,
  };

  static childContextTypes = {
    darkMode: PropTypes.bool.isRequired,
    isLoggedIn: PropTypes.bool.isRequired,
  };
}

// AssignmentExpression
function SampleFunctionalComponent() {}

SampleFunctionalComponent.contextTypes = {
  darkMode: PropTypes.bool.isRequired,
  isLoggedIn: PropTypes.bool.isRequired,
};

SampleFunctionalComponent.childContextTypes = {
  darkMode: PropTypes.bool.isRequired,
  isLoggedIn: PropTypes.bool.isRequired,
};
```

## What's not supported?

```js
class SampleComponent extends React.Component {
  static contextTypes = someStupidVariableContainingTheContextTypes;
  static childContextTypes = someStupidVariableContainingTheChildContextTypes;
}
```