Creando la página Home y configurando ESLINT y PRETTIER en nuestro proyecto

Sobre esta lección

Vamos a configurar Eslint y Prettier en nuestro proyecto basándonos en las reglas de Standard. Explicaremos cómo hacerlo paso a paso e integrarlo en nuestro editor gracias a las extensiones de Visual Studio Code. Seguiremos avanzando el proyecto creando nuestra página home creando algunos componentes. ~Segmentos 📹 ~ 00:00 - Presentación del vídeo 03:45 - ¿Qué es ESLint? 06:25 - Añadiendo ESLint a nuestro proyecto 08:15 - Iniciando la configuración de ESLint 13:28 - Usando ESLint en nuestro proyecto y haciendo fix 21:35 - Desactivar reglas de ESLint y StandardJS 25:18 - Volviéndose loco ESLint y Prettier. ¡Lo solucionamos! 27:15 - Mejorando la configuración de ESLint 28:32 - Diferencias entre ESLint y Prettier 30:16 - ¿Qué es Prettier? 32:00 - LA DIFERENCIA entre ESLint y Prettier 35:20 - Preguntas y respuestas I 36:39 - ¿Por qué instalar dependencias como desarrollo con npm? 40:34 - ¿Cómo instalamos Prettier para convivir con ESLint? 43:17 - Instalando Prettier 49:45 - Configurando Prettier para que no use puntos y coma 51:17 - NO uséis paquetes extraños con ESLint y Prettier 53:47 - Configurando reglas de precommit con ESLint, Prettier y husky 01:02:00 - Creando el componente Avatar con React y CSS Modules 01:10:49 - Configurando jsconfig.json para hacer imports absolutos en NextJS 01:18:55 - ¿Qué extensión usar .js o .jsx para nuestros componentes de React? 01:24:22 - ¡Usando el nuevo logo para Devter! 01:30:36 - Arreglando el bug de inicio de sesión 01:33:33 - Creando la página Home -~-~~-~~~-~~-~- ¡No te pierdas mi último vídeo! "Variables de entorno con archivos ENV y actualizaciones en tiempo real con Firestore" https://www.youtube.com/watch?v=8ZA2p1SBssk -~-~~-~~~-~~-~-