Lo que los líderes de ingeniería deben saber sobre DevRel (pero estaban demasiado ocupados para preguntar)

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

El campo de las relaciones con los desarrolladores o DevRel está aumentando rápidamente en popularidad, con roles para defensores de desarrolladores, evangelistas, gerentes de programas y directores que parecen aparecer en todas partes. Es posible que también tenga colegas que trabajen en este campo. DevRel es una disciplina única alineada con todas las partes del negocio, desde ingeniería y producto, hasta marketing e incluso ventas, y actúa como un puente entre la empresa y la comunidad de desarrolladores en general. Nuestros incentivos alineados con el liderazgo de ingeniería son especialmente evidentes en el hecho de que existimos para servir y permitir a las audiencias de desarrolladores, ya sean externas o internas.

Para los equipos de ingeniería, trabajar en estrecha colaboración con sus equipos de DevRel brinda una gran oportunidad para comprender mejor a sus audiencias de desarrolladores, elevar el perfil y las habilidades de sus colegas, y hacer que su empresa sea más atractiva para la contratación. Sin embargo, a pesar de que muchos equipos de DevRel son altamente técnicos, debido a la falta de enfoque percibida de DevRel, nuestros departamentos a menudo son descartados como "solo marketing" por parte de la ingeniería.

En esta charla responderé la pregunta de "qué hacen las personas de DevRel" y presentaré algunos enfoques sobre cómo DevRel e ingeniería pueden colaborar mejor y derribar barreras para beneficiar a todos, desde la empresa hasta la comunidad de desarrolladores en general.




This talk has been presented at TechLead Conference 2023, check out the latest edition of this Tech Conference.

FAQ

Un defensor del desarrollador es una persona que mejora la vida de los desarrolladores, facilitando su trabajo y haciendo que sean más productivos. Su rol incluye interactuar con desarrolladores, recoger sus comentarios, y ayudar a integrar estas percepciones dentro de la empresa para mejorar productos y servicios.

Las principales actividades incluyen hablar con ingenieros, recoger comentarios, posponer otras tareas para resolver problemas urgentes, y mantenerse actualizado sobre nuevas tecnologías como las APIs de Amazon AWS. Además, pueden involucrarse en la escritura de blogs, la realización de presentaciones y la participación en eventos tecnológicos para representar a la empresa.

El equipo de ingeniería puede colaborar con DevRel compartiendo información técnica, solicitando ayuda para redactar publicaciones técnicas o participar en eventos. DevRel actúa como un puente entre la empresa y la comunidad de desarrolladores, facilitando la comunicación y el intercambio de ideas.

En empresas que no se dirigen directamente a desarrolladores, DevRel ayuda a mantener y mejorar las habilidades de los equipos de desarrollo internos. Aseguran que los desarrolladores estén actualizados con las últimas tecnologías y mejores prácticas, lo cual es crucial para la innovación y eficiencia interna.

DevRel se centra en construir y mantener una relación sólida y auténtica con la comunidad de desarrolladores, mientras que marketing se enfoca más en la adquisición y retención de clientes a través de estrategias promocionales. Ingeniería, por otro lado, se concentra en el desarrollo y mantenimiento de productos. DevRel trabaja a menudo en la intersección de estos departamentos, utilizando habilidades técnicas y comunicativas para servir de enlace.

DevRel ayuda a elevar el perfil de la empresa participando activamente en conferencias, escribiendo sobre tecnologías emergentes y contribuyendo con contenido relevante en plataformas de la industria. Estas actividades no solo destacan la experiencia de la empresa, sino que también fomentan relaciones valiosas dentro de la comunidad de desarrolladores.

Zan Markan
Zan Markan
21 min
09 Mar, 2023

Comments

Sign in or register to post your comment.
Video Summary and Transcription
DevRel se trata de comprender a la audiencia y colaborar con diferentes departamentos. Los defensores de DevRel llenan las brechas entre ingeniería y marketing, brindan retroalimentación y se mantienen actualizados sobre las tendencias de la industria. DevRel ayuda a elevar el perfil de los equipos, ayuda con la edición y participación en podcasts, y tiene como objetivo hacer que los ingenieros tengan éxito. La colaboración es clave en DevRel.

1. Introducción a las Relaciones con Desarrolladores

