Question 1

How do I set up eslint-plugin-flowtype in a new project?

Accepted Answer

Install the plugin and @babel/eslint-parser via npm, then configure ESLint to use the parser, add the flowtype plugin, and enable rules. The README provides a sample configuration with steps for integration.

Question 2

eslint-plugin-flowtype vs TypeScript ESLint plugins: which should I use?

Accepted Answer

eslint-plugin-flowtype is specific to Flow type annotations, while TypeScript ESLint plugins are for TypeScript. Choose based on your type system; if you're using Flow, this plugin is essential, but for TypeScript, opt for @typescript-eslint.

Question 3

How to disable a specific rule in eslint-plugin-flowtype?

Accepted Answer

In your ESLint configuration file, set the rule to 0 or 'off' in the rules section. For example, add "flowtype/boolean-style": 0 to disable the boolean-style rule, as shown in the configuration examples.

Question 4

Does eslint-plugin-flowtype work with Babel 7?

Accepted Answer

Yes, it requires @babel/eslint-parser, which is compatible with Babel 7. Ensure you have the parser correctly configured in your ESLint setup to avoid syntax errors.

Question 5

What are common errors when using eslint-plugin-flowtype and how to fix them?

Accepted Answer

Common issues include parser errors from missing @babel/eslint-parser or misconfigured rules. Double-check your ESLint config and ensure Flow annotations are present. The plugin's rules often provide fix suggestions via --fix.

Question 6

Can I use eslint-plugin-flowtype with Create React App?

Accepted Answer

Yes, but you may need to eject or use custom ESLint configurations, as Create React App has its own setup. Community tools like craco or react-app-rewired can help override the configuration without ejecting.

Flow

What is Flow?

Overview

Use Cases

Best For

Related Projects

Found a gem we're missing?

Not Ideal For

Pros & Cons

Pros

Cons

Frequently Asked Questions