create-react-linters v1.0.1
Create React Linters 🚀
Setup all linters you like and don't let 💩 slip into your code base!
Eslint | Stylelint | Commitlint | Prettier | EditorConfig | Commitizen
Useage
Prerequisites:
- Node.js (
^12.22.0,^14.17.0, or>=16.0.0) - Project initialized with
gitandpackage.json
npx create-react-linters@latest🎯 Eslint
Find and fix problems in your JavaScript code.\
we are extending airbnb configurations. no extra rules are added.
Provided:
- eslint-config-airbnb
- eslint-config-airbnb-typescript
Typescript Only - @typescript-eslint/eslint-plugin
Typescript Only - @typescript-eslint/parser
Typescript Only - eslint-plugin-import
- eslint-plugin-jsx-a11y
- eslint-plugin-react
- eslint-plugin-react-hooks
- eslint-plugin-jest
- eslint-plugin-jest-dom
- eslint-plugin-testing-library
Scripts
npm run eslint:checknpm run eslint:fix✨ Stylelint
A mighty, modern linter that helps you avoid errors and enforce conventions in your styles.\
we are extending standard configurations. no extra rules are added.
Provided:
- stylelint-config-standard
- stylelint-config-standard-scss
SCSS/SASS Only
Scripts
npm run stylelint:checknpm run stylelint:fix✨ Commitlint
Helps your team adhering to a commit convention. By supporting npm-installed configurations it makes sharing of commit conventions easy.\
we are extending config-conventional configurations. no extra rules are added.\
Learn more about conventional commits. here
Provided:
💄 Prettier
An opinionated code formatter\
.prettierrc.json is created with some configurations, feel free to update them.\
Learn more about prettier options. here
Provided:
- eslint-config-prettier
if.eslintrc.json found - eslint-plugin-prettier
if.eslintrc.json found - stylelint-config-prettier
if.stylelintrc.json found - stylelint-prettier
if.stylelintrc.json found
Scripts
npm run prettier:checknpm run prettier:fix📃 EditorConfig
Maintain consistent coding styles for multiple developers working on the same project across various editors and IDEs.\
Default .editorconfig generated file is used\
💻 Commitizen
When you commit with Commitizen, you'll be prompted to fill out any required commit fields at commit time.\
npm run commit🐶 Husky & Lint-Staged
Run linters against staged git files and don't let 💩 slip into your code base!\
pre-commit | eslint, stylelint and prettier commit | commitlint