¿El Techo Está en Llamas?

This ad is not shown to multipass and full ticket holders
JSNation US
JSNation US 2025
November 17 - 20, 2025
New York, US & Online
See JS stars in the US biggest planetarium
Learn More
In partnership with Focus Reactive
Upcoming event
JSNation US 2025
JSNation US 2025
November 17 - 20, 2025. New York, US & Online
Learn more
Bookmark
Rate this content

Los devastadores incendios forestales que asolaron Europa en 2023, quemando un área del tamaño de Londres, destacan la urgente necesidad de mejorar los sistemas de detección y reporte de incendios a gran escala. 

En esta charla, exploraremos cómo JavaScript y la electrónica ampliamente disponible pueden combinarse para crear un sistema de detección de incendios inalámbrico, económico y efectivo. Desplegaremos este sistema en un bosque salvaje en Grecia y utilizaremos modelos de AI para predecir dónde podría iniciarse el próximo incendio.

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

Theodore Vorillas
Theodore Vorillas
18 min
21 Nov, 2024

Comments

Sign in or register to post your comment.
Video Summary and Transcription
Hola. Soy Teodor, un desarrollador web que está construyendo Proxima, una plataforma de análisis de código abierto. En junio de 2021, un incendio forestal arrasó una gran área cerca de mi casa en Atenas. Tuve la idea de construir un dispositivo de bajo costo, abierto y accesible para monitorear y alertar a las autoridades sobre brotes de incendios. JavaScript es impulsado por eventos y es perfecto para aplicaciones IoT. DeviceScript es un marco versátil para escribir código dirigido a placas de desarrollo IoT. Podemos expandir la funcionalidad del dispositivo agregando sensores para temperatura, humedad, gas y llamas. Podemos establecer una red de malla usando Painless Mess para una cobertura más amplia. LoRa se puede usar para configuraciones de emergencia fuera de la red. Las técnicas de AI y ML se pueden aplicar para pronosticar fallos y ejecutar inferencias en el dispositivo. El sensor de gas VALS BME 688 puede mejorar la precisión de la detección. El equipo de USC está trabajando en un modelo para predecir áreas de alto peligro de incendios forestales. La innovación prospera en la intersección de ideas y tecnología.
Available in English: The Roof Is on Fire?

1. Introduction to Fire Monitoring Device

Short description:

Hola. Soy Teodor, un desarrollador web que está construyendo Proxima, una plataforma de análisis de código abierto. En junio de 2021, un incendio forestal arrasó una gran área cerca de mi casa en Atenas. La razón principal detrás de tal desastre es nuestra falta de comprensión de cómo funcionan los incendios. Tuve la idea de construir un dispositivo de bajo costo, abierto y accesible para monitorear y alertar a las autoridades sobre brotes de incendios. El primer componente esencial para el prototipo es un microcontrolador como el ESP32. Podemos escribir código en C/C++ o en lenguajes de alto nivel como Python o Node.js.

Hola. Espero que estén disfrutando de la conferencia hasta ahora. Mi nombre es Teodor. Soy un desarrollador web que está construyendo Proxima, una plataforma de análisis de código abierto. Durante mi tiempo libre, también disfruto construyendo cosas y experimentando mucho con diferentes tecnologías. Y a través de mis charlas, realmente me gusta contar historias.

Nuestra historia comienza en junio de 2021, cuando un incendio forestal arrasó una gran área cerca de mi casa en Atenas. Desde 2021, los incendios forestales han quemado tres veces el área de la ciudad de Nueva York. Y eso es solo para Grecia. Por cierto, la razón principal detrás de tal desastre es que no podemos entender realmente cómo funcionan los incendios. Aunque son un fenómeno natural y parte de algunos ecosistemas, están cada vez más fuera de control debido a la actividad humana y al cambio climático. Pueden propagarse muy rápidamente. Y una vez que alcanzan un punto crítico, son casi imparables. Además, sus fuentes son impredecibles, desde cigarrillos hasta tormentas eléctricas y tareas agrícolas. Por lo tanto, la respuesta inmediata es crucial, y alertar y desplegar unidades aéreas o terrestres es la única forma de evitar el desastre.

