eslint-plugin-storybook
eslint-plugin-perfectionist
eslint-plugin-storybook | eslint-plugin-perfectionist | |
---|---|---|
3 | 17 | |
233 | 1,601 | |
1.3% | - | |
6.8 | 9.0 | |
23 days ago | 5 days ago | |
TypeScript | TypeScript | |
MIT License | MIT License |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
eslint-plugin-storybook
-
What is Storybook Play function?
Reference: https://github.com/storybookjs/eslint-plugin-storybook/blob/main/docs/rules/context-in-play-function.md
-
npx storybook init does not work properly? It installs react and react-dom, also the components are full of errors?! Am I doing something wrong?
{ "root": true, "ignorePatterns": ["projects/**/*"], "rules": { "prettier/prettier": [ "error", { "endOfLine": "auto" } ] }, "overrides": [ { // TODO: find a way to apply rules on all files ending with .ts except for files ending with .stories.ts "files": ["*.ts"], "extends": [ "eslint:recommended", "plugin:@typescript-eslint/recommended", "plugin:@angular-eslint/recommended", "plugin:@angular-eslint/template/process-inline-templates", "plugin:prettier/recommended" ], "rules": { // https://github.com/angular-eslint/angular-eslint/tree/main/packages/eslint-plugin/docs/rules "@angular-eslint/directive-selector": [ "error", { "type": "attribute", "prefix": "hv", "style": "camelCase" } ], "@angular-eslint/component-selector": [ "error", { "type": "element", "prefix": "hv", "style": "kebab-case" } ], // https://github.com/typescript-eslint/typescript-eslint/tree/main/packages/eslint-plugin/docs/rules "@typescript-eslint/member-ordering": "error", "@typescript-eslint/naming-convention": "error", // https://eslint.org/docs/latest/rules/ "default-case": "error", "default-case-last": "error" } }, { "files": ["*.html"], "extends": [ "plugin:@angular-eslint/template/recommended", "plugin:prettier/recommended" ], "rules": { // https://github.com/angular-eslint/angular-eslint/tree/main/packages/eslint-plugin-template/docs/rules "@angular-eslint/template/no-duplicate-attributes": ["error"], "@angular-eslint/template/attributes-order": ["error"], "@angular-eslint/template/no-call-expression": [ "error" ], "@angular-eslint/template/accessibility-elements-content": [ "error", { "allowList": [ "ariaLabel" ] } ], "@angular-eslint/template/accessibility-valid-aria": [ "error" ] } }, { "files": ["*.stories.@(ts|mjs|cjs)"], "extends": ["plugin:storybook/recommended"] // https://github.com/storybookjs/eslint-plugin-storybook/tree/main/docs/rules // "rules": {} } ] }
-
ESLint plugin for Storybook
Maintainer here! Thanks for sharing that. I feel the same pain as you, I created a GH issue for it if you ever want to keep track of that: https://github.com/storybookjs/eslint-plugin-storybook/issues/71
eslint-plugin-perfectionist
- ESLint plugin for sorting objects, imports, types now supports Astro/Vue/Svelte
- Perfectionist – ESLint Code Formatting Plugin
- Perfectionist. Take Your Code to the Beauty Salon
-
eslint-plugin-simple-import-sort VS eslint-plugin-perfectionist - a user suggested alternative
2 projects | 22 Jun 2023
Not only for imports, customization, different types of sorting.
- ESLint plugin for sorting objects, imports, types, enums, JSX props, etc. can be used in the editor
- What’s your sorting conventions for imports in React?
- ESLint plugin for making your code cleaner
-
ESLint plugin for sorting objects, imports, types, enums, JSX props, etc.
This ESLint plugin sorts imports, objects, TypeScript interfaces and types, JSX props and other stuff.
- ESLint plugin for sorting objects, imports, types, enums, JSX props, etc. (Make the code neat)
What are some alternatives?
quick-lint-js - quick-lint-js finds bugs in JavaScript programs
javascript-style-guide - This project is a code style guide of all basic back- and front end project used at Anolilab.
angular-eslint - :sparkles: Monorepo for all the tooling related to using ESLint with Angular
eslint-plugin-simple-import-sort - Easy autofixable import sorting.
eslint-config-canonical - The most comprehensive ES code style guide.
eslint-plugin-move-files - Move and rename files while keeping imports up to date
eslint-plugin-chakra-ui - ESLint plugin for Chakra UI
prettier - Prettier is an opinionated code formatter.
typescript-eslint - :sparkles: Monorepo for all the tooling which enables ESLint to support TypeScript
eslint-plugin-clean-regex - An ESLint plugin for writing better regular expressions.
eslint-plugin-project-structure - Eslint plugin that allows you to enforce rules on project structure to keep your repository consistent even in large teams.
eslint-plugin-functional - ESLint rules to disable mutation and promote fp in JavaScript and TypeScript.