eslint-plugin-unicorn
eslint-config-xo
Our great sponsors
eslint-plugin-unicorn | eslint-config-xo | |
---|---|---|
39 | 4 | |
3,866 | 262 | |
- | 0.4% | |
8.6 | 6.0 | |
11 days ago | 3 months ago | |
JavaScript | JavaScript | |
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-unicorn
-
Anyone using the data types Map and Set IRL?
I recently scanned out codebase with https://github.com/sindresorhus/eslint-plugin-unicorn/blob/main/docs/rules/prefer-set-has.md and found many instances of potential "accidentally quadratic" uses of array.includes instead. gas a nice autofix to convert to set. there are some fun and sometimes useful lint rules out there...
-
this has broken my code 3 times
There’s an ESLint rule for that (albeit in a plugin)
-
Array.reduce() feels like a cheat code/superpower if you know how to use it.
Many popular eslint configs have even introduce rules to warn on its usage for these very reasons.
-
Why are functions declared inside a component instead of directly in the file.
eslint-plugin-unicorn
- es-lint rule to force arrow functions as callbacks
- 100+ ESLint rules
-
TIL about the Nullish Coalescing Operator in Javascript (??)
I find eslint-plugin-unicorn package pretty useful for updating old code. With IE11 dead and NodeJS v12 LTS sunsetting soon, it's a brave new world.
- JS Array.foreach vs for-loops, pros and cons, which do you use and why
-
Code Review chronicles: destructuring, linting and one valid reason for Typescript
Default parameters should not be passed to a function through an object literal. The foo = {a: false} parameter works fine if only used with one option. As soon as additional options are added, you risk replacing the whole foo = {a: false, b: true} object when passing only one option: {a: true}. For this reason, object destructuring should be used instead. Linter rule
eslint-config-xo
-
Setting up ESLINT with TS/JS in your React project in 2023
Based on your requirements and environment, answer the questions accordingly. At least with eslint version 8.0.1, you are only presented with 2 style guides: standard and XO. Personally, I prefer the standard styling guide but at any give time, it is a personal choice and as such feel free to choose any from a bunch of available options. Once all dependencies are installed, ensure that you have the following packages added as devDependencies to your project:
-
Setup inicial de aplicações ReactJs
# 1 - Inicio da configuração do eslint yarn eslint --init # 2 - Escolha a opção "To check syntax, find problems, and enforce code style" How would you like to use ESLint? To check syntax only To check syntax and find problems ❯ To check syntax, find problems, and enforce code style # 3 - Escolha a opção "JavaScript modules (import/export)" What type of modules does your project use? ❯ JavaScript modules (import/export) CommonJS (require/exports) None of these # 4 - Escolha a opção "React" Which framework does your project use? ❯ React Vue.js None of these # 5 - Escolha a opção "Yes" Does your project use TypeScript? No ❯ Yes # 6 - Pressionando a barra de espaço, deixe selecionado somente a opção "Browser" Where does your code run? ✔ Browser Node # 7 - Escolha a opção "Use a popular style guide" How would you like to define a style for your project? … ❯ Use a popular style guide Answer questions about your style Inspect your JavaScript file(s) # 8 - Escolha a opção "Use a popular style guide" How would you like to define a style for your project? … ❯ Use a popular style guide Answer questions about your style Inspect your JavaScript file(s) # 9 - Escolha a opção "Airbnb" Which style guide do you want to follow? ❯ Airbnb: https://github.com/airbnb/javascript Standard: https://github.com/standard/standard Google: https://github.com/google/eslint-config-google XO: https://github.com/xojs/eslint-config-xo # 10 - Escolha a opção "JavaScript" What format do you want your config file to be in? … ❯ JavaScript YAML JSON # 11 - Escolha a opção "Yes" Would you like to install them now with npm? No ❯ Yes
-
Node.js Packages and Resources
XO - Enforce strict code style using the JavaScript happiness style.
- AluraFlix - Configurando padrão do código
What are some alternatives?
eslint-plugin-react-hooks-addons - ESLint rule to check unused and potentially unnecessary dependencies in useEffect hook.
Standard - 🌟 JavaScript Style Guide, with linter & automatic code fixer
proposal-numeric-separator - A proposal to add numeric literal separators in JavaScript.
javascript - JavaScript Style Guide
putout - 🐊 Pluggable and configurable JavaScript Linter, code transformer and formatter, drop-in ESLint superpower replacement 💪 with built-in support for js, jsx typescript, flow, markdown, yaml and json. Write declarative codemods in a simplest possible way 😏
eslint-config-google - ESLint shareable config for the Google JavaScript style guide
eslint-plugin-boundaries - Eslint plugin checking architecture boundaries between elements
ESLint - Find and fix problems in your JavaScript code.
eslint-config-canonical - The most comprehensive ES code style guide.
XO - ❤️ JavaScript/TypeScript linter (ESLint wrapper) with great defaults
proposal-observable - Observables for ECMAScript
Visual Studio Code - Visual Studio Code