Gathering detailed insights and metrics for @novatics-tools/eslint-config-react-typescript
Gathering detailed insights and metrics for @novatics-tools/eslint-config-react-typescript
Gathering detailed insights and metrics for @novatics-tools/eslint-config-react-typescript
Gathering detailed insights and metrics for @novatics-tools/eslint-config-react-typescript
npm install @novatics-tools/eslint-config-react-typescript
Typescript
Module System
Node Version
NPM Version
33.8
Supply Chain
69.6
Quality
71.6
Maintenance
100
Vulnerability
94.3
License
JavaScript (100%)
Love this project? Help keep it running — sponsor us today! 🚀
Total Downloads
7,423
Last Day
1
Last Week
2
Last Month
35
Last Year
485
MIT License
1 Stars
20 Commits
13 Watchers
2 Branches
4 Contributors
Updated on Jun 15, 2022
Latest Version
2.0.2
Package Id
@novatics-tools/eslint-config-react-typescript@2.0.2
Unpacked Size
7.64 kB
Size
2.93 kB
File Count
4
NPM Version
8.6.0
Node Version
14.19.1
Cumulative downloads
Total Downloads
Last Day
0%
1
Compared to previous day
Last Week
-71.4%
2
Compared to previous week
Last Month
16.7%
35
Compared to previous month
Last Year
-87.3%
485
Compared to previous year
5
1
1
Guia de estilo do Airbnb React / TSX Uma abordagem bastante razoável para React e TSX
Este guia de estilo é baseado principalmente nos padrões que prevalecem atualmente em Typescript, embora algumas convenções possam variar adotamos e estendemos o guia de estilo do Airbnb e aplicamos algumas regras que achamos mais interessante trazendo para o contexto de projetos e aplicações amplas.
Para instalar e salvar em suas dependências package.json
, execute:
1 2npm i @novatics-tools/eslint-config-react-typescript 3 4ou 5 6yarn add @novatics-tools/eslint-config-react-typescript 7
1// .eslintrc.js 2module.exports = { 3 parserOptions: { 4 project: "./tsconfig.json", 5 }, 6 extends: ["@novatics-tools/eslint-config-react-typescript"], 7};
Porque utilizamos o prettier?
1// prettier.config.js 2module.exports = { 3 printWidth: 100, 4 tabWidth: 2, 5 singleQuote: true, 6 arrowParens: "avoid", 7 semi: false, 8};
Extends do @novatics-tools/eslint-config-react são utilizadas.
1...@novatics-tools/eslint-config-react 2'airbnb-typescript'; // https://www.npmjs.com/package/eslint-config-airbnb 3'plugin:@typescript-eslint/recommended'; // https://www.npmjs.com/package/@typescript-eslint/eslint-plugin
Rules do @novatics-tools/eslint-config-react são utilizadas.
1...@novatics-tools/eslint-config-react 2'@typescript-eslint/no-unused-vars'; // Variáveis que são declaradas e não usadas em nenhum lugar do código são provavelmente um erro devido à refatoração incompleta. 3'@typescript-eslint/no-explicit-any'; // Usar o any tipo anula o propósito de usar o TypeScript. Quando any é usado, todas as verificações de tipo de compilador em torno desse valor são ignoradas. 4'@typescript-eslint/explicit-function-return-type'; // Isso garante que o valor de retorno seja atribuído a uma variável do tipo correto 5'@typescript-eslint/explicit-member-accessibility'; // Deixar de lado o modificador de acessibilidade e tornar tudo público pode tornar sua interface difícil de usar por outras pessoas. 6'@typescript-eslint/no-namespace'; // Módulos TypeScript personalizados ( module foo {}) e namespaces ( namespace foo {}) são considerados formas desatualizadas de organizar o código TypeScript. 7'@typescript-eslint/explicit-module-boundary-types'; // Tipos explícitos para valores de retorno de função e argumentos tornam claro para qualquer código de chamada qual é a entrada e saída do limite do módulo. 8'react/prop-types'; // Remove regras de prop-types 9
No vulnerabilities found.
No security vulnerabilities found.