Maximizar la Productividad con Agentes de IA

This ad is not shown to multipass and full ticket holders
React Summit US
React Summit US 2025
November 18 - 21, 2025
New York, US & Online
The biggest React conference in the US
Learn More
In partnership with Focus Reactive
Upcoming event
React Summit US 2025
React Summit US 2025
November 18 - 21, 2025. New York, US & Online
Learn more
Bookmark
Rate this content

En esta charla, exploraremos cómo delegar trabajo a modelos de lenguaje grandes y automatizar la mayor parte del "trabajo ocupado" para maximizar y mejorar la productividad diaria. Lo haremos principalmente explorando cómo los LLMs pueden llamar a funciones.

This talk has been presented at React Summit 2025, check out the latest edition of this React Conference.

Tejas Kumar
Tejas Kumar
30 min
13 Jun, 2025

Comments

Sign in or register to post your comment.
Video Summary and Transcription
Tejas discute sobre agentes de IA y productividad en el React Summit, enfatizando el papel de la IA en mejorar las experiencias de usuario. Se destaca el uso de datos JSON y prompts del sistema para mejorar los procesos de análisis y transmisión. Se explora la importancia de los agentes de IA en la navegación web para aumentar la productividad y la interacción eficiente con sitios web. Se discute el desarrollo de herramientas como el Google Calendar Manager Agent para una mejor gestión del calendario y la resolución de problemas en la creación de eventos del calendario. La charla también profundiza en las posibilidades futuras en UX y tecnología, junto con ideas sobre la creación de componentes de IA y la comparación entre Langflow y N8n.

1. Tejas's Insights on AI Agents and Productivity

Short description:

Tejas se presenta en el React Summit, hablando sobre agentes de IA y productividad. Reflexiona sobre prácticas pasadas de llamar a agentes para tareas, enfatizando la esencia de la productividad. Tejas comparte su experiencia y rol en DataStax, ahora parte de IBM, centrándose en maximizar la productividad con agentes de IA.

Hola a todos. Es un honor y un privilegio estar aquí en la décima ocasión del React Summit. Es tan bueno estar aquí. Para aquellos que no me conocen, mi nombre es Tejas. Se pronuncia como contagious. No se preocupen, no lo soy. De hecho, me hicieron la prueba. ¿Dónde está Valentin? Valentin está por allí. Hola, qué bueno verte. Lo acabo de conocer mientras hacía mis diapositivas. Si tienes un asiento libre a tu lado, ¿puedes levantar la mano rápidamente para que las personas de pie puedan venir a encontrarlo? Si estás de pie en la parte de atrás, siéntate junto a estas personas.

He estado construyendo en la web durante más de 20 años, como mencionó Scott, en lugares como Vercel y Spotify y Zeta y en todas partes de diversas maneras. Y en ese tiempo, he tenido el honor de aprender muchas cosas diferentes de muchas grandes personas. Hoy trabajo en DataStax donde mi rol es hacer relaciones con desarrolladores para IA, IA generativa. Y DataStax recientemente, puede que hayas visto algo en las noticias. Recientemente fuimos adquiridos por IBM, así que supongo que ahora trabajo en IBM. Pero hoy estamos aquí para hablar sobre maximizar la productividad con agentes de IA. Maximizar la productividad con agentes de IA. Para entender esto con un poco de detalle, necesitamos, como, acercarnos al título.

¿Qué es la productividad? La productividad es nuestra capacidad para hacer cosas, ¿verdad? Y si consideramos la productividad desde los primeros principios, solía, como, antes de la tecnología, antes de la web, antes de Internet, antes de los acordeones, antes de los carruseles, antes de la accesibilidad, antes de que hagamos cosas en las que la gente no puede hacer clic, solías llamar a un agente, literalmente. Ahmed, ¿cómo estás? Solíamos llamar a un agente por teléfono, un agente de viajes, un agente de tours, un agente de hotel. Llamabas a un agente, hola, necesito estar en Ámsterdam en este día a esta hora en ese hotel. ¿Podemos hacerlo? El agente dice sí. Clic. No hay anuncios. La experiencia es agradable porque solo estás hablando con un agente. Eso era la máxima productividad en cierto sentido, excepto que el factor limitante eran los humanos. Llegaremos a eso. Pero dejemos eso hoy para la productividad.

2. Enhancing UX with AI and Developer Responsibility

Short description:

