airbnb / airbnb/eslint-plugin-react-with-styles

Rule proposal: disallow {...css()} on non-DOM components

Open
#8 0 comments 0 reactions 0 assignees View on GitHub
enhancement
Dominant language
JavaScript
Stars
48
Forks
14
PR merge metrics
No merged PRs in 30d

Description

[It is generally a bad idea to pass styles and classNames between components](https://brigade.engineering/don-t-pass-css-classes-between-components-e9f7ab192785), and it would be great to have a rule that enforces this practice for react-with-styles.

Contributor guide

No contributing guide indexed for this repository

Research direction

No files, tests, or entry points are named. Start by reviewing the repository's existing rules and tests, then determine the intended behavior for {...css()} on non-DOM components and define tests that demonstrate when the rule should report a violation.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript, react
Domain
frontend, tooling
Issue type
Feature
Difficulty
5/5
Estimated time
Over a week
Activity status
Stale
Clarity
Needs clarification
Newbie friendliness
25/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.