Short description:

Hola a todos. En la conferencia de líderes tecnológicos. Es un gran placer estar aquí y compartir algunas cosas que sé o he aprendido en mi carrera sobre dev rel. El trabajo de Sally es mejorar la vida de los desarrolladores. Le encanta facilitarles la vida y hacer que los desarrolladores sean más productivos. Realmente encuentra alegría en ayudar a otros a hacer su mejor trabajo. Así que sí, hablando de trabajos, trabajo como defensor del desarrollador en CircleCI. Mi nombre es Zan o Zan como quieras pronunciarlo. Con sede en Londres. Y sí, me metí de lleno en las relaciones con desarrolladores, haciéndolo por dinero básicamente, hace unos seis años después de encontrar mi propia startup, ser desarrollador en una empresa, ser desarrollador en otra startup y simplemente adquirir nuevas habilidades a medida que avanzaba. Cuando trabajaba en una corporación, estábamos pasando por esta especie de transformación digital, que es un buen momento para experimentar con cosas nuevas, porque estas organizaciones tienden a tener mucha capacidad para permitirte experimentar.

Hola a todos. En la conferencia de líderes tecnológicos. Es un gran placer estar aquí y compartir algunas cosas que sé o he aprendido en mi career sobre dev rel.

Lo primero que voy a compartir es una pequeña historia o un ejercicio de reflexión. Básicamente, tenemos a dos personas, Sally y Ben. Una es una defensora del desarrollador, la otra es una gerente de ingeniería, y es tu trabajo identificar quién es quién. Entonces, el trabajo de Sally es mejorar la vida de los desarrolladores. Le encanta facilitarles la vida y hacer que los desarrolladores sean más productivos. Realmente encuentra alegría en ayudar a otros a hacer su mejor trabajo. Trabaja en un entorno realmente dinámico, donde ninguno de sus dos días es realmente igual. Así que tal vez el lunes, está hablando con varios ingenieros de plataforma e infraestructura de manera individual, obteniendo comentarios de ellos, aprendiendo sobre sus problemas, ayudándolos si puede. El martes, se supone que debe hacer una presentación para un grupo de interesados, para un gran grupo de personas. Y, se ve arrastrada a apagar incendios en su lugar. Básicamente, pospone lo que debía hacer el miércoles, como escribir una publicación de blog para la empresa. Así que eso obviamente se pospone, y el viernes no sabe dónde ha ido la semana, y no tiene oportunidad de aprender sobre las nuevas APIs que Amazon AWS acaba de lanzar o anunciar. Así que sí, esa es Sally. ¿Qué crees que es? ¿Defensora del desarrollador o gerente de ingeniería? Te ayudaré un poco, porque te diré qué hace Ben. Entonces, Ben es un defensor del desarrollador. Así que sí, si pensaste que Sally era una defensora del desarrollador, obviamente porque te atraje hacia esa dirección. Si sabías a dónde iba, felicidades para ti. Soy tan bueno construyendo suspense. De todos modos, escribí de esa manera a propósito, solo para hacerte pensar que nuestros trabajos, defensor del desarrollador aquí, líderes tecnológicos, gerentes allá, podrían ser muy similares. Y lo son. De eso trata esta charla.

Así que sí, hablando de trabajos, trabajo como defensor del desarrollador en CircleCI. Mi nombre es Zan o Zan como quieras pronunciarlo. Con sede en Londres. Y sí, me metí de lleno en las relaciones con desarrolladores, haciéndolo por dinero básicamente, hace unos seis años después de encontrar mi propia startup, ser desarrollador en una enterprise, ser desarrollador en otra startup y simplemente adquirir nuevas habilidades a medida que avanzaba. Así que cuando tenía mi startup, estaba haciendo mucho desarrollo de productos, estaba haciendo mucho manejo de interesados como se hace, todo el marketing, todo, realmente, porque las pequeñas startups, en fin. Cuando trabajaba en una corporación, estábamos pasando por esta especie de transformación digital, que es un buen momento para experimentar con cosas nuevas, porque estas organizaciones tienden a tener mucha capacidad para permitirte experimentar.

2. Transición a las Relaciones con Desarrolladores

Short description:

