linthtml
eslint-plugin-prefer-arrow-functions
linthtml | eslint-plugin-prefer-arrow-functions | |
---|---|---|
1 | 1 | |
81 | 38 | |
- | - | |
8.8 | 6.3 | |
4 days ago | 17 days ago | |
TypeScript | TypeScript | |
ISC 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.
linthtml
-
Custom Elements Everywhere for Page Layout, Parts I and II
Also mentioned in Part I, I installed linthtml to enforce a rule of not allowing div/span tags in the codebase. Running this linter was very helpful for finding and correcting all the violations. I’m not necessarily recommending you should take such a drastic measure in your codebase. There’s certainly nothing “wrong” with using div/span tags. I simply felt like it would be a worthwhile exercise to see if you could actually write modern HTML using only builtin semantic or custom elements for the entire website. And the answer of course is: yes you can!
eslint-plugin-prefer-arrow-functions
-
The Best ESLint Rules for React Projects
I prefer to set a standard for function declarations, so require use of arrow functions with an implicit return if possible. prefer-arrow-functions can do this for us, noting we also need to override some default ESLint rules:
What are some alternatives?
HTMLHint - ⚙️ The static code analysis tool you need for your HTML
eslint-plugin-move-files - Move and rename files while keeping imports up to date
nano-staged - Tiny tool to run commands for modified, staged, and committed files in a GIT repository.
eslint-plugin-react-refresh - Validate that your components can safely be updated with fast refresh
stylelint - A mighty CSS linter that helps you avoid errors and enforce conventions.
javascript - JavaScript Style Guide
remark-lint-frontmatter-schema - Validate your Markdown frontmatter data against a JSON schema — remark-lint rule plugin
javascript-style-guide - This project is a code style guide of all basic back- and front end project used at Anolilab.
eslint-plugin-filename-rules
eslint-plugin-react - React-specific linting rules for ESLint
eslint-plugin-jsx-a11y - Static AST checker for a11y rules on JSX elements.