No tienes acceso a esta clase

隆Contin煤a aprendiendo! 脷nete y comienza a potenciar tu carrera

Aprende todo un fin de semana sin pagar una suscripci贸n 馃敟

Aprende todo un fin de semana sin pagar una suscripci贸n 馃敟

Reg铆strate

Comienza en:

3D
14H
7M
36S

Configuraci贸n de ESLint

19/22
Recursos

Aportes 21

Preguntas 4

Ordenar por:

驴Quieres ver m谩s aportes, preguntas y respuestas de la comunidad?

o inicia sesi贸n.

Un **Lint **es una herramienta de programaci贸n; originalmente lint era el nombre de una herramienta de programaci贸n utilizada para detectar c贸digo sospechoso, confuso o incompatible entre distintas arquitecturas en programas escritos en C; es decir, errores de programaci贸n que escapan al habitual an谩lisis sint谩ctico que hace el compilador. En la actualidad, se utiliza este t茅rmino para designar a herramientas que realizan estas tareas de comprobaci贸n en cualquier lenguaje de programaci贸n. Las herramientas de tipo lint generalmente funcionan realizando un an谩lisis est谩tico del c贸digo fuente.

Las construcciones sospechosas que se suelen buscar son usos de variables antes de ser inicializadas o creadas, condiciones que no var铆an bajo ninguna circunstancia (Son siempre verdaderas o siempre falsas) y c谩lculos cuyos resultados probablemente caigan fuera del rango permitido por las variables utilizadas.

Si cuando corren npm run start:dev no hace la compilaci贸n, es porque probablemente est谩n en modo producci贸n. Recuerden cambiar el ENV a 鈥榙evelopment鈥 en el archivo .env
.
A m铆 me estaba pasando eso, jeje.

A d铆a de hoy eslint-loader se encuentra deprecated, por ende se utiliza eslint-webpack-plugin, es mucho m谩s sencillo de configurar.
Pueden revisar el repo all铆 indican todo sobre el nuevo plugin. https://github.com/webpack-contrib/eslint-webpack-plugin

Sin embargo aqu铆 les muestro como lo implement茅 en mi c贸digo 馃槃


Me genero este error:

containers\Home.jsx
  20:50  error  Prop spreading is forbidden  react/jsx-props-no-spreading
  30:48  error  Prop spreading is forbidden  react/jsx-props-no-spreading
  39:48  error  Prop spreading is forbidden  react/jsx-props-no-spreading

Y apague esta regla para no complicarme, en el archivo .eslintrc asi:

"react/jsx-props-no-spreading": ["off"]

Usar ESLint es toda una complicaci贸n, pero s茅 que es realmente importante usarlo cuando se desarrolla colaborativamente, creo que podr铆amos automatizar el proceso de fixing con Gulp y adicional utilizar Prettier para que el c贸digo adem谩s se formatee con unas reglas previamente definidas por el equipo. Reto personal, no lo creen?


::::::::::::::::::::::::::::::::::::::

Personalmente me gusta m谩s hacer el destructuring desde los mismos par谩metros, que de hecho, es la recomendaci贸n de Airbnb

const Player = ({ match: { params: { id } }, playing, history }) => {

Buenas noches, alguien sabr谩 como habilitar en vs.code esos c贸digos de colores (azul y rojo) que marcan los nombres en el directorio de archivos del proyecto (谩rea izquierda de vs.code) al momento de utilizar eslint??

Bueno. Hasta el momento la aplicaci贸n funcion贸 medianamente bien, pues tiene los siguientes problemas (por lo menos a m铆 me han salido):

  1. No me reconoce los estilos del componente Search
  2. Si bien Se puede iniciar sesi贸n, cuando se da click en Registro no regresa a la pantalla principal.
  3. Lo mismo ocurre cuando se da click en registro.
  4. Cuando se desactiva el javascript, no visualiza el Header y el Footer.

Est谩 todo tal cual se hace en las clases. No s茅 a qu茅 pueda deberse esos errores.

Si alguien puede darme una idea de ello, lo agradezco.

Esta actualmente deprecated el plugin

Se debe usar este plugin: eslint-webpack-plugin

Me di cuenta que el Header lo est谩n llamando en todas las p谩ginas, es por eso que no usa el Layout en la parte de express鈥

el compa帽ero que haya podido resolver este error me seria de gran utilidad la configuraci贸n del curso no es la optima y me sale este error

ERROR in Conflict: Multiple assets emit different content to the same filename assets/.gz

ERROR in Conflict: Multiple assets emit different content to the same filename assets/.gz

Es curioso, ahora que instal茅 la extensi贸n de ESLint para VSCode me salen mensajes que algunas de mis dependencias deber铆an ser de desarrollo y otras de producci贸n, al menos en los files del servidor. Ni modo jeje

Chicos.

Estoy usando localStorage para almacenar unos datos, funciona bien pero cuando la pagina se recarga (F5) aparece el error ReferenceError: localStorage is not defined

Me imagino que ya no funciona por el hecho de renderearse en el server.

Alguna manera optima para solucionar esto?

Tengo problemas al momento de hacer login y register, no funcionan los botones y no entiendo porque, a alguien le ha pasado en este punto?

Si presentan alg煤n problema como este en uno de sus componentes:

Se puede solucionar agregando 2 nuevas reglas en el archivo .eslintrc

Dejo mi aporte con la ultima version de eslint-webpack plugin

npm install eslint-webpack-plugin --save-dev
const ESLintPlugin = require("eslint-webpack-plugin");

module.exports = {
  // ...
  plugins: [
    isDev
      ? new ESLintPlugin({
          extensions: ["js", "jsx"],
          exclude: "./node_modules/",
        })
      : () => {},
  ],
  // ...
};

Que bonito ver como se arreglan los errores heheheh

El plugin de eslint para Webpack ahora se llama: eslint-webpack-plugin.

Lo pueden instalar con: npm i eslint-webpack-plugin -D

Un Lint es una herramienta de programaci贸n; originalmente lint era el nombre de una herramienta de programaci贸n utilizada para detectar c贸digo sospechoso, confuso o incompatible entre distintas arquitecturas en programas escritos en C; es decir, errores de programaci贸n que escapan al habitual an谩lisis sint谩ctico que hace el compilador.