Comencé un programa de bootcamp para abordar la falta de habilidades en los graduados. Recluté ingenieros senior, escribí blogs y hablé en eventos. La transición a las relaciones con desarrolladores fue fácil, pero tuve que demostrar mi valía a algunos colegas. Confía en tus equipos de DevRel y colabora con ellos.

Sí, descubrí que había una clara falta de habilidades en los graduados que ingresaban a nuestro programa de graduados, así que comencé este programa de bootcamp para ellos, donde podían aprender en sesiones prácticas, talleres prácticos sobre cosas como git, dominio de la línea de comandos como Bash y cosas de POSIX, desarrollo guiado por pruebas, etc.

También recluté a varios ingenieros senior de la empresa para que vinieran y ayudaran, y también comencé a escribir blogs y a hablar en eventos, meetups y conferencias en Europa y el Reino Unido, y un par de años después, cuando trabajaba en una startup en el espacio de herramientas para desarrolladores, tuvimos una vacante para defensores o evangelistas de desarrolladores, y lo acepté, y fue una transición muy, muy fácil.

También descubrí algo, que los ingenieros que me conocían como ingeniero anteriormente, ellos interactuaban conmigo de una manera completamente diferente. Me veían como uno de sus pares, mientras que los ingenieros y líderes de ingeniería que llegaron después de que me trasladé a las relaciones con desarrolladores, no me veían exactamente como un par, y tuve que demostrar mucho más mi valía ante ellos. Y esa es parte de la razón por la que estoy dando esta charla hoy, para darte esta idea de por qué y cómo debes confiar en tus equipos de DevRel, ellos son tus pares, y sí, cómo puedes colaborar mejor con ellos.

3. Understanding the Audience and Internal Placement

Short description:

DevRel se trata de comprender la audiencia de tu empresa. En mi caso, en CircleCI, nuestros usuarios son desarrolladores de diversos antecedentes técnicos. DevRel comenzó trayendo comentarios e ideas de la comunidad de desarrolladores a la empresa. Hay diferentes tipos de empresas, incluyendo aquellas que proporcionan APIs o SDKs para que los desarrolladores se integren con sus herramientas. Algunas empresas tienen equipos internos que necesitan mejorar sus habilidades y mantenerse actualizados con las últimas tecnologías. DevRel se asegura de que todos estén en la misma página y puedan contribuir al máximo de sus capacidades. Los equipos de DevRel pueden estar en diferentes departamentos, como marketing e ingeniería de productos.

Entonces, con DevRel, al igual que con todo, se trata de las personas que tienes en la audiencia. ¿Cuál es la audiencia de tu empresa? ¿A quién se dirige tu empresa? ¿Podría ser que tu empresa se dirige a los desarrolladores? En mi caso, trabajo para CircleCI, somos una plataforma de CI/CD. Nuestros clientes, nuestros usuarios son todos desarrolladores, desde ingenieros de plataforma hasta ingenieros de infraestructura hasta ingenieros de desarrollo y equipos de desarrollo. Todos son desarrolladores, todos son técnicos. Y es muy obvio ver que, obviamente, personas como yo que traen comentarios, traen ideas de la comunidad de desarrolladores de vuelta a la empresa, tienden a ser escuchadas con frecuencia, y así es como DevRel realmente comenzó en este tipo de empresas. Luego tienes diferentes tipos de empresas que son como desarrolladores adyacentes o desarrolladores plus, donde pueden tener un aspecto, como una API o un SDK que proporcionan a sus clientes que no necesariamente son desarrolladores, pero los desarrolladores pueden usarlo para integrarse con sus herramientas, sus productos, y demás para ampliar su funcionalidad, y ese es el objetivo del equipo de relaciones con desarrolladores. Es como una porción mucho más pequeña de todo el pastel. El último grupo de empresas, probablemente el más grande de todos, por cierto, son empresas que realmente no trabajan con desarrolladores externos porque solo tienen equipos internos y realmente no venden productos para desarrolladores. No tienen una API que consideren un producto, pero aún pueden tener cientos, si no miles de desarrolladores propios. Pero necesitan mejorar sus habilidades, necesitan mantenerse actualizados con las últimas tecnologías, y ahí es donde entran las relaciones con desarrolladores, asegurándose de que todos estén en la misma página y todos puedan contribuir al máximo de sus capacidades. Ahí es donde estamos con la audiencia, pero también podemos ver DevRel desde donde estamos dentro de la empresa. Podemos estar en muchos departamentos diferentes, desde marketing, ingeniería de productos, menos ventas solo porque los incentivos son un poco diferentes con las ventas y sus objetivos de venta en comparación con nuestros objetivos de involucrar a las comunidades de desarrolladores de una manera más auténtica.

