midudev
Creando la página Home y configurando eslint y prettier en nuestro proyecto
¡UPS! Para ver vídeos en la web debes estar registrado, es totalmente gratuito.
1.458 visualizaciones
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
-~-~~-~~~-~~-~-
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
-~-~~-~~~-~~-~-