Usamos interfaces a diario, centrándonos en UX y el papel de la IA. Una demostración en vivo muestra UI/UX con React. Se destaca la responsabilidad de los desarrolladores en influir en vidas, enfatizando la importancia de prácticas eficientes de UX con agentes de IA.

Usamos muchas interfaces hoy en día. La web es probablemente la interfaz más utilizada en todo el mundo. Botones y divs y spans. React es la biblioteca para construir interfaces de usuario. Pero las interfaces de usuario son solo un medio para un fin de UX, ¿verdad? Las interfaces de usuario facilitan UX. Te brindan una experiencia. Una interfaz de usuario te da experiencia de usuario. Y así, lo que vamos a hacer en nuestro tiempo juntos, tenemos como 15 minutos, vamos a mirar, realmente deberían reiniciar ese reloj porque no tengo 15, de todos modos, vamos a mirar UX con IA y cómo podemos tener mejor UX a medida que avanzamos por la vida y ser productivos con agentes de IA.

Permítanme comenzar con una pequeña demostración del estado de UX hoy con React porque es React Summit. Así que tengo una cosa de búsqueda aquí. Y este es el código detrás de esto. Y es solo un formulario de búsqueda. Y esto es totalmente en vivo. Échale un vistazo. Totalmente en vivo. ¿Verdad? Y puedes ver que cambia. Vamos a añadir búsqueda a. Y puedes ver que se actualiza. Pero este es el estado. Así que si hago clic aquí, abro el inspector, y estamos esperando algún tipo de carga de trabajo de IA. Es bastante común ver cosas como esta. Buscaré cinco tipos de waffles. Y va a darme una respuesta. El modelo de IA generativa va a... Ahí vamos. Eso tomó siete segundos. Siete segundos. Y así es UX y así es UI. Y siempre depende del desarrollador. Tomamos decisiones como desarrolladores que afectan directamente las vidas de otras personas.

¿Entiendes cuán grande es esa responsabilidad? Es grande. ¿De acuerdo? Y así publiqué esto en las redes sociales. Dije no await res.json sino en su lugar for a wait const chunk of response. Quien tenga oídos, que oiga. Si no tienes oídos hoy para escuchar esto, te voy a mostrar lo que esto significa. Porque una gran victoria de UX es simplemente el streaming. Y así este es nuestro código. Es solo un formulario. Cuando envías el formulario, hacemos fetch, obtenemos una respuesta, y establecemos la respuesta en el estado. Eso significa que solo esperamos siete segundos. Podemos arreglar esto haciendo streaming. Vamos a venir aquí, y en lugar de todo esto, solo vamos a hacer streaming. Así que haremos stream true. Y ahora, por supuesto, no solo obtenemos la respuesta así. Así que tenemos que establecer algunos encabezados y luego for a wait chunk of response, eso es lo que dije, escribimos cada chunk a la respuesta, y luego terminamos el stream de respuesta. Y necesitamos actualizar nuestro código del lado del cliente para reflejar esto. Así que en lugar de solo obtener el JSON, leeremos el stream. La respuesta es un stream. Así que leeremos ese stream y actualizaremos el estado de manera incremental. Eso es lo que vamos a hacer aquí.

QnA

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