Hace unos meses, tuve la idea de construir un dispositivo que pudiera monitorear un área y alertar a las autoridades si se inicia un incendio. Para hacerlo, necesitamos establecer algunas reglas básicas para el primer prototipo. Así que nuestro dispositivo debe ser de bajo costo porque necesitamos cubrir grandes áreas y necesitamos muchos de ellos. Debe ser tan abierto y accesible como sea posible para que podamos permitir que las personas los construyan y desplieguen en la naturaleza. Cuando se trata de prototipar un dispositivo IoT, el primer componente esencial que necesitarás es un microcontrolador, el cerebro y corazón de nuestro sistema. Puede que estés familiarizado con el término y algunas opciones populares como el Raspberry Pi o Arduino. Nuestra elección es el ESP32, un controlador de bajo costo, bajo consumo que ofrece capacidades de Bluetooth de baja energía y Wi-Fi de serie. Desarrollar en hardware de gama baja requiere obviamente escribir código utilizando los fundamentos básicos del dispositivo. Podemos escribir código en C o C++ usando el Arduino IDE o usar lenguajes de alto nivel como Python o Node.js.

2. JavaScript for Microcontrollers

Short description:

Podemos usar el mismo código para diferentes dispositivos o plataformas. JavaScript es orientado a eventos y perfecto para aplicaciones IoT. DeviceScript es un marco versátil para escribir código dirigido a placas de desarrollo IoT. Tiene APIs integradas, gran soporte para VS Code y funciona con Platform.IO. Déjame mostrarte un prototipo de hardware simple. Tenemos una placa prototipo y una pequeña placa de desarrollo con pines para extender la funcionalidad. El código es simple, usando identificadores para componentes y APIs centrales para inicializar y responder a eventos. El controlador entiende los cambios de voltaje como señales digitales.

Hay una gran ventaja porque podemos usar el mismo código para diferentes dispositivos o incluso plataformas. Podemos ejecutar JavaScript, compilar un código y ejecutarlo en diferentes dispositivos, pero hay más. Hablemos un poco más sobre JavaScript. Usar JavaScript para microcontroladores puede sonar un poco complicado pero vale totalmente la pena. Por diseño, es orientado a eventos y la mayoría de las aplicaciones IoT son basadas en eventos. La placa en sí es básica pero podemos adjuntar componentes adicionales, por lo que escuchar presiones de botones o lecturas de sensores es realmente basado en eventos. JavaScript también tiene un gran registro de bibliotecas que podemos usar para interactuar con las APIs centrales de la placa o incluso mezclar y combinar tecnologías como emparejar la placa con un navegador o aplicaciones móviles. Y hay muchos grandes marcos que lo hacen aún más fácil como Johnny-5, Scilor, Nesprino y así sucesivamente.

Nuestra elección, sin embargo, es DeviceScript, un marco realmente versátil desarrollado por Microsoft. DeviceScript es un marco orientado a TypeScript que nos permite escribir código dirigido a diferentes placas de desarrollo IoT. Tiene un gran soporte para VS Code y funciona junto con Platform.IO, la opción preferida para el desarrollo de software embebido. También soporta simulación y depuración desde VS Code para prototipar y finalmente tiene muchas APIs integradas para sensores, componentes adicionales así como protocolos de comunicación.

Ahora, si no tienes experiencia con electrónica, no te preocupes, cubriremos solo lo básico. Así que déjame mostrarte lo que tengo aquí. Así que este es el hola mundo del prototipado de hardware. Es un simple LED parpadeando encendido y apagado cuando se presiona un botón. También hay una batería, una resistencia y algunos cables para conectarlos juntos. Esta es una placa prototipo que nos permite juntar rápidamente todos los componentes. Y solo para darte una perspectiva, esta es también la placa de desarrollo. Como puedes ver, es extremadamente pequeña. La placa en sí tiene algunos pines a la derecha y a la izquierda que nos permiten extender su funcionalidad y adjuntar componentes adicionales. También tiene aquí un conector USB para conectarlo a nuestro sistema de desarrollo y programar directamente y en la parte inferior también tiene conexiones para batería y componentes adicionales también. Así que podemos tomar el hola mundo de la placa prototipo y moverlo a nuestra placa de desarrollo. El código es bastante simple, solo unas pocas líneas. Los pines de la placa están etiquetados con identificadores como T3 para el LED y T10 para el botón. Las etiquetas tienen algún tipo de semántica, por lo que D significa pines de Entrada y Salida Digital. Usando las APIs centrales de start light bulb y start button de device script, podemos inicializar los componentes y suscribirnos a eventos como presiones de botones. Una vez que se detecta una presión de botón, podemos encender el LED. Aunque el ejemplo anterior es un buen comienzo, también nos muestra cómo funcionan más o menos los electrónicos. El controlador solo puede entender cambios de voltaje como señales digitales.

