eslint-config-xo
pageres
eslint-config-xo | pageres | |
---|---|---|
4 | 1 | |
263 | 9,630 | |
0.4% | - | |
6.0 | 4.6 | |
3 months ago | 6 months ago | |
JavaScript | TypeScript | |
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-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
pageres
-
Node.js Packages and Resources
pageres - Capture website screenshots.
What are some alternatives?
Standard - 🌟 JavaScript Style Guide, with linter & automatic code fixer
Live Server - A simple development http server with live reload capability.
eslint-plugin-unicorn - More than 100 powerful ESLint rules
rtail - rtail(1) - Terminal output to the browser in seconds, using UNIX pipes.
javascript - JavaScript Style Guide
David - :eyeglasses: Node.js module that tells you when your package npm dependencies are out of date.
eslint-config-google - ESLint shareable config for the Google JavaScript style guide
Kiss! - :hash: :wrench: Shareable agnostics templates (Keep It Stupid Simple) / Integrated with Atom IDE #cli #nodejs #atom
ESLint - Find and fix problems in your JavaScript code.
np - A better `npm publish`
XO - ❤️ JavaScript/TypeScript linter (ESLint wrapper) with great defaults
jsinspect - Detect copy-pasted and structurally similar code