Log in
JavaScript Conferences
JSNation US 2025JSNation US 2025
ES

Pragmática 101 sobre Herramientas JS Personalizadas para tu Proyecto

Will Klein
Will Klein
North
certificate
Recording and certification are available to Multipass and Full ticket holders only
Please login if you have one.
Get Multipass
Bookmark
Rate this content

Vamos a desmitificar los secretos de las herramientas modernas de JavaScript. En este masterclass, aprenderás cómo funcionan los linters, compiladores y transformaciones de código. Darás tus primeros pasos construyendo tus propias herramientas de desarrollo, escribiendo una regla de ESLint, un plugin de compilador y una transformación de código. Aprende estas habilidades para ayudar a tu equipo y profundizar tu comprensión de los lenguajes de computadora.

Plan del Masterclass:

  1. Una vista previa de cómo se pueden usar los ASTs
  2. Un breve recorrido de cómo funcionan los compiladores
  3. Una introducción a trabajar con un AST
  4. El secreto para hacer miles de cambios en segundos
  5. Cómo aplicar esta habilidad

This workshop has been presented at JSNation US 2025, check out the latest edition of this JavaScript Conference.

tooling
Will Klein
Will Klein
122 min
11 Nov, 2025

Comments

Sign in or register to post your comment.
Video Summary and Transcription
Introducción a un masterclass de herramientas de JavaScript basado en experiencias personales y la motivación detrás de crear herramientas personalizadas para una mayor productividad. El orador comparte ideas sobre cómo manejar los síntomas de ADHD con herramientas. Exploración de la construcción de herramientas como extensiones de navegador y ASTs para diferentes lenguajes y stacks. Comprensión de ASTs, nodos y tipos, enfatizando su importancia en herramientas como ESLint. Creación de reglas de ESLint para diferenciación de especificadores de importación e identificadores. Solución de problemas en el proceso de creación de reglas de ESLint y comparación de enfoques de reglas. Aprovechamiento de la IA para la automatización de código y creación de utilidades ergonómicas. Maximización de la eficiencia de CodeMod y optimización de actualizaciones de bibliotecas. Implementación de refactorización de código con JS CodeShift y resolución de desafíos de manipulación de AST. Exploración de herramientas de IA para la eficiencia del flujo de trabajo y herramientas personalizadas para la documentación de bases de código. Evolución de herramientas de desarrollo web para accesibilidad e integración de IA. Conclusión del masterclass sobre aprendizaje continuo, compromiso y colaboración.
Available in English: Pragmatic 101 on Custom JS Tooling for Your Project
Video transcription and chapters available for users with access.
Available in other languages:

Watch more workshops on topic

Soluciona el 100% de tus errores: Cómo encontrar problemas más rápido con la Reproducción de Sesiones
JSNation 2023JSNation 2023
44 min
Soluciona el 100% de tus errores: Cómo encontrar problemas más rápido con la Reproducción de Sesiones
WorkshopFree
Ryan Albrecht
Ryan Albrecht
¿Conoces ese molesto error? ¿El que no aparece localmente? Y no importa cuántas veces intentes recrear el entorno, no puedes reproducirlo. Has revisado las migas de pan, leído la traza de pila y ahora estás jugando al detective para unir los tickets de soporte y asegurarte de que sea real.
Únete al desarrollador de Sentry, Ryan Albrecht, en esta charla para aprender cómo los desarrolladores pueden utilizar la Reproducción de Sesiones, una herramienta que proporciona reproducciones de video de las interacciones de los usuarios, para identificar, reproducir y resolver errores y problemas de rendimiento más rápido (sin golpear tu cabeza contra el teclado).
toolingerror monitoringdebug

Check out more articles and videos

We constantly think of articles and videos that might spark Git people interest / skill us up or help building a stellar career