3. Expanding Device Functionality and Network

Short description:

Un evento físico se traduce en un cambio de voltaje. Podemos añadir el sensor AEST20 para detectar temperatura y humedad. Al conectar un sensor de gas y de llama, podemos detectar incendios forestales. Los sensores están conectados a los pines seriales de la placa y se verifican cada cinco segundos. Para cubrir un área más grande, establecemos una red de malla usando Painless Mess. Las puertas de enlace se conectan a la red más amplia y retransmiten mensajes. Los dispositivos desplegados son alimentados por energía solar y pueden ser desplegados en áreas remotas.

Un evento físico como presionar un botón o girar una perilla se traduce en un cambio de voltaje que el controlador puede entender y actuar en consecuencia. Basado en ese principio, también podemos añadir componentes adicionales. Así que en nuestro dispositivo he decidido avanzar con el sensor AEST20. Es un sensor de temperatura y humedad desarrollado por Idafruit Industries. El device script tiene un controlador incorporado para él, por lo que podemos inicializarlo y leer los valores. También podemos usar la API de programación para leer los valores cada cinco segundos y registrar.

El sensor funciona midiendo cambios en la humedad y temperatura del aire. En el mismo principio, podemos comenzar a detectar incendios forestales conectando un sensor de gas y un sensor de llama. Así que aquí, como este componente aquí, es el sensor de llama. Es un componente realmente simple que puede detectar si hay una llama cerca leyendo los cambios infrarrojos usando el cambios infrarrojos usando esta bombilla negra aquí. El sensor de gas aquí es un poco más complejo. Es un semiconductor de óxido metálico que puede detectar una variedad de gases como CO2, metano, propano, hidrógeno, y así sucesivamente. Así que podemos modificar el ejemplo anterior del sensor de humedad y comenzar a leer los valores del sensor y detectar si hay un incendio. Los sensores están conectados a los pines seriales de la placa y las verificaciones se realizan cada cinco segundos. Si se detecta una llama abierta o gas, podemos generar una alerta y básicamente eso es más o menos la funcionalidad principal de nuestro dispositivo.

Ahora, si queremos extender nuestra configuración para cubrir un área más grande, obviamente, podemos hacerlo añadiendo más dispositivos. Pero hay un problema aquí. Si queremos cubrir un área más grande, queremos tener los dispositivos dispersos y también necesitamos establecer un patrón de comunicación entre los dispositivos. Cada dispositivo puede cubrir un área pequeña, alrededor de 20 metros de radio basado en el sensor. Estos límites se deben a la naturaleza real de los sensores. Si queremos monitorear un bosque o un parque, por ejemplo, podemos dispersar el dispositivo un poco más y dejar que se comuniquen entre sí como un clúster. Así que para tener una red de dispositivos, podemos establecer una red de malla. Cada dispositivo puede enviar, recibir o transmitir mensajes. Para ese propósito, estamos usando una topología masiva y una biblioteca llamada Painless Mess. Es una solución plug and play, ultra robusta, pero también es autorreparable. Si un dispositivo falla, la red se ajustará automáticamente y encontrará el nuevo camino para los mensajes. En los bordes de la red, podemos añadir puertas de enlace que pueden conectarse a la red más amplia y también retransmitir mensajes a la nube, otras redes de malla de dispositivos o servicios externos. Así que si hay una alerta, podemos realmente activar una alerta a la red externa usando Wi-Fi, Bluetooth, o mensajes SMS tradicionales.

