Note: this guide assumes you are using Babel, and requires that you use babel-preset-airbnb or the equivalent. It also assumes you are installing shims/polyfills in your app, with airbnb-browser-shims or the equivalent.1.1 Primitives: When you access a primitive type you work directly on its value.
https://github.com/airbnb/javascriptTags | eslint naming-conventions arrow-functions style-guide style-linter es6 es2015 linting styleguide lint airbnb react jsx |
Implementation | Javascript |
License | MIT |
Platform | OS-Independent |
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 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 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 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 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 verifyJSXHint 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 reactjsreact-pdf-js provides a component for rendering PDF documents using PDF.js. Written for React 15/16 and ES2015 using the Airbnb style guide.
react pdf pdf-viewer component es6 es6-javascriptStandard 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 lintThis guide was heavily inspired by experiments, awesome people like @fat and @necolas and awesome projects made by Google, Airbnb and Medium. The following are some terms used throughout this styleguide.
css styleguide naming-conventionsThis project got created because I got tired of managing eslint in multiple different projects and trying to keep them all vaguely in sync. It will automatically configure the most appropreate version of the airbnb eslint rules and a curated selection of plugins based on the contents of your project's package.json file each time you run eslint. When you add a new library to your project, the associated plugin will get automatically included. The aim here is to include a range of mostly reasonable plugins, whilst not being overly restrictive. The recommended configs for each plugin are used with a few exceptions for rules that have been disabled for appearing unduely restrictive or conflicting with other plugins. If you use Prettier then all the formating rules are also omitted by including eslint-config-prettier.
react redux babel typescript eslint eslint-plugin airbnb eslint-config lodash eslint-rules unicorn eslint-config-airbnb sonarjsReact Styleguidist is a component development environment with hot reloaded dev server and a living style guide that you can share with your team. It lists component propTypes and shows live, editable usage examples based on Markdown files. Check out the demo style guide. The change log can be found on the Releases page.
react styleguide documentation jsx style-guide docs generator component componentsLinting 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 validateStatic 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-pluginA TSLint config for Airbnb JavaScript Style
airbnb tslint typescriptA PostCSS plugin to lint BEM-style CSS.BEM-style describes CSS that follows a more-or-less strict set of conventions determining what selectors can be used. Typically, these conventions require that classes begin with the name of the component (or "block") that contains them, and that all characters after the component name follow a specified pattern. Original BEM methodology refers to "blocks", "elements", and "modifiers"; SUIT refers to "components", "descendants", and "modifiers". You might have your own terms for similar concepts.
postcss bem suit-css linter css lint testMakes eslint the fastest linter on the planet.Yes, it's actually super fast. But the node.js startup time and loading all the required modules slows down linting times for a single file to ~700 milliseconds. eslint_d reduces this overhead by running a server in the background. It brings the linting time down to ~160 milliseconds. If you want to lint from within your editor whenever you save a file, eslint_d is for you.
eslint vim sublime emacs webstorm syntastic flycheck lintCustom React PropType validators that we use at Airbnb. Use of airbnb-js-shims or the equivalent is recommended.Since PropTypes are typically not included in production builds of React, this library’s functionality serves no useful purpose. As such, when the NODE_ENV environment variable is "production", instead of exporting the implementations of all these prop types, we export mock functions - in other words, something that ensures that no exceptions are thrown, but does no validation. When environment variables are inlined (via a browserify transform or webpack plugin), then tools like webpack or uglify are able to determine that only the mocks will be imported - and can avoid including the entire implementations in the final bundle that is sent to the browser. This allows for a much smaller ultimate file size, and faster in-browser performance, without sacrificing the benefits of PropTypes themselves.
react proptypes airbnb prop types validator validationThis is an opinionated style guide for developing applications in ES6+ with React and/or Redux. These styles are based on current best practices in the React and Redux communities, as well as real life experience with these tools in the field. It puts great focus on writing readable and maintainable code and using new JavaScript features in a responsible manner.
let allows you to create declarations which are bound to any block, called block scoping. Instead of using var, which provides function scope, it is recommended to use block scoped variables (let or const) in ES6. Arrow functions are a short-hand notation for writing functions in ES6. The arrow function definition consists of a parameter list ( ... ), followed by the => marker and a function body. For single-argument functions, the parentheses may be omitted.
es6 es2015 guide education programming learn-to-codeThis plugin intends to support linting of ES2015+ (ES6+) import/export syntax, and prevent issues with misspelling of file paths and import names. All the goodness that the ES2015+ static module syntax intends to provide, marked up in your editor. IF YOU ARE USING THIS WITH SUBLIME: see the bottom section for important info.
eslint-plugin eslint eslintplugin es6 jsnext modules import exportNote that brevity is not a primary goal. Code should be made more concise only if other good code qualities (such as readability, simplicity, and clarity) remain equal or are improved. You can enable the following settings in Xcode by running this script, e.g. as part of a "Run Script" build phase.
ios style-guide styleguide naming-conventions swiftlint swiftformat
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.