Question 1

How to set up eslint-plugin-functional in a Create React App project?

Accepted Answer

Install the plugin via npm, then extend your ESLint config with a preset like 'lite' to start. Override specific rules for React hooks or state management as needed, since CRA uses functional components but may involve mutable state.

Question 2

eslint-plugin-functional vs eslint-plugin-immutable, which is better?

Accepted Answer

eslint-plugin-functional is more comprehensive, covering not just immutability but also statements, exceptions, and paradigms. If you need broad functional enforcement, choose this; for focused immutability rules, eslint-plugin-immutable might be simpler.

Question 3

Can I use async/await with this plugin?

Accepted Answer

Yes, but rules like 'no-promise-reject' may restrict promise handling. You might need to configure or disable these rules to allow async patterns while adhering to functional error handling with values.

Question 4

How to disable the no-classes rule for specific files?

Accepted Answer

In your ESLint configuration, use overrides to set 'functional/no-classes' to 'off' for files or directories that require classes, such as when integrating with object-oriented libraries.

Question 5

Does eslint-plugin-functional work with Vue.js or Angular?

Accepted Answer

It can be integrated, but frameworks like Vue or Angular often use mutable state and classes, so you'll likely need to disable many rules or use the 'lite' preset to avoid constant linting errors.

Question 6

What are the performance impacts of enabling all rules?

Accepted Answer

Enabling all rules, especially those requiring type information, can significantly increase linting time. Start with a lighter preset and monitor performance in your development and CI workflows.

functional

What is functional?

Overview

Use Cases

Best For

Related Projects

Found a gem we're missing?

Not Ideal For

Pros & Cons

Pros

Cons

Frequently Asked Questions