Ahora, veamos cómo podemos llevar nuestro dispositivo del prototipo a la producción. Todos los dispositivos desplegados son alimentados por energía solar, funcionan con baterías y pueden ser desplegados en áreas remotas.

4. Deploying Clusters and Environmental Monitoring

Short description:

Podemos extender nuestro prototipo usando LoRa para configuraciones de emergencia fuera de la red. Los microcontroladores AlphaCell nos permiten adjuntar diferentes módulos como un módulo LoRa. Se pueden usar técnicas de AI y ML para pronosticar fallos y ejecutar inferencias en el dispositivo. VALS está desarrollando el sensor de gas BME 688 para una detección más precisa. Podemos entrenar nuestro dispositivo para monitorear el ciclo de vida del bosque basado en gases de descomposición.

Hay una placa personalizada diseñada para adaptarse a los sensores y los componentes internos están empaquetados en una carcasa impresa en 3D. Nuestro primer clúster ya está operando en Atenas y se ha probado en el campo desde marzo de 2024. Pero no hemos terminado, ya que estamos construyendo sobre tecnologías tan versátiles, podemos extender nuestro prototipo de muchas maneras interesantes.

Nuestros clústeres están principalmente diseñados para configuraciones de emergencia fuera de la red, por lo que podemos extender el alcance usando LoRa. LoRa es una tecnología de red de área amplia de baja potencia que puede cubrir distancias de hasta 30 kilómetros. Los dispositivos también pueden funcionar como canales de comunicación de emergencia para bomberos u otras unidades desplegadas en el campo. Y esta es la gran ventaja de usar microcontroladores AlphaCell, podemos extender nuestras capacidades con estos adjuntando diferentes módulos, en nuestro ejemplo un módulo LoRa. Si estás interesado en los detalles sobre esta configuración fuera de la red, definitivamente deberías echar un vistazo al proyecto MSTAT, un proyecto impulsado por la comunidad sobre señales de radio y comunicación con dispositivos realmente económicos.

Continuando, también necesitamos estar a la par con los chicos geniales y usar algún tipo de AI, ¿verdad? Bueno, tengo muy buenas noticias para ti. La AI ha sido ampliamente utilizada en aplicaciones industriales desde hace un tiempo. La mayoría de las fábricas o plantas industriales están usando pronósticos de fallos para predecir cuándo una máquina o dispositivo fallará. Podemos aplicar el mismo principio para predecir cuándo uno de nuestros dispositivos en nuestros clústeres comenzará a fallar y reemplazarlos antes de que se conviertan en un problema. Para ese propósito, estamos usando la biblioteca Prophet de Meta. Esencialmente, esa parte es crucial. Si hemos desplegado clústeres, necesitamos hacer mantenimiento regular, y dado que todos los dispositivos están expuestos a condiciones climáticas adversas, eso puede ser un verdadero problema con dispositivos defectuosos en el campo. Además, podemos usar TinyML para ejecutar algunas inferencias en el propio dispositivo. TinyML es una forma de desplegar modelos de TensorFlow Lite en microcontroladores. Podemos extender las placas añadiendo cámaras u otros sensores también. Basándonos en las métricas, podemos ajustar nuestras lecturas de sensores y predecir cómo cambiarán la humedad y la temperatura, por ejemplo, en el futuro, o incluso ajustar las lecturas para mejorar la precisión de nuestras métricas. Pero eso no es lo más interesante en absoluto. VALS está desarrollando un sensor llamado BME 688 que tiene verdaderas capacidades de detección de gases. Usando ese sensor, podemos predecir y detectar incendios forestales con mayor precisión.

Como puedes ver en el video, puede detectar diferentes gases o incluso olores. Esencialmente, los olores son solo gases en el aire. El sensor está expuesto al aire libre, y basándonos en las lecturas, podemos crear pequeños modelos que identifiquen el tipo de gas. En su demostración, en el video, están usando el sensor para reconocer el café espresso por el olor. Así que, además de proporcionar un mecanismo de alerta para incendios forestales, podemos entrenar nuestro dispositivo y monitorear el ciclo de vida del bosque basado en los gases de descomposición. Podemos monitorear eso. Podemos realmente monitorear que las hojas se están descomponiendo o que las abejas se están moviendo y polinizando. Ese paso es realmente asombroso porque inicialmente, además de tener un sistema de alerta, podemos realmente usar el dispositivo para monitoreo ambiental con el fin de tener un mejor crecimiento de los bosques o una mejor recuperación en un área recientemente quemada.

