babel-plugin-transform-react-class-names

Example

jsx
const Hr = ({ bold }) => {
    return

;
};

Out

jsx
const Hr = ({ bold }) => {
    return

hr solid ${bold && 'bold' || ""} ${cssModule.someClass}

} />;
};


Installation

`sh npm install --save-dev babel-plugin-transform-react-class-names`

`Usage`

`$3`

`json { "plugins": ["babel-plugin-transform-react-class-names"] }`

`$3`

`sh babel --plugins babel-plugin-transform-react-class-names script.js`

`$3`

`javascript require("@babel/core").transform("code", { plugins: ["babel-plugin-transform-react-class-names"] });``

This plugin reduces boilerplate when working with conditional classes/css modules, while being fully compatible with plain old className

`Example`

In

``jsx const Hr = ({ bold }) => { return

;
};
`
Out`jsx
const Hr = ({ bold }) => {
    return 
hr solid ${bold && 'bold' || ""} ${cssModule.someClass}} />;
};
`
Installation
`sh
npm install --save-dev babel-plugin-transform-react-class-names
`
Usage
$3
`json
{
  "plugins": ["babel-plugin-transform-react-class-names"]
}
`
$3
`sh
babel --plugins babel-plugin-transform-react-class-names script.js
`
$3
`javascript
require("@babel/core").transform("code", {
  plugins: ["babel-plugin-transform-react-class-names"]
});
``