IA y Desarrollo Web: ¿Exageración o Realidad?
JSNation 2023JSNation 2023
24 min
IA y Desarrollo Web: ¿Exageración o Realidad?
Top Content
This talk explores the use of AI in web development, including tools like GitHub Copilot and Fig for CLI commands. AI can generate boilerplate code, provide context-aware solutions, and generate dummy data. It can also assist with CSS selectors and regexes, and be integrated into applications. AI is used to enhance the podcast experience by transcribing episodes and providing JSON data. The talk also discusses formatting AI output, crafting requests, and analyzing embeddings for similarity.
Olvida el mal código, concéntrate en el sistema
React Summit US 2023React Summit US 2023
27 min
Olvida el mal código, concéntrate en el sistema
Top ContentPremium
Setting up the system and separating concerns are important in software development. Modular construction and prefab units are a new trend that makes construction quicker and easier. Architectural complexity can lead to a drop in productivity and an increase in defects. Measuring architectural complexity can help identify natural modules in the code. Best practices for avoiding architectural complexity include organizing code by business domain and using prop drilling. Atomic design and organizing a monorepo are recommended approaches for managing architectural complexity.
Confesiones de un Impostor
JSNation 2022JSNation 2022
46 min
Confesiones de un Impostor
Top Content
The Talk discusses imposter syndrome and reframes it as being a professional imposter. It emphasizes the importance of sharing and starting, embracing imposterism, and building inclusively for the web. The speaker shares personal experiences of being an imposter in various technical disciplines and highlights the significance of accessibility. The Talk concludes with the idea of building a collective RPG game to remove excuses for not making things accessible.
Mejorando la Felicidad del Desarrollador con IA
React Summit 2023React Summit 2023
29 min
Mejorando la Felicidad del Desarrollador con IA
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.
Maximize Productivity with AI Agents
Productivity Conf for Devs and Tech LeadersProductivity Conf for Devs and Tech Leaders
25 min
Maximize Productivity with AI Agents
I'm Tejas Kumar, a software developer with over 20 years of experience. AI agents are defined as entities that act on behalf of users or groups to produce specific effects. Agents consist of an orchestration layer, a language model, and tools represented as JSON functions. Langflow is an open-source tool that allows users to build their own AI agents by connecting language models and tools. Composio is a tool that enhances agent capabilities by offering integrations and apps, such as Google Calendar integration. MCP (Model Context Protocol) is a way to share context with models and extend their capabilities. It allows functions to be made available to models over standard input/output or an HTTP endpoint. MCP can be used with GitHub to perform various tasks like searching and fixing code issues. The Talk covered the basics of AI agents, building agents with Langflow and enhancing them with Composio, and using MCP with GitHub. The speaker encouraged audience questions and exploration of these concepts.
Desarrollo Frontend Potenciado por IA: Construyendo Mejores UIs Más Rápido
Productivity Conf for Devs and Tech LeadersProductivity Conf for Devs and Tech Leaders
19 min
Desarrollo Frontend Potenciado por IA: Construyendo Mejores UIs Más Rápido
Today's Talk introduces the use of large language models (LLMs) to enhance front-end development. LLMs can act like our brains by maximizing the good parts and minimizing the bad parts. A demo in Cursor, an IDE, showcases how LLMs can be used with the builder.io Figma plugin. The Talk emphasizes the automation of tasks, such as adding a settings button and resolving errors, with the AI agent. Feedback and manual verification are crucial to ensure desired results. Tests and continuous iteration are recommended for stronger guarantees of correctness. Monitoring and guiding the AI agents is important to stay on track. Connecting to other tools like Figma and using AI prompting can further enhance code generation. The CLI enables code base integration and parallel development. Visual prototyping and seamless updates are possible with the Builder tool. Overall, the Talk highlights how LLMs can revolutionize front-end development by automating tasks, improving efficiency, and facilitating collaboration.

Workshops on related topic

Cómo Crear una Aplicación Web de Manera (Casi) Autónoma Usando Clean Coder
Productivity Conf for Devs and Tech LeadersProductivity Conf for Devs and Tech Leaders
95 min
Cómo Crear una Aplicación Web de Manera (Casi) Autónoma Usando Clean Coder
Workshop
Grigorij Dudnik
Grigorij Dudnik
Imagina reemplazarte a ti mismo con un programador de IA multi-agente para desarrollar tu aplicación web de producción. Eso es exactamente lo que hicimos en mi startup takzyli.pl. Para lograr esto, diseñamos y utilizamos el Clean Coder - marco de agentes de IA para la escritura autónoma de código (https://github.com/GregorD1A1/Clean-Coder-AI), que es un proyecto de código abierto, con suerte. Si funcionó para nosotros, ¿por qué no debería funcionar para ti?En esta masterclass, te mostraré cómo crear una aplicación web completa de manera (casi) autónoma y reducir drásticamente el tiempo que tú o tus empleados pasan escribiendo código.
Test, Code, Repeat: Dominando el Desarrollo Asistido por AI
Productivity Conf for Devs and Tech LeadersProductivity Conf for Devs and Tech Leaders
53 min
Test, Code, Repeat: Dominando el Desarrollo Asistido por AI
Workshop
Marco Pierobon
Marco Pierobon
"Test, Code, Repeat: Dominando el Desarrollo Asistido por AI" introduce a los desarrolladores a una forma transformadora de codificación con AI como un socio colaborativo. Esta masterclass se centra en cómo los flujos de trabajo iterativos, como la técnica de emparejamiento ping pong, permiten una interacción mejorada entre la creatividad humana y la eficiencia de AI.