Example babel transform and eslint plugins demo for my talk at React Sydney on Nov 4, 2019.
Example babel transform and eslint plugins developed for my talk at React Sydney on Nov 4, 2019.
Import and add the plugins to babel config.
.babelrc.js
const babelTransformLogRender = require("./plugins/babel-transform-log-render");
const babelTransformLogStateChange = require("./plugins/babel-transform-log-state-change");
module.exports = {
presets: ["react-app"],
plugins: [babelTransformLogRender, babelTransformLogStateChange] // plugin goes here
};
Install the plugin locally in destination project by using the right local path:
$ yarn add ../eslint-plugin-dinesh-says-no --dev
Add dinesh-says-no
to the plugins section of your .eslintrc
configuration file. You can omit the eslint-plugin-
prefix:
{
"plugins": ["dinesh-says-no"]
}
Then configure the rules you want to use under the rules section.
{
"rules": {
"dinesh-says-no/no-cats": "error"
}
}