Pero antes de crear nuestro tercer proyecto, fíjate que ya antes te he explicado, oye, vamos a instalar el linter, ¿vale?
Porque sin linter esto es complicadete. Bueno, vamos a instalar el linter.
Vamos a hacer una cosa. En la raíz, en todo nuestro proyecto, vamos a hacer un npm install y vamos a instalar estándar.
Estándar, por si no lo sabes, te lo voy a explicar rápidamente.
Esto, mira, esto es súper importante porque muchas veces hacéis proyectos sin linter,
hacéis pruebas técnicas sin linter, no hagáis pruebas técnicas sin linter,
porque iré a vuestras casas y os arrancaré de un bocado el ojo. No hagáis eso, ¿vale?
Si hacéis una prueba técnica, el linter es más que obligatorio. Por favor, que os conozco.
Entonces, vamos a utilizar estándar.js. Estándar.js es un conjunto de reglas para lintar el código.
Tú puedes utilizar el que tú quieras tu favorito. Yo te explico este porque es el que a mí me gusta.
Si te gusta otro, utiliza otro. A mí me gusta este porque es muy fácil y muy rápido de utilizar.
Entonces, voy a utilizar estándar, que ya tiene unas reglas preestablecidas de cómo va a lintar el código,
lo va a formatear y todo esto. Entonces, me voy aquí a mi proyecto Aprendiendo React.
Vamos a instalar estándar como dependencia de desarrollo. Vamos a instalarlo.
¿Vale? Y lo vamos a configurar ahora en cuanto termine esto.
¿Vale? Entonces, aquí en el package.json, que ya debemos tener aquí el estándar,
vamos a poner slint.config. Y aquí vamos a decir extends. Y aquí vamos a decirle .barra modulos, barra estándar, barra slint.rc.json.
Si no, los componentes de React no los linta bien. No tengo ni idea por qué.
No sé si es una cosa arreglarán en la 18, pero hasta ahora no está bien del todo.
Si utilizáis esta script, también hay esta TS estándar. No os preocupéis. Más adelante también lo veremos.
Entonces, con esto y con la extensión que debéis tener también de slint, ¿vale?
Porque es compatible con slint. O sea, necesitáis la extensión de slint en vuestro editor.
Ya, al entrar, ya deberíamos detectar, por ejemplo, el app.
¿Ves que ahora me salen aquí un montón de rojos? Esto es porque el linter me ha dicho
oye, esto lo tienes con comillas dobles y el linter te dice que son comillas simples, ¿vale?
Pues yo como tengo el formateador automático en el editor activado,
cuando guarde me lo va a cambiar. Y así nos vamos a asegurar que nuestro código está bien formateado,
que no tiene errores y todo esto. Seguramente, ¿ves? Aquí te dice
oye, aquí hay espacios que no debería. Aquí le falta una nueva línea. Bueno, pues lo hacemos.
¿Vale? Por lo menos ahora ya tenemos el linter correctamente.
Otra cosa que voy a hacer, voy a crear aquí un gitignore, que no lo teníamos,
a nivel de proyecto, ¿vale? Y voy a decirle que me ignore el package log.json
y el no modules, ¿vale? Porque así, ¿ves que aquí me pone 4000? Pues así me lo ignorará.
Y ahora sí, voy a enviar todo esto. ¡Ay, ay, ay, que la lío!
Add standard linter.
Sincronizamos los cambios y ahora creamos el nuevo proyectito, ¿vale?
Para el useEffect.
¿Podemos acceder al código que estás editando? Sí, golden.
Bien, vamos a verlo una vez más para que nadie se quede atrás, ¿vale?
Tenemos un repositorio donde estamos subiendo todo el código.
Es este repositorio de aquí. Lo veis aquí en Projects.
Ahora ya tenemos el 1, el 2. Hicimos un proyecto ya en la anterior.
Ahora tenemos un segundo proyecto.
Si alguien que hace una PR para actualizar esto, pues buenísimo.
Y lo que sí que os pediré es que le dejéis una estrellita, ya que estáis, ¿no?
¿Una estrellita? ¿Cuántos somos? 1.600.
Hombre, le podéis poner una estrellita.
Así que ponedle una estrellita.
Ponedle una estrellita, hombre. Ponedle una estrellita.
¡Hostia, qué he hecho! La he liado.
¡Hostia! Me había puesto la pantalla y la saco.
Pues eso, ponedle una estrellita, ¿vale?
Vale. A ver, amigo Yodadev.
Dice, Midu, ¿para qué sirve la función de retorno del useEffect?
Tío, cálmate. Si vamos a explicar el useEffect,
¿tú crees que no explicaremos para qué sirve la función de retorno del useEffect?
Yo creo que si no hemos empezado a explicar el useEffect,
¿cómo me vas a preguntar?