Hay pocas cosas más tediosas que vigilar de tener siempre el código fuente de nuestra aplicación más o menos ordenado, identado y claro. Y salvo estemos utilizando algún IDE bastante inteligente con el formateo (gente, miren los productos de JetBrains) que siempre son pagos, muchos de los programadores lo hacemos a mano… Como mala práctica.
Sin embargo, tenemos, para acompañarnos en el tranco, a Prettier.
Pero vayamos al grano, Prettier es un formateador Javascript inspirado en refmt con soporte avanzado para lenguajes como ES2017, JSX y Flow. En sí, Prettier elimina todo el estilo original reemplazándolo por uno que garantiza consistencia al parsear JavaScript. Todo es modificable dentro de ella y es completamente de código abierto.
Su autor se encontró, como nos pasa a muchos, en una situación donde no encontraba la herramienta adecuada para el trabajo adecuado, por lo que tubo que construirla. 🙂
Yendo a los hechos, por ejemplo:
foo(arg1, arg2, arg3, arg4);
Y aunque parece una buena forma de estar escrito, al tener argumentos medio raros nos topamos con esto:
foo(argumentoMuyLargo, conMuchoMuchosMuchosParametros(), deberiamosRefactorizarlo, yOtroMasAunqueNoLoCreas);
De repente ya no es tan fácil ver todo y debemos movernos con el scroll para que se ajuste a la pantalla. Lo que probablemente deberíamos haber hecho es:
foo(
reallyLongArg,
omgSoManyParameters,
IShouldRefactorThis,
isThereSeriouslyAnotherOne
);
El impacto es inmediato, pero cada uno lo hace diferente, porque cada uno tienen un estilo de codificar propio (y hasta una resolución de pantalla propia).
Prettier te acomoda eso.
Dense una vuelta por su proyecto en GitHub, o por el mismo blog del autor para aprender más.
????????????
(y)