¡Observa tu código!

Cesar Vega
13 septiembre, 2019

. . .

Cómo habilitar Dart Linting para convertirse en un ninja de código Flutter

Este artículo se basa en el video publicado originalmente en inglés por Frederik Schweiger en Medium. Por favor, visita el siguiente enlace y recomienda el video original si te gusta el contenido:

Así que aquí estoy de nuevo escribiendo artículos de Flutter – muchas gracias a todas las personas que leyeron mi último artículo llamado ‘The Layer Cake‘ y me dieron la motivación para escribir éste. ¡Vamos a empezar!

Cada vez que quieras aprender un nuevo lenguaje de programación lo mejor que puedes hacer es escribir código. Mucho. Y luego cometer errores. Mucho. Al final, así es como aprendemos cosas nuevas. Al fallar. Una y otra vez. Y eso está perfectamente bien.

Sin embargo, si quieres trabajar junto con otras personas en algún momento o quizás quieres mejorar el rendimiento y la calidad de tu código, tienes que seguir algunas pautas. En este caso estas son las directrices del lenguaje de programación Dart. Y ahí es donde entra en juego el linter.


¿Qué es linting?

Un linter o lint se refiere a herramientas que analizan el código fuente para marcar errores de programación, errores de estilo y construcciones sospechosas. El término proviene de una utilidad Unix que examinó el código fuente del lenguaje C.

Aunque no conozca la palabra «lint» o «linting», las posibilidades de que ya se estés familiarizado con la herramienta son bastante altas. En el IDE normalmente se disfraza de líneas en zig-zag amarillas debajo de una parte específica del código, revelando más información sobre lo que está mal cuando se desplaza con el cursor.

Aquí vamos, zig-zag por todo el lugar. ¿Podría decir qué está «mal» con este código?

Otro lugar del que puedes saberlo es la pestaña Análisis de Dart que te muestra regularmente mensajes sobre cosas que puedes hacer para mejorar tu código. Imagina el analizador de Dart como un viejo sabio que te dice lo malo que es tu código, por ejemplo, Yoda, Gandalf o Alfred del Caballero Oscuro – el ya probablemente ‘ha escrito una tonelada de código de Dart y ha aprendido mucho acerca de lo que funciona y lo que no funciona.’ * Al final, puedes acelerar tu curva de aprendizaje evitando cometer los mismos errores y convirtiéndote en un mejor desarrollador desde el principio.

*Tomó esto de la introducción de ‘Effective Dart‘, un artículo del equipo de Dart que enumera todo lo que se debe y lo que no se debe hacer al escribir el código de Dart. Muchas de esas reglas serán cubiertas automáticamente por el conjunto de reglas que vamos a establecer en el siguiente paso, pero definitivamente vale la pena leerlas. En serio. Ve y compruébalo.


Cómo habilitar el linting en tu proyecto

Cuando creas un nuevo proyecto Flutter y usas el IDE de tu elección, ya deberías tener una configuración de linting por defecto que te muestra sugerencias para cosas como un bloque de código vacío o cuando llamas a un método sin un parámetro requerido.

Sin embargo, hay más. El equipo de Flutter tiene una lista de lints de Dart curada que se actualiza de vez en cuando. Recomiendo encarecidamente a todo el mundo que utilice estas reglas en su propio proyecto desde el principio, de lo contrario, podría ser una verdadera molestia observar y corregir todas las advertencias de tu código cuando se activen más tarde (estas pueden llegar a ser de hasta unos cuantos miles). Además, nunca está mal usar las pautas de código de los profesionales.

Encontrarás el archivo de configuración del proyecto Flutter aquí mismo: https://github.com/flutter/flutter/blob/master/analysis_options.yaml Sólo tienes que soltar el archivo en la raíz de tu proyecto y tu IDE debería empezar a usar las nuevas reglas automáticamente, sólo tienes que revisar la pestaña Dart Analyser en tu IDE o ejecutar flutter analyze para ver todas las optimizaciones de código / advertencias en el proyecto. ¡Eso es todo!


Hazlo tuyo

Cuando echas un vistazo a analysis_options.yaml desde el repositorio de Flutter, te das cuenta de que hay algunas comprobaciones comentadas. Si eres avanzado también puedes editar el archivo o crear uno propio donde habilitar/deshabilitar las comprobaciones que prefieras (ya que muchas de ellas también aplican un estilo de código específico). Encontrarás una lista de todos los chequeos disponibles con una breve descripción aquí: http://dart-lang.github.io/linter/lints/.

Un extracto de las reglas que puede especificar en su archivo de configuración. Tomado de http://dart-lang.github.io/linter/lints/

¿Sientes que no puedes decidir? ¡No te preocupes! Si eres nuevo en Flutter y/o Dart, el analysis_options.yaml del repositorio de Flutter debería ser un buen punto de partida.


Conclusión

No importa si eres un profesional o un principiante, si no tienes una buena razón para no usar el conjunto de reglas avanzadas proporcionadas en el repositorio de Flutter o incluso las tuyas propias, lo primero que debes hacer después de crear un nuevo proyecto debe ser poner el archivo analisis_options.yaml en la raíz de tu proyecto. !Feliz codificación!

PD: Si te gusta Flutter y te gusta saber más sobre el framework, asegúrate de seguirme en Twitter 😊

0

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Comunidades en Español