5. Detecting Wildfires and Embracing Innovation

Short description:

¿Podemos detectar incendios forestales antes de que ocurran? Es un desafío debido a múltiples factores impredecibles. El equipo de USC está trabajando en un modelo para predecir áreas de alto peligro de incendios forestales. La innovación prospera donde las ideas se cruzan y la tecnología resuelve problemas del mundo real. Sigamos construyendo y abracemos el proceso.

Y ya que estamos hablando de AI, aquí está la pregunta del millón de dólares. ¿Podemos realmente detectar incendios forestales antes de que ocurran? Bueno, la respuesta es más o menos sí y no. Aunque tenemos datos disponibles como datos históricos, imágenes satelitales y más, es realmente difícil correlacionarlos juntos. Los incendios forestales son, como dijimos antes, impredecibles y desencadenados por múltiples factores que son difíciles de reunir. Por ejemplo, tenemos que tener en cuenta el clima, el terreno, la humedad cambiante, junto con la base de población, la ventilación, las redes de tráfico y más.

Pero creo que estamos cerca de lograrlo porque hay diferentes equipos. Por ejemplo, está el equipo de USC de la universidad de USC que están trabajando juntos para desarrollar un modelo que pueda ser alimentado con datos y predecir cuándo un área está en alto peligro de incendio forestal.

Así que si has estado siguiendo, espero que realmente hayas disfrutado la charla y hayas adquirido algunas nuevas ideas. Ha sido todo un viaje en los últimos meses explorando estos conceptos juntos, pero la conclusión que estoy a punto de compartir contigo puede ser un poco diferente de lo que esperabas. Más allá de los detalles técnicos, hay algo más profundo que espero resuene contigo, una idea sobre lo que realmente impulsa la innovación y cómo cada uno de nosotros puede contribuir a ella de una manera única. El tema principal de esta charla no es presumir de construir algo genial, sino mostrar cómo la tecnología puede usarse para resolver problemas del mundo real. Cuando juntamos diferentes perspectivas, superamos los límites de lo que se conoce, creando soluciones que no solo son funcionales, sino también transformadoras.

Así que, ya sea que estés prototipando con un microcontrolador, escribiendo JavaScript para tu trabajo diario, desarrollando software, diseñando el próximo gran avance, recuerda que la innovación prospera donde las ideas se cruzan, y puedes realmente abrazar ese proceso de pasar por todas estas nuevas piezas de información, todas estas ideas, y obtener un fuerte respaldo de la comunidad. Así que la próxima vez que alguien te diga que no puedes hacer esto o aquello, podrían estar absolutamente equivocados. Hemos avanzado durante tantos años mientras construimos juntos, crecemos juntos y aprendemos unos de otros, y creo que eso es lo que nos hace fuertes. El título de mi charla es de una canción que constantemente pregunta, ¿está el techo en llamas? ¿Está en llamas? Y creo que una vez que el techo está en llamas, bueno, a veces es mejor dejarlo arder. Así que chicos, muchas gracias por su tiempo y paciencia. Espero que disfruten mucho de la conferencia. Si tienen alguna pregunta, pueden encontrar todo el material de esta charla, así como las diapositivas, en mi sitio web. Así que, hasta la próxima, ¡cuídense y sigan construyendo!

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.
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.
De Monolito a Micro-Frontends
React Advanced 2022React Advanced 2022
22 min
De Monolito a Micro-Frontends
Top Content
Microfrontends are considered as a solution to the problems of exponential growth, code duplication, and unclear ownership in older applications. Transitioning from a monolith to microfrontends involves decoupling the system and exploring options like a modular monolith. Microfrontends enable independent deployments and runtime composition, but there is a discussion about the alternative of keeping an integrated application composed at runtime. Choosing a composition model and a router are crucial decisions in the technical plan. The Strangler pattern and the reverse Strangler pattern are used to gradually replace parts of the monolith with the new application.

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.
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.