4. Collaboración y Valor con DevRel

Short description:

En marketing, construimos conciencia de marca, interactuamos con los usuarios y llevamos comentarios a nuestros equipos. La gestión de productos garantiza el mejor ajuste para los usuarios, una ideación rápida y comentarios a través de la investigación de usuarios. La ingeniería implica el desarrollo y mantenimiento de APIs y la contratación de personal. DevRel actúa como enlace entre las comunidades de desarrolladores y la empresa, trabajando en un horario agitado y priorizando sin piedad. El liderazgo tecnológico y el liderazgo en ingeniería son dos caras de la misma moneda. Exploraremos áreas de colaboración y valor con DevRel.

Yo, personalmente, trabajo en marketing, así que voy a comenzar con esto. Esta es una de nuestras cabinas en uno de nuestros eventos, lo que hacemos es construir la marca. Creamos conciencia. Estamos en la cabina, hablamos con las personas que vienen a conocernos, aprendemos qué tipo de herramientas utilizan, etc. También doy charlas, también doy talleres, participo en podcasts, escribo publicaciones de blog, escribo tutoriales, etc. Muchas cosas están orientadas a la adquisición de usuarios, la participación de usuarios, llevar comentarios de las comunidades de vuelta a nuestros equipos, desde nuestro equipo de marketing.

Por ejemplo, hay una nueva tecnología sobre la que necesitamos escribir, hay una nueva forma de pensar que necesitamos adoptar, o incluso toda la organización realmente. También somos un terreno de prueba para ideas en el equipo de marketing. Alguien puede venir y decir, oye, tengo esta idea. ¿Crees que funcionará? Y decir, sí. Podrías hacerlo aún mejor si lo redactas de manera ligeramente diferente, lo abordas mejor, te conectas mejor con tu audiencia, ese tipo de cosas que podemos hacer porque estamos trabajando en cosas de ingeniería en el equipo de marketing. Así que estamos más cerca de ellos.

El producto es bastante obvio. Quieres asegurarte de que lo que llega a los usuarios sea lo mejor para los propios usuarios. Así que ayudamos con la ideación rápida y la obtención de comentarios. Ya sea prototipando nosotros mismos, yendo a los propios usuarios, demostrando cosas y obteniendo esos comentarios para actuar de inmediato, ese tipo de cosas a través de la investigación de usuarios, a través de entrevistas, etc. Eso podría ser gestión de productos. Nuevamente, muchos documentos, mucho contenido, probablemente se escribirá. Y ese es el hilo común aquí, que es el contenido. Y con contenido no me refiero solo a lo escrito, puede ser videos, charlas, podcasts, muchas formas de crear contenido.

Y luego tenemos la ingeniería. Obviamente, habrá algo de desarrollo involucrado, puede haber algún desarrollo involucrado, como tener una API que alguien necesita mantener, alguien necesita escribir para ejecutar la comunidad de GitHub de código abierto que tenemos, administrar a todos los colaboradores, ese tipo de cosas que ocurren dentro de la ingeniería. También hay contratación de personal, obviamente quieres que alguien hable con las audiencias en varios eventos, etc., y actúe como enlace. Y eso es lo que a veces hacen las personas de DevRel. En algunos casos, no muy a menudo, no muchas veces, pero de todos modos, hemos establecido que DevRel es muchas cosas para muchas empresas, muchas personas diferentes. Las técnicas cambian, los enfoques cambian, las tácticas, las estrategias, cambian, pero el objetivo principal es el mismo, estamos allí para actuar como enlace entre las comunidades de desarrolladores, presentamos la empresa a las comunidades de desarrolladores, presentamos las comunidades de desarrolladores a la empresa, y sí, trabajamos en un horario muy agitado, no hay dos días iguales, necesitamos priorizar sin piedad, tenemos que lidiar con un montón de partes interesadas, y sí, en realidad suena como liderazgo tecnológico, para ser honesto, volviendo a mi historia original, siempre hay muchas cosas, pero también lo es la ingeniería, y especialmente el liderazgo en ingeniería, estás trabajando en este horario extraño, las personas son mucho más importantes que los resultados técnicos puros, y sí, somos dos caras de la misma moneda, se podría decir. Ese es el único gif que tenía, por cierto. De todos modos, veamos ejemplos. En esta parte de la charla, voy a hablar sobre algunas áreas en las que podrías colaborar con DevRel, donde podrías obtener el máximo valor de nosotros, y viceversa, donde podrías proporcionar el mayor valor al equipo de DevRel. Así que sí, pongámonos técnicos, porque créeme, somos técnicos.