El Futuro de las Herramientas de Rendimiento
JSNation 2022JSNation 2022
21 min
El Futuro de las Herramientas de Rendimiento
Top Content
Addy Osmani
Addy Osmani
Engineering Leader Working on Google Chrome
Today's Talk discusses the future of performance tooling, focusing on user-centric, actionable, and contextual approaches. The introduction highlights Adi Osmani's expertise in performance tools and his passion for DevTools features. The Talk explores the integration of user flows into DevTools and Lighthouse, enabling performance measurement and optimization. It also showcases the import/export feature for user flows and the collaboration potential with Lighthouse. The Talk further delves into the use of flows with other tools like web page test and Cypress, offering cross-browser testing capabilities. The actionable aspect emphasizes the importance of metrics like Interaction to Next Paint and Total Blocking Time, as well as the improvements in Lighthouse and performance debugging tools. Lastly, the Talk emphasizes the iterative nature of performance improvement and the user-centric, actionable, and contextual future of performance tooling.
toolingdevtoolsperformance
Rome, ¡una cadena de herramientas moderna!
JSNation 2023JSNation 2023
31 min
Rome, ¡una cadena de herramientas moderna!
Top Content
Emanuele Stoppa
Emanuele Stoppa
Active contributor to the Biome project
Rome is a toolchain built in Rust that aims to replace multiple tools and provide high-quality diagnostics for code maintenance. It simplifies tool interactions by performing all operations once, generating a shared structure for all tools. Rome offers a customizable format experience with a stable formatter and a linter with over 150 rules. It integrates with VCS and VLSP, supports error-resilient parsing, and has exciting plans for the future, including the ability to create JavaScript plugins. Rome aims to be a top-notch toolchain and welcomes community input to improve its work.
toolingbundler
Conquistando la Complejidad: Refactorización de Proyectos JavaScript
JSNation 2024JSNation 2024
21 min
Conquistando la Complejidad: Refactorización de Proyectos JavaScript
Top Content
Phil Nash
Phil Nash
IBM
Today's Talk explores the complexity in code and its impact. It discusses different methods of measuring complexity, such as cyclomatic complexity and cognitive complexity. The importance of understanding and conquering complexity is emphasized, with a demo showcasing complexity in a codebase. The Talk also delves into the need for change and the role of refactoring in dealing with complexity. Tips and techniques for refactoring are shared, including the use of language features and tools to simplify code. Overall, the Talk provides insights into managing and reducing complexity in software development.
tooling
Mejorando la Felicidad del Desarrollador con IA
React Summit 2023React Summit 2023
29 min
Mejorando la Felicidad del Desarrollador con IA
Senna Parsa
Senna Parsa
Solutions Engineer at GitHub
GitHub Copilot is an auto-completion tool that provides suggestions based on context. Research has shown that developers using Copilot feel less frustrated, spend less time searching externally, and experience less mental effort on repetitive tasks. Copilot can generate code for various tasks, including adding modals, testing, and refactoring. It is a useful tool for improving productivity and saving time, especially for junior developers and those working in unfamiliar domains. Security concerns have been addressed with optional data sharing and different versions for individuals and businesses.
toolingartificial intelligencedeveloper experienceproductivitybest practices
Automatiza el Navegador con la API de Renderizado del Navegador de Workers
JSNation 2024JSNation 2024
20 min
Automatiza el Navegador con la API de Renderizado del Navegador de Workers
Gift Egwuenu
Gift Egwuenu
Developer Advocate at Cloudflare.
The Talk discusses browser automation using the Worker's Browser Rendering API, which allows tasks like navigating websites, taking screenshots, and creating PDFs. Cloudflare integrated Puppeteer with their workers to automate browser tasks, and their browser rendering API combines remote browser isolation with Puppeteer. Use cases for the API include taking screenshots, generating PDFs, automating web applications, and gathering performance metrics. The Talk also covers extending sessions and performance metrics using Durable Objects. Thank you for attending!
toolingbrowser apicloudflare
Análisis estático en JavaScript: Lo fácil y lo difícil
JSNation 2023JSNation 2023
23 min
Análisis estático en JavaScript: Lo fácil y lo difícil
Elena Vilchik
Elena Vilchik
Software Engineer at Sonar, Switzerland
Static analysis in JavaScript involves analyzing source code without executing it, producing metrics, problems, or warnings. Data flow analysis aims to determine the values of data in a program. Rule implementation in JavaScript can be straightforward or require extensive consideration of various cases and parameters. JavaScript's dynamic nature and uncertainty make static analysis challenging, but it can greatly improve code quality.
toolingdevtoolsdebug