visual studio code - ¿Cómo se resuelven las reglas de linting conflictivas en VSCode entre eslint y typescript-eslint?

Tengo mis reglas de eslint de la siguiente manera

module.exports = { env: { es6: true, node: true, mocha: true }, extends: [ "standard-with-typescript" ], parser: '@typescript-eslint/parser', globals: { Atomics: 'readonly', SharedArrayBuffer: 'readonly' }, parserOptions: { ecmaVersion: 2018, sourceType: 'module', project: "./tsconfig.json" }, rules: { "quotes": ["warn", "single"], "indent": ["warn", "tab", { "ignore

Leer más →

Espaciado de ESLint para la cláusula try/catch de TypeScript

En TypeScript tengo:

try { } catch(err) { }

bloques y bloques catch sin argumento:

try { } catch { }

En las reglas de ESLint tengo (extracto editado de eslint.yaml):

space-before-function-paren: [error, {anonymous: never, named: never, asyncArrow: always}] space-before-blocks: warn keyword-spacing: [warn, {before: true, after: false, overrides: {catch: {after: true}}}]

Con estas reglas, ESLint se queja d

Leer más →

typescript - Problema de Eslint con la coalescencia nula combinada con el encadenamiento opcional

Digamos que tenemos estas tres expresiones revisadas por eslint:

const exp1 = a ?? b; // ok const exp2 = a?.b // ok const exp3 = a?.b ?? c // Parsing error: ':' expected.

Todo funciona y se compila correctamente con TypeScript, pero la última expresión genera un error de eslint Parsing error: ':' expected. Parece que hay un problema con la combinación de Nullish coalescing y encadenamiento opcional. ¿Alguien se ha encontrado con este proble

Leer más →

typescript - Sigo recibiendo ESLint "definido pero nunca utilizado.(no-unused-vars)" cuando está definido

Estoy utilizando el IDE WebStorm para mi proyecto de TypeScript con ESLint y Prettier habilitados. Estoy recibiendo la advertencia:

para este código:

import { ToastAndroid } from 'react-native'; import { TProjectsList, IProject } from '../types'; expo

Leer más →

reactjs - Regla de Eslint para validar Pascal case en el nombre de componentes de React (solo para la extensión .tsx)

Estoy intentando usar Eslint para hacer cumplir PascalCase en mis componentes de React. He revisado todos los complementos/reglas existentes que pude encontrar, y aquí están mis problemas:

Estoy usando Typescript (extensiones .tsx), así que react/jsx-pascal-case no funcionará para mí. Para los archivos que no son componentes, sí quiero permitir kebab-case, así que me gustaría filtrar solo los archivos con la extensión .tsx.

TL;DR - Me gustaría una regla de Eslint

Leer más →

typescript - Plugin de Eslint para verificar cuerpos de texto

Tiendo a codificar accidentalmente de forma rígida algunas cadenas como el nombre de la aplicación en mensajes de error. Tengo el nombre disponible en una constante, pero olvido usar la constante y escribo el nombre de la aplicación en un elemento JSX o en una cadena de TypeScript. El proyecto utiliza ESLint para la validación de código. ¿Tiene ESLint alguna regla o complemento para revisar el contenido de elementos JSX y cadenas de TypeScript en busca de palabras o frases prohibidas?

Leer más →

typescript - Eslint --max-warnings a Tslint

Estoy intentando agregar una regla de lint-staged como eslint --max-warnings=0 pero usando tslint. Entonces, la pregunta es si es posible y, de ser así, ¿cómo? No hay nada útil en su sitio web de documentación.

Leer más →

reactjs - ESLint no sugiere los suscriptores necesarios en useEffect (CRA + TS + ESLint + Prettier)

Cuando intenté crear un hook personalizado, me encontré con algunos problemas. ESLint no me sugirió los suscriptores para useEffect. (fetch no había sido sugerido y lo llené manualmente) También probé eslint-plugin-react-hooks, tampoco funciona.

useEffect(() => { fetch(); }, [fetch]);

El mismo problema para useCallback

código completo del hook personalizado

import { useState, useEffect, useCallback } from "react"; import { server } fr

Leer más →

node.js - Soporte ligero de scripting con TypeScript, ESLint y Prettier

TypeScript/ESLint/Prettier se han convertido en mis herramientas favoritas para todo tipo de tareas. Sin embargo, todavía estoy luchando con pequeños scripts de Nodejs que tienen solo unas pocas decenas de líneas de código. Para escribir un pequeño script de Nodejs con una experiencia cómoda en el IDE, necesito:

• Crear un package.json
• Configurar tsconfig (compilación estricta)
• Configurar ESLint
• Configurar Prettier
• Compilar a JavaScript si me importa e
  Leer más →

javascript - Cómo crear un Mixin en Angular11 con ESLint

En mis proyectos Angular9 y Angular10 pude crear mixins usando los siguientes pasos del blog Harnessing the power of Mixins in Angular

constructor.mixin.ts

export type Constructor<T = {}> = new (...args: any[]) => T;

mi-mezcla.mixin.ts

import {Constructor} from './constructor.mixin'; import {BehaviorSubject} from 'rxjs'; export const myMixin = <T exte

Leer más →