5. El Rol de los Defensores de Desarrolladores

Short description:

Somos técnicos y podemos tener conversaciones sobre cualquier tecnología. Construimos puentes entre diferentes áreas, como ingeniería y marketing. Conectamos personas, brindamos retroalimentación y recopilamos información de la comunidad. Podemos probar nuevos productos y proporcionar retroalimentación antes de su lanzamiento. También nos mantenemos actualizados sobre las tendencias de la industria.

No todos somos ingenieros. Personalmente, tengo formación en ingeniería. Muchos defensores de desarrolladores también tienen formación en ingeniería, pero muchos otros no. Y eso está completamente bien, porque nuestro trabajo es esencialmente poder tener una conversación técnica con las personas, pero no necesitamos escribir código a diario.

Entonces sí, somos técnicos. Puedo tener una conversación sobre cualquier tecnología que desees. También puedo ayudarte a simplificarla para una audiencia ligeramente menos técnica o un poco más técnica o una audiencia diferente. De todos modos, eso es en lo que somos realmente buenos. Y sí, también podrías decir que estamos construyendo puentes. Así que construyendo puentes entre áreas.

Por ejemplo, tú estás en ingeniería, yo estoy en marketing. Quieres saber cómo funcionan las cosas. Quieres cambiar algo en el sitio web que viste, puedo ponerte en contacto con la persona correcta. O quieres que alguien escriba una publicación de blog sobre una tecnología, tal vez para contratar personal. Puedo ponerte en contacto con la persona adecuada o puedo ayudarte a escribirla. Eso está completamente bien. Eso es lo que hacemos al construir puentes. También obviamente el puente de la community. Quieres saber lo que la gente realmente está diciendo sobre tu producto. Quieres saber de qué están hablando en las calles, en los pasillos de las conferencias o en las salas de reuniones de los grupos de usuarios o como quieras llamarlo. Podemos proporcionarte eso porque estamos ahí fuera.

También podemos probar las cosas por nosotros mismos. Si tienes una versión previa de una API que estás construyendo o un producto que estamos construyendo, con gusto lo probaremos primero, te daremos algunos comentarios, te diremos: `Oye, tu documentación tiene algunas cosas que faltan aquí, algunas cosas allá`. Estas cosas están mal, estas cosas están desactualizadas. Porque obviamente, si las detectamos antes que la community, no tenemos que lidiar con ello. Así que sí, se trata de obtener esa retroalimentación de las calles y de las personas que realmente lo usan. Y no solo a nivel de base, sino también a nivel de la industria. Podemos proporcionarte retroalimentación sobre las nuevas tendencias que estamos viendo en la industria. Eso es lo que hacemos en marketing, por ejemplo. Si decimos: `Oh, la ingeniería de plataformas ha sido una tendencia en los últimos dos o tres años`.

6. El Rol de DevRel

Short description:

DevRel ayuda a abordar nuevas API de IA y elevar el perfil de tu equipo. Ayudamos con la edición, destilando ideas y llevándote a podcasts. Nuestro objetivo es hacer que los ingenieros y desarrolladores tengan éxito, al igual que el liderazgo en ingeniería. La colaboración es clave. Siéntete libre de hacer preguntas en la sesión de preguntas y respuestas.

