Y es que el problema del linter, venga, voy a intentar instalar el linter, el problema del linter es Next.js, el cabrón, que es que tiene un linter propio y se vuelve como tonto.
Entonces vamos a ver el linter, el int, tan tan tan, vamos a ver si lo explican.
Tienes dos configuraciones, 3 options can be selected, stick, incluye Next.js Base Sling Configuration con Core Web Vital Rule Set.
Vamos a ver, ¿qué tengo yo aquí?
Lint, es que no tengo ninguno.
Ah, sí, lo tengo aquí.
Next Core Web Vital, vale.
Base, incluye Base Sling Confirmary, vale, cancel.
Next.js automáticamente instala Sling y Sling Config Next.
Sling Config, la configuración, no sé si recomiendo.
Vale.
Dice, incluye todo lo que tienes para tener un out of the box linter experience.
Pero es mentira, porque no lo tiene.
No tiene, o al menos a mí, o no me funcionan en el linter.
O sea, sí que me funciona el linter, porque si vamos a Sponsors, vamos a ver que sí que se me queja.
¿Ves? De esto, y esto viene del linter.
Pero no, pero de, si yo creo aquí una variable y no la uso, ¿ves? No, no se queja.
Hostia, David, David, David, David, es que no sé cómo...
Hostia, que Feralp ha pagado para unas bonitas palabras.
Ahora le doy, ahora le doy Feralp, perdona, ¿eh?
David, muchas gracias por regalar 5 suscripciones, crack.
Muchas, muchas, muchas gracias.
Muchas gracias, hombre.
Mira, le ha tocado a la fantasía.
Al dúo Umbrella.
Ahora, ahora, ahora te doy lo tuyo, Feral.
No me olvido, no me olvido.
Voy, hago esto del linter y te doy tus palabras.
Te doy tus palabras que has pedido.
Vale, esto es lo que quiero.
Si ya utilizas Slim Confirmator, quieres incluir, asegúrate de que lo pones al final.
Vale, bueno, eso parece interesante.
Pues vamos a hacer...
Si ya tienen tu aplicación...
Vale.
Vale.
Slim Plugin Next.
Next y es With Standard.
Config.
Link.
Vamos a ver si...
Vale, pensaba que alguien, alguien, alguien lo habría hecho.
Veo que no.
Ya veo que no.
Venga.
Slim Config Standard GitHub.
Vamos a instalar el de Standard, que es mi favorito.
Vale.
If you want to set up, confirm, yo soy popular de setting, no sé qué.
Venga.
Esto me lo voy a copiar por aquí, por si acaso.
Según esto, podemos hacer npx.
Slim Init.
¿Qué quieres hacer?
¿Qué quieres hacer?
Chequear, syntax...
Lo quieres hacer, todo.
¿Qué tenemos?
Módulos.
Framework.
React.
¿Utiliza TypeScript?
No.
¿Dónde funciona mi tal?
En todos los sitios.
Browser y Node.
¿Qué quiero?
Usa Popular Style Guide.
Eso quiero yo.
Standard, standard.
No me gusta nada el Airbnb.
Sé que es el más famoso, pero yo es que voy en contra de las cosas famosas.
Quiero que esté en...
¿Dónde es esto?
Esto es un JSON.
La verdad es que un JSON tiene sentido.
Venga, instalámelo todo.
Bueno, si se peta el directo, no os vayáis, que ahora vuelvo.
Would you like to install them with...
Sí, instala.
Bueno, me voy a quedar aquí.
Igual peta, ¿vale?
Porque siempre que se pone a hacer instalaciones en NPM, de repente me convierto en un robot,
como el de Vender de Futurama.
Si eso ocurre...
Ah, no.
Ya ha terminado.
Ya dando la chapa.
Ya aquí dando la chapa y está terminado en un momento.
Vale.
Fantástico.
Vale.
Vale, se supone que está hecho unas cuantas cosas.
¡Mira!
¡Qué bien!
Ya tenemos linter.
Vale, ahora lo único que no funciona es el...
El formateador automático.
Guardo.
¿Qué pasa con esto?
Hostia.
¿Esto será por Pretier?
¿Qué le está pasando al Pretier?
Yo esto lo tenía súper bien.
Y entonces, de repente...
Entonces, de repente...
Vamos a quitar esto.
Tengo...
Vale.
Vamos a quitar esto.
React Must Be en Scope.
Vale.
Esto lo vamos a quitar.
Esto de que tenga que estar en Scope, esto no es necesario para nosotros.
Así que...
Esta es React, JS Scope, no sé qué, no sé cuánto.
Esta la vamos a desactivar.
Rules.
React.
Esta la desactivamos, porque no tiene sentido.
Off.
Vale.
Vale, mejor.
Text Class is missing in props validation.
Esta me la voy a quitar.
React PropType, fuera.
React.
React PropTypes.
Creo que era así.
PropTypes off.
Expect Tech, sí.
Yo también la esperaba.
Creo que lo he escrito mal, pero bueno, no pasa nada.
Lo miramos otra vez.
A ver.
Es...
Ah, React.
Sin poner dos veces React.
Tiene sentido.
Tiene sentido.
Pero claro, es que pone...
Ah, vale.
O sea, tiene más sentido.
Vale, bueno.
Ya tenemos el linter, ¿vale?
Ya tenemos el linter.
Ya...
A mí Pretier cada vez me gusta menos.
No me quiero ir, señor Midu.
No me quiero ir.
Vale.
Bueno, bueno.
Ya estoy más feliz.
La verdad, ¿sabéis lo...?
Es que esto es...
Esta es una de las razones.
Es que hice tan a saco, tan a saco todo, para que me diese tiempo, que es que no le instalé
ni el linter.
O sea, iba como un tarao.
Iba como un tarao.
Estaba en el tren ahí como...
Y el otro por la madrugada.
Si es que...
Mira, os voy a contar una historia.
El primer reto, el primer reto, el contando ovejas para dormir, es porque me estaba quedando
dormido, me estaba quedando dormido encima del teclado mientras estaba terminando el
Advent GS.
Me estaba quedando frito porque eran las 3 de la mañana.
Al día siguiente me tenía que levantar a las 8 y media.
Me estaba quedando frito, me estaba quedando frito.
Entonces, se me ocurrió el reto para que fuese un...
Para que, bueno, fuese un guiño.
No entiendo para qué es esto del linter.
Hostia, voy a un críquic.
Has dejado el fútbol para dedicarle a programación.
No te preocupes.
El linter, básicamente, lo que hace es hacer como un chequeo estático de tu código.
¿Ves?
Y aquí me dice, oye, esto es lo que me está haciendo el linter.
La constante A la has asignado a un valor, pero nunca la has usado.
Este tipo de información me la está dando el linter.
El linter lo que te ayuda es a cometer menos errores mientras estás escribiendo código.
También te ayuda a formatearlo, a encontrar errores que puedas tener.
¿Ves?
Este, por ejemplo, esto es un error de estilo.
Lo que te dice trailing coma.
Oye, no le pones un trailing coma.
¿Ves?
Eso sería uno de estilo.
Pero también puedes tener errores que sean de...
Bueno, pues errores que, por ejemplo, intentes utilizar una variable que no existe.
¿Vale?
Mira, aquí tienes más de una...
Estoy poniendo más de una línea en blanco.
Esa es de estilo.
Pero si guardo, ¿ves?
Aquí me dice, oye, esperaba esto.
Esto no está definido.
¿Ves?
El linter me dice, no está definido.
Estos son errores que puedes encontrar.
¡Ay, amigo!
Importantísimo.
¿Vale?
Ahora tendría que guardar todos los cambios de todos los...
Todos los proyectos, los archivos y, bueno, ir viendo.
Ir viendo.
A ver dónde...
Dónde el linter funciona.
¿O no funciona y tal?
Estoy entrando un poco a saco.
Saco.
Hostia, qué miedo ese.
Qué miedo este.
Qué miedo este también.
Lip.
Mira lo de las cookies.
El out.
UltraCruiserInfo.
Creo que hay una forma más fácil de hacer esto.
Pero bueno.
Me está gustando.
Me está gustando.
Hostia.
Ah, mira.
Este al final no lo usé.
Este es con lo que iba a hacer el linter.
Ah, el linter.
El testing.
Y al final no lo usé.
No lo usé.
Vale.
Ahora que ya tengo todo esto y tengo el linter y ya tengo lo de SWR, voy a cerrar todas las cositas que tengo por aquí.
Y lo que voy a hacer es...
Ten, ten, ten...