Haz tus propias herramientas

Spencer Miskoviak en el blog Wealthfront:
Al crear DevTools personalizadas específicas para una aplicación, pueden operar con una abstracción aún mayor para manejar cosas como las interacciones del usuario o la depuración de eventos de seguimiento. Si bien esto requiere crear y mantener DevTools personalizados, también significa que se pueden adaptar a las necesidades de la aplicación y de los ingenieros para agilizar el desarrollo.
Creo que es genial e inteligente y crear herramientas personalizadas para tu equipo de desarrolladores. Incluso si las herramientas personalizadas son sólo para usted, pueden suponer una gran ayuda para la productividad. Pero crear herramientas personalizadas para todo su equipo y abrir la puerta a sus ideas es muy inteligente y aumenta el valor.
Spencer mostró una variedad de herramientas diferentes que tienen, todas bajo el paraguas de un widget emergente de interfaz de usuario:
- Muestra el estado actual de la sucursal y del CI
- Completa formularios, realiza acciones de usuario, cambia entre usuarios
- Componentes destacados
Cosas inteligentes.
No tenemos un widget de interfaz de usuario cómodo como ese en CodePen, pero sí tenemos algunas funciones que ayudan a la productividad en la aplicación. Por ejemplo, muchos formularios tienen un botón de precompletar que solo aparece para los desarrolladores:
Y tenemos una herramienta personalizada para nuestra bandeja de entrada de soporte que brinda contexto a los usuarios y el contenido al que hace referencia el ticket de soporte:
Sin mencionar un área de administración protegida completa en el sitio para realizar una gran cantidad de tareas centradas en administradores y desarrolladores:
Creo que el “resaltador de componentes” del que habló Spencer es particularmente interesante:
React DevTools puede ser útil para ver qué partes de la página actual son qué componentes, pero eso no está en una página como esta. Creo que sería genial tener un pequeño al lado de cada título que abriría ese archivo en VS Code.
Hablando de crear sus propias herramientas, Shawn Wang escribió recientemente “Tienes permiso para crear tus propias herramientas”:
Incluso el mejor software tiene partes que no son tan buenas para ti. Pero la diferencia entre tú y los demás es que puedes codificar.
Shawn habla de cosas como…
- Creando tus propias hojas de estilo personalizadas
- Construyendo un generador de consultas de UI
- Construyendo sus propios CLI (me acuerdo de los archivos de puntos de Mina Markham)
- Construyendo tus propios servidores proxy
Shawn escribió su propio proxy para los resultados de búsqueda de Google para optimizarlos y presentarlos como le gusta:
De vez en cuando, tengo ganas de concentrarme en las herramientas, lo que me lleva a hacer cosas como cuando decidí “Ejecutar Gulp mientras abres un proyecto de VS Code usando VS Code Tasks”, sobre lo cual tuve que aprender todo y luchar contra problemas extraños. Creo que una gran persona de DevOps en una empresa se ocuparía de cosas como esta: pensaría constantemente en la experiencia del desarrollador para su propia gente.
Incluso escribí el guión de la apertura de un videojuego multijugador basado en texto al que juego no hace mucho para ahorrarme algo de tiempo.
Y hablando de construir tus propias herramientas en general, pienso en el documental de Dick Proenneke en Alone in the Wilderness. En este clip de introducción, puedes escuchar a Dick hablar literalmente sobre la construcción de herramientas, lo cual fue útil para él ya que no necesitaba transportarlas manualmente a las profundidades de la naturaleza de Alaska.
Deja un comentario