ESLint shareable config for React to be used with eslint-config-xo
https://github.com/xojs/xoTags | eslint react nodejs xo eslint-config eslint-rules ❤️ jsx eslintconfig xoxo hugs kisses happy happiness code quality style lint linter jscs jshint jslint validate code-style standard strict check checker verify enforce hint simple |
Implementation | Javascript |
License | MIT |
Platform | NodeJS |
Uses ESLint underneath, so issues regarding rules should be opened over there.JSX is supported by default, but you'll need eslint-config-xo-react for React specific linting.
eslint eslint-plugin eslint-rules linter nodejs shareable-configs formatter best-practices unicorns xo code-style style-linter autofix ❤️ cli-app cli xoxo hugs kisses happy happiness code quality style lint jscs jshint jslint validate standard strict check checker verify enforce hint simpleUses ESLint underneath, so issues regarding rules should be opened over there. JSX is supported by default, but you'll need eslint-config-xo-react for React specific linting.
eslint eslint-plugin eslint-rules linter nodejs shareable-configs best-practices unicorns xo code-style style-linter ❤️ cli-app cli xoxo happy happiness code quality style lint jscs jshint jslint validate standard strict check checker verify enforce hint simpleShareable configs are designed to work with the extends feature of .eslintrc files. You can learn more about Shareable Configs on the official ESLint website.Note: We omitted the eslint-config- prefix since it is automatically assumed by ESLint.
development ecmascript es6 eslint linter standard static-code-analysis style-guide nodejs javascript-standard-style check checker code code-checker code-linter code-standards code-style enforce eslintconfig hint jscs jshint lint policy quality simple standard-style style style-checker style-linter verifyStandard is a JavaScript style guide, with linter & automatic code fixer.
eslint linter style-guide static-code-analysis ecmascript javascript-standard-style code-checker code-linter code-standards code-style hint jscs jshint lintJSXHint is, and always was, a bad hack to make JSX lintable in the early days of React. It will always be inferior to proper linters like ESLint because it is not able to lint JSX or ES6 syntax, it instead compiles to ES5 then lints. You may get weird linter errors, especially with more involved transforms. Don't use JSXHint anymore if you can switch to ESLint.
jshint jsx react lint jslint reactjsStatic AST checker for accessibility rules on JSX elements. Ryan Florence built out this awesome runtime-analysis tool called react-a11y. It is super useful. However, since you're probably already using linting in your project, this plugin comes for free and closer to the actual development process. Pairing this plugin with an editor lint plugin, you can bake accessibility standards into your application in real-time.
eslint aria a11y accessibility jsx react eslintplugin eslint-pluginLinting makes more sense when running before committing your code. By doing that you can ensure no errors are going into repository and enforce code style. But running a lint process on a whole project is slow and linting results can be irrelevant. Ultimately you only want to lint files that will be committed. This project contains a script that will run arbitrary npm and shell tasks with a list of staged files as an argument, filtered by a specified glob pattern.
stage-files linter stylelint eslint git developer-experience workflow lint staged prettier code quality check format validateA zero config JavaScript linter with support for React, Flow, and Typescript. The real value of ESLint is in the non-style rules that prevent common errors.
linter eslint tslint typescript lyntTurns off all rules that are unnecessary or might conflict with Prettier. This lets you use you favorite shareable config without letting its stylistic choices get in the way when using Prettier.
react eslint-config eslint prettier eslintconfigInstall ESLint either locally or globally. If you installed ESLint globally, you have to install React plugin globally too. Otherwise, install it locally.
eslint react lint ecmascript development eslint-plugin eslintpluginPolyjuice is a utility that converts JSHint and JSCS files into ESLint files and the other way around. When using polyjuice.from.eslint an object with keys jscs and jshint is returned.
jscs jshint eslint linter transpiler converterReact Native specific linting rules for ESLint. This repository is structured like (and contains code from) the excellent eslint-plugin-react. Install ESLint either locally or globally.
eslint-plugin react-native npm eslint eslintplugin reactThis is an ESLint plugin to disable all mutation in JavaScript. Think this is a bit too restrictive? Well if you're using Redux and React, there isn't much reason for your code to be mutating anything. Redux maintains a mutable pointer to your immutable application state, and React manages your DOM state. Your components should be stateless functions, translating data into Virtual DOM objects whenever Redux emits a new state. These ESLint rules explicitly prohibit mutation, effectively forcing you to write code very similar to Elm in React. There's no reason to use let in a Redux/React application, because all your state is managed by either Redux or React. Use const instead, and avoid state bugs altogether.
eslint immutabilityYou can pass eslint options using standard webpack loader options. Note that the config option you provide will be passed to the CLIEngine. This is a different set of options than what you'd specify in package.json or .eslintrc. See the eslint docs for more detail.
loader webpack lint linter eslintYou can also add other tslint config packages to combine these rules with other custom community rules. In your tslint.json file, insert the rules as described below.
eslint tslint custom-rules rules stylish lint linting linter tslint-pluginFront End Code Style Suite
fecs jscs jshint jslint eslint csslint csshint htmllint htmlhint jsbeautify cssbeautify htmlbeautifyThe fix feature of eslint is pretty great and can auto-format/fix much of your code according to your ESLint config. prettier is a more powerful automatic formatter. One of the nice things about prettier is how opinionated it is. Unfortunately it's not opinionated enough and/or some opinions differ from my own. So after prettier formats the code, I start getting linting errors. This formats your code via prettier, and then passes the result of that to eslint --fix. This way you can get the benefits of prettier's superior formatting capabilities, but also benefit from the configuration capabilities of eslint.
eslint prettier formatterAn ESLint custom parser which leverages TypeScript ESTree to allow for ESLint to lint TypeScript source code. There is sometimes an incorrect assumption that the parser itself is what does everything necessary to facilitate the use of ESLint with TypeScript. In actuality, it is the combination of the parser and one or more plugins which allow you to maximize your usage of ESLint with TypeScript.
ast ecmascript typescript parser syntax eslintNote: It recommends a use of the "engines" field of package.json. The "engines" field is used by node/no-unsupported-features/* rules. eslint-plugin-node follows semantic versioning and ESLint's Semantic Versioning Policy.
ecmascript eslint eslint-plugin node nodejs static-code-analysis npm npm-module npm-package coding-style eslintplugin shebang file path import require
We have large collection of open source products. Follow the tags from
Tag Cloud >>
Open source products are scattered around the web. Please provide information
about the open source projects you own / you use.
Add Projects.