gajus / gajus/babel-plugin-react-css-modules

Establish a convention for extending the styles object at the runtime

Open
#1 3 comments 5 reactions 0 assignees View on GitHub
enhancement
Dominant language
JavaScript
Stars
2k
Forks
159
PR merge metrics
No merged PRs in 30d

Description

`react-css-modules` [uses `styles` property to overwrite the default component styles](](https://github.com/gajus/react-css-modules#extending-component-styles)).

`generateClassName` could look for `props.styles` and `this.props.styles` when constructing the `className` value to determine whether a style needs to be overwritten.

There could be an option to force use of `generateClassName` even when `styleName` is a string literal value.

Contributor guide

No contributing guide indexed for this repository

Research direction

Start by reading the runtime handling around generateClassName and the documented styles extension behavior in the issue's react-css-modules link. Clarify whether props.styles, this.props.styles, and the proposed option are required, then define the expected className behavior and document the resulting convention.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript, react
Domain
frontend
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.