Ha estado creciendo constantemente. Tal vez podríamos hablar de ello. Podríamos ver cómo estamos abordando a esta audiencia. Y para ti, tal vez sea como, oh, hay nuevas API de IA que salen a diario. ¿Podríamos usarlas de alguna manera? Tal vez investiguemos un poco. Veamos. Hagamos algo. Te digo, antes de que algo llegue a este nivel de conocimiento público, como las herramientas de IA hoy en día, ha habido personas escribiendo publicaciones de blog, dando charlas en conferencias sobre ellas durante uno o dos años. Y eso es constantemente una tendencia.

Y por último, podemos ayudarte a elevar el perfil de tu equipo. Tu perfil personal, como ingeniero o líder, o el de tu equipo. Por ejemplo, si quieres contratar más personas, quieres que tu cara se vea, ¿verdad? Ya sea hablando en una reunión, presentando una charla en una conferencia o escribiendo una publicación de blog, podemos ayudarte a editarlo, podemos ayudarte a destilar la idea para que se lea mejor. Podemos ayudarte a participar en un podcast, por ejemplo, porque probablemente tengamos colegas haciendo algo similar. Podemos ayudarte a escribir resúmenes para conferencias, reuniones, etc. Así que todo tipo de cosas para que tú y tu equipo se den a conocer mejor. Y siendo honesto, si alguien está dando una charla en nuestro nombre como organización, estás haciendo mi trabajo. Y te estaré agradecido por ello. Si necesito asistir a algunas pruebas y leer algunos resúmenes, sí, aceptaré gustosamente ese intercambio.

En resumen, hemos establecido lo que realmente es DevRel, al menos para mí y para algunas organizaciones diferentes. Es muchas cosas, hacemos un montón de cosas. De todos modos, tenemos varios enfoques. Pero nuestro objetivo esencialmente es hacer que los ingenieros y desarrolladores tengan éxito, exactamente como el liderazgo en ingeniería. Un equipo exitoso, un equipo más productivo, tú eres más exitoso. Así que en eso somos prácticamente iguales, en alineación. Y hemos establecido algunas formas y medios para establecer la colaboración. Y eso es todo lo que tengo tiempo por el momento. Pero te invito a que me hagas más preguntas en la sesión de preguntas y respuestas. Estaré en el chat durante media hora más o menos. Muchas gracias. Espero que lo hayas disfrutado. Que tengas un buen día. Y espero escuchar algunas preguntas.

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

Depuración de JS
React Summit 2023React Summit 2023
24 min
Depuración de JS
Top Content
Debugging JavaScript is a crucial skill that is often overlooked in the industry. It is important to understand the problem, reproduce the issue, and identify the root cause. Having a variety of debugging tools and techniques, such as console methods and graphical debuggers, is beneficial. Replay is a time-traveling debugger for JavaScript that allows users to record and inspect bugs. It works with Redux, plain React, and even minified code with the help of source maps.
Un Marco para Gestionar la Deuda Técnica
TechLead Conference 2023TechLead Conference 2023
35 min
Un Marco para Gestionar la Deuda Técnica
Top ContentPremium
Today's Talk discusses the importance of managing technical debt through refactoring practices, prioritization, and planning. Successful refactoring requires establishing guidelines, maintaining an inventory, and implementing a process. Celebrating success and ensuring resilience are key to building a strong refactoring culture. Visibility, support, and transparent communication are crucial for addressing technical debt effectively. The team's responsibilities, operating style, and availability should be transparent to product managers.
Construyendo un Asistente AI Activado por Voz con Javascript
JSNation 2023JSNation 2023
21 min
Construyendo un Asistente AI Activado por Voz con Javascript
Top Content
This Talk discusses building a voice-activated AI assistant using web APIs and JavaScript. It covers using the Web Speech API for speech recognition and the speech synthesis API for text to speech. The speaker demonstrates how to communicate with the Open AI API and handle the response. The Talk also explores enabling speech recognition and addressing the user. The speaker concludes by mentioning the possibility of creating a product out of the project and using Tauri for native desktop-like experiences.
Remix Flat Routes – Una Evolución en el Enrutamiento
Remix Conf Europe 2022Remix Conf Europe 2022
16 min
Remix Flat Routes – Una Evolución en el Enrutamiento
Top Content
Remix Flat Routes is a new convention that aims to make it easier to see and organize the routes in your app. It allows for the co-location of support files with routes, decreases refactor and redesign friction, and helps apps migrate to Remix. Flat Folders convention supports co-location and allows importing assets as relative imports. To migrate existing apps to Flat Routes, use the Remix Flat Routes package's migration tool.
Una Guía Práctica para Migrar a Componentes de Servidor
React Advanced 2023React Advanced 2023
28 min
Una Guía Práctica para Migrar a Componentes de Servidor
Top Content
React query version five is live and we'll be discussing the migration process to server components using Next.js and React Query. The process involves planning, preparing, and setting up server components, migrating pages, adding layouts, and moving components to the server. We'll also explore the benefits of server components such as reducing JavaScript shipping, enabling powerful caching, and leveraging the features of the app router. Additionally, we'll cover topics like handling authentication, rendering in server components, and the impact on server load and costs.
Solucionando Problemas de Rendimiento en React
React Advanced 2023React Advanced 2023
22 min
Solucionando Problemas de Rendimiento en React
Top Content
This Talk discusses various strategies to improve React performance, including lazy loading iframes, analyzing and optimizing bundles, fixing barrel exports and tree shaking, removing dead code, and caching expensive computations. The speaker shares their experience in identifying and addressing performance issues in a real-world application. They also highlight the importance of regularly auditing webpack and bundle analyzers, using tools like Knip to find unused code, and contributing improvements to open source libraries.

Workshops on related topic

Construyendo una Aplicación de Shopify con React & Node
React Summit Remote Edition 2021React Summit Remote Edition 2021
87 min
Construyendo una Aplicación de Shopify con React & Node
Top Content
Workshop
Jennifer Gray
Hanna Chen
2 authors
Los comerciantes de Shopify tienen un conjunto diverso de necesidades, y los desarrolladores tienen una oportunidad única para satisfacer esas necesidades construyendo aplicaciones. Construir una aplicación puede ser un trabajo duro, pero Shopify ha creado un conjunto de herramientas y recursos para ayudarte a construir una experiencia de aplicación sin problemas lo más rápido posible. Obtén experiencia práctica construyendo una aplicación integrada de Shopify utilizando el CLI de la aplicación Shopify, Polaris y Shopify App Bridge.Te mostraremos cómo crear una aplicación que acceda a la información de una tienda de desarrollo y pueda ejecutarse en tu entorno local.
Construye una sala de chat con Appwrite y React
JSNation 2022JSNation 2022
41 min
Construye una sala de chat con Appwrite y React
Workshop
Wess Cope
Wess Cope
Las API/Backends son difíciles y necesitamos websockets. Utilizarás VS Code como tu editor, Parcel.js, Chakra-ui, React, React Icons y Appwrite. Al final de este masterclass, tendrás los conocimientos para construir una aplicación en tiempo real utilizando Appwrite y sin necesidad de desarrollar una API. ¡Sigue los pasos y tendrás una increíble aplicación de chat para presumir!
Problemas difíciles de GraphQL en Shopify
GraphQL Galaxy 2021GraphQL Galaxy 2021
164 min
Problemas difíciles de GraphQL en Shopify
Workshop
Rebecca Friedman
Jonathan Baker
Alex Ackerman
Théo Ben Hassen
 Greg MacWilliam
5 authors
En Shopify a gran escala, resolvemos algunos problemas bastante difíciles. En este masterclass, cinco oradores diferentes describirán algunos de los desafíos que hemos enfrentado y cómo los hemos superado.

Tabla de contenidos:
1 - El infame problema "N+1": Jonathan Baker - Vamos a hablar sobre qué es, por qué es un problema y cómo Shopify lo maneja a gran escala en varios APIs de GraphQL.
2 - Contextualizando APIs de GraphQL: Alex Ackerman - Cómo y por qué decidimos usar directivas. Compartiré qué son las directivas, qué directivas están disponibles de forma predeterminada y cómo crear directivas personalizadas.
3 - Consultas de GraphQL más rápidas para clientes móviles: Theo Ben Hassen - A medida que tu aplicación móvil crece, también lo harán tus consultas de GraphQL. En esta charla, repasaré diversas estrategias para hacer que tus consultas sean más rápidas y efectivas.
4 - Construyendo el producto del futuro hoy: Greg MacWilliam - Cómo Shopify adopta las características futuras en el código actual.
5 - Gestión efectiva de APIs grandes: Rebecca Friedman - Tenemos miles de desarrolladores en Shopify. Veamos cómo estamos asegurando la calidad y consistencia de nuestras APIs de GraphQL con tantos colaboradores.
Construye Aplicaciones Modernas Utilizando GraphQL y Javascript
Node Congress 2024Node Congress 2024
152 min
Construye Aplicaciones Modernas Utilizando GraphQL y Javascript
Workshop
Emanuel Scirlet
Miguel Henriques
2 authors
Ven y aprende cómo puedes potenciar tus aplicaciones modernas y seguras utilizando GraphQL y Javascript. En este masterclass construiremos una API de GraphQL y demostraremos los beneficios del lenguaje de consulta para APIs y los casos de uso para los que es adecuado. Se requiere conocimiento básico de Javascript.
Masterclass: Integrando LangChain con JavaScript para Desarrolladores Web
React Summit 2024React Summit 2024
92 min
Masterclass: Integrando LangChain con JavaScript para Desarrolladores Web
WorkshopFree
Vivek Nayyar
Vivek Nayyar
Sumérgete en el mundo de la IA con nuestro masterclass interactivo diseñado específicamente para desarrolladores web. "Masterclass: Integrando LangChain con JavaScript para Desarrolladores Web" ofrece una oportunidad única para cerrar la brecha entre la IA y el desarrollo web. A pesar de la prominencia de Python en el desarrollo de IA, el vasto potencial de JavaScript sigue siendo en gran medida inexplorado. Este masterclass tiene como objetivo cambiar eso.A lo largo de esta sesión práctica, los participantes aprenderán cómo aprovechar LangChain, una herramienta diseñada para hacer que los modelos de lenguaje grandes sean más accesibles y útiles, para construir agentes de IA dinámicos directamente dentro de entornos JavaScript. Este enfoque abre nuevas posibilidades para mejorar las aplicaciones web con funciones inteligentes, desde el soporte al cliente automatizado hasta la generación de contenido y más.Comenzaremos con los conceptos básicos de LangChain y los modelos de IA, asegurando una base sólida incluso para aquellos nuevos en IA. A partir de ahí, nos sumergiremos en ejercicios prácticos que demuestran cómo integrar estas tecnologías en proyectos reales de JavaScript. Los participantes trabajarán en ejemplos, enfrentando y superando los desafíos de hacer que la IA funcione sin problemas en la web.Este masterclass es más que una experiencia de aprendizaje; es una oportunidad de estar a la vanguardia de un campo emergente. Al final, los asistentes no solo habrán adquirido habilidades valiosas, sino que también habrán creado funciones mejoradas con IA que podrán llevar a sus proyectos o lugares de trabajo.Ya seas un desarrollador web experimentado curioso acerca de la IA o estés buscando expandir tus habilidades en áreas nuevas y emocionantes, "Masterclass: Integrando LangChain con JavaScript para Desarrolladores Web" es tu puerta de entrada al futuro del desarrollo web. Únete a nosotros para desbloquear el potencial de la IA en tus proyectos web, haciéndolos más inteligentes, interactivos y atractivos para los usuarios.
De 0 a Autenticación en una Hora para tu Aplicación JavaScript
JSNation 2023JSNation 2023
57 min
De 0 a Autenticación en una Hora para tu Aplicación JavaScript
WorkshopFree
Asaf Shen
Asaf Shen
La autenticación sin contraseña puede parecer compleja, pero es fácil de agregar a cualquier aplicación utilizando la herramienta adecuada.
Mejoraremos una aplicación JS de pila completa (backend Node.js + frontend Vanilla JS) para autenticar usuarios con contraseñas de un solo uso (correo electrónico) y OAuth, incluyendo:
- Autenticación de usuario: Gestión de interacciones de usuario, devolución de JWT de sesión / actualización- Gestión y validación de sesiones: Almacenamiento seguro de la sesión para solicitudes posteriores del cliente, validación / actualización de sesiones
Al final del masterclass, también abordaremos otro enfoque para la autenticación de código utilizando Flujos de Descope en el frontend (flujos de arrastrar y soltar), manteniendo solo la validación de sesión en el backend. Con esto, también mostraremos lo fácil que es habilitar la biometría y otros métodos de autenticación sin contraseña.