Top 15 JavaScript Lint Projects
-
stylelint
A mighty, modern linter that helps you avoid errors and enforce conventions in your styles.
This is what I use in my projects: Prettier to format the code. Eslint (for react) and Stylelint (for styles). You can additionally use husky to run the above linters and formaters before committing the code, you can also run some tests automatically before every commit, although depending on the number of tests, this can take some time and can be a bit annoying. In GitHub/GitLab, we also have a set of actions on our pipeline to run all of these linters and tests every time we create a merge request or deploy some new code (CI/CD).
-
Project mention: How to setup your next react project(typescript + eslint + prettier + husky + lint-staged,cz-cli) | dev.to | 2022-01-22
JSX not allowed in files with extension '.tsx'eslintreact/jsx-filename-extension
-
Scout APM
Less time debugging, more time building. Scout APM allows you to find and fix performance issues with no hassle. Now with error monitoring and external services monitoring, Scout is a developer's best friend when it comes to application development.
-
Markdown Lint
-
we first looked into Vale but are moving to Remark Lint. Both have VS Code extensions so you can have it prompt you as you work.
-
Project mention: Tool to automatically enforce Markdown style/formatting | reddit.com/r/Markdown | 2022-01-05
There is a very impressive Markdown Linter for VSCode markdownlint. It has built in rules that can be several different ways, it also supports custom rules written in JavaScript.
-
-
Project mention: Prefer the English Style of Quotation Mark Punctuation over the American | news.ycombinator.com | 2021-09-15
I tried to implement some linting rules for quotation mark and punctuation once. Took me way too much time and effort. It's mostly trial and error but good enough I guess to highlight the most blatant abuses.
Anyway, here is the code: https://github.com/sindresorhus/awesome-lint/pull/101/files
-
OPS
OPS - Build and Run Open Source Unikernels. Quickly and easily build and deploy open source unikernels in tens of seconds. Deploy in any language to any cloud.
-
require-input-label is an example of a linting rule that helps you discover accessibility issues in your app! It warns you if you have an input element that lacks an associated label element. In our case, this warning was a false hit - we found a bug! We reported the bug and linked to the public example of it.
-
putout
🐊 Pluggable and configurable code transformer with built-in ESLint, Babel plugins support for js, jsx typescript, flow, markdown, yaml and json
Project mention: Putout Linter and Transformer for JavaScript/TypesScript/Markdown/JSON/YAML | news.ycombinator.com | 2021-06-13 -
Project mention: Devs with great CSS skills, how and where did you learn how to do it? | reddit.com/r/Frontend | 2021-12-30
While working on challenges use stylelint to enforce some strict coding standards and best practices for css. You can use predefined config like the ones from github for now.
-
Project mention: nano-staged: 2x faster and 100x smaller than lint-staged | reddit.com/r/webdev | 2021-12-15
-
Project mention: Directory structure linter for JavaScript projects | reddit.com/r/Frontend | 2021-05-10
-
-
eslint-plugin-snakecasejs
:pencil2: ESLint Plugin: enforce snake_case syntax on variables and function names
-
Additionally there are Prettier and TSConfig rules which will make it hard to create messy code.
JavaScript Lint related posts
- React arrow function component or React function declaration component?
- Is there a way to use a variable type with a React component?
- Tool to automatically enforce Markdown style/formatting
- Add space in self closing tags before in self closing tags
- nano-staged: 2x faster and 100x smaller than lint-staged
- How to format prettier and eslint to properly format attributes in React
- confused over eslint warning "JSX props should not use arrow functions"
Index
What are some of the best open-source Lint projects in JavaScript? This list will help you:
| Project | Stars | |
|---|---|---|
| 1 | stylelint | 9,416 |
| 2 | eslint-plugin-react | 7,547 |
| 3 | markdownlint | 2,863 |
| 4 | remark-lint | 781 |
| 5 | vscode-markdownlint | 558 |
| 6 | lockfile-lint | 447 |
| 7 | awesome-lint | 427 |
| 8 | ember-template-lint | 236 |
| 9 | putout | 233 |
| 10 | stylelint-config | 180 |
| 11 | nano-staged | 173 |
| 12 | folderslint | 113 |
| 13 | linthtml | 59 |
| 14 | eslint-plugin-snakecasejs | 20 |
| 15 | eslint-config-react-strong | 2 |
Are you hiring? Post a new remote job listing for free.
