
Spencer Miskoviak en el blog Wealthfront:
Al crear DevTools personalizados específicos 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 la creación y el mantenimiento de DevTools personalizadas, también significa que se puede adaptar a las necesidades de la aplicación y los ingenieros para optimizar el desarrollo.
Creo que es genial e inteligente crear herramientas personalizadas para tu equipo de desarrolladores. Incluso si las herramientas personalizadas son solo para usted, pueden ser una gran ayuda para la productividad. Pero al crear herramientas personalizadas para todo su equipo y abrir la puerta a sus ideas, eso 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
- Rellena formularios, realiza acciones de usuario, cambia entre usuarios
- Componentes destacados
Cosas inteligentes.
No tenemos un widget de interfaz de usuario elegante como ese en CodePen, pero tenemos algunas funcionalidades que ayudan a la productividad en la aplicación. Por ejemplo, muchas formas tienen un prellenar botón 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 completamente protegida en el sitio mismo para realizar una gran cantidad de tareas enfocadas en el administrador y el desarrollador:
Creo que el “resaltador de componentes” del que habló Spencer es particularmente bueno:
React DevTools puede ser útil para ver qué partes de la página actual son qué componentes, pero eso no es así en la página. 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 construir sus propias herramientas, Shawn Wang escribió recientemente “Puede hacer sus propias herramientas”:
Incluso el mejor software tiene partes que no son tan buenas para ti. Pero la diferencia entre usted y los demás es que puede codificar.
Shawn habla de cosas como…
- Creación de sus propias hojas de estilo personalizadas
- Creación de un generador de consultas de interfaz de usuario
- Creación de sus propias CLI (recuerdo los archivos de puntos de Mina Markham)
- Construyendo tus propios proxies
Shawn escribió su propio proxy dang 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 abre un proyecto de VS Code usando VS Code Tasks”, sobre lo que tuve que aprender todo y luchar a través de problemas extraños. Creo que una gran persona de DevOps en una empresa estaría en cosas como esta: pensando constantemente en la experiencia del desarrollador para su propia gente.
Incluso escribí el guión de apertura de un videojuego multijugador basado en texto que juego no hace mucho tiempo para ahorrarme algo de tiempo.
Y hablando de construir tus propias herramientas en general, pienso en el documental Alone in the Wilderness de Dick Proenneke. En este clip de introducción, puedes escuchar a Dick hablar sobre herramientas de construcción, literalmente, lo cual fue útil para él, ya que no necesitaba transportarlas a mano en lo profundo de la naturaleza de Alaska.
🛠