🚀 Potencia tu NodeJS con Rust

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

Node.js es genial: fácil de desarrollar, eficiente, fácil de escalar. Pero hay tareas que no son tan adecuadas para él, como cálculos pesados o procesamiento de datos. ¡Únete a mí y aprende cómo puedes incorporar Rust y WebAssembly en Node y JavaScript y llevar tu rendimiento al siguiente nivel!

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

FAQ

Dmitry Kudravtsev recomienda Rust debido a su seguridad en cuanto a la memoria, su rica biblioteca estándar que evita la necesidad de paquetes de terceros y su gestor de paquetes Cargo, que facilita la gestión de dependencias y la ejecución de tareas.

NEON es una biblioteca que permite incrustar Rust en Node.js, facilitando la escritura de módulos nativos en Rust que se pueden integrar y utilizar dentro del ecosistema de Node.js.

Las ventajas de Rust incluyen una mayor seguridad en la gestión de memoria, una moderna biblioteca estándar, y un ecosistema de herramientas más robusto con Cargo, su gestor de paquetes.

WebAssembly es un formato binario que permite que código en varios lenguajes, incluido Rust, se ejecute en navegadores y Node.js. Ofrece portabilidad y es ideal para reutilizar código en diferentes plataformas, aunque Rust proporciona mejor rendimiento cuando se usa directamente como módulo nativo en lugar de WebAssembly.

Se deberían preferir módulos nativos de Rust para obtener el máximo rendimiento en Node.js, mientras que WebAssembly es más adecuado para casos de uso que requieren portabilidad entre diferentes plataformas, como navegadores y diferentes versiones de Node.js.

Rust puede mejorar significativamente el rendimiento en operaciones intensivas de CPU en Node.js al permitir la escritura de módulos nativos que son más eficientes y seguros en cuanto a la gestión de memoria en comparación con JavaScript.

Rust ofrece herramientas como Cargo para la gestión de paquetes y NEON para la integración directa con Node.js, permitiendo que las funciones Rust se exporten como módulos de Node.js.

Dmitry Kudryavtsev
Dmitry Kudryavtsev
21 min
20 Jun, 2022

Comments

Sign in or register to post your comment.
Video Summary and Transcription
En esta charla, Dmitry Kudravtsev discute cómo potenciar JavaScript y Node.js utilizando Rust. Presenta NEON, una biblioteca de código abierto para integrar Rust y JavaScript, y explica cómo usarla para exportar funciones de Rust a JavaScript. Dmitry también explora los beneficios de rendimiento de usar módulos nativos escritos en Rust y WebAssembly. Compara los dos enfoques y destaca el rendimiento más rápido de los módulos nativos de Rust. Concluye recomendando WebAssembly por su ergonomía y portabilidad, mientras sugiere módulos nativos para extender Node.js con código de alto rendimiento.

1. Introducción a Rust y Node.js

Short description:

Hola, mi nombre es Dmitry Kudravtsev, soy un ingeniero de software senior apasionado por JavaScript y Rust. Hoy quiero hablar sobre cómo potenciar tu experiencia con JavaScript y Node.js utilizando Rust. Node.js tiene un gran ecosistema, pero puede ser lento para tareas de CPU. Escribir módulos nativos en Rust es una solución. Rust es un lenguaje moderno con mejores herramientas y seguridad de memoria en comparación con C y C++.

Hola, mi nombre es Dmitry Kudravtsev, soy un ingeniero de software senior y estoy muy apasionado por dos cosas, JavaScript y Rust. Y hoy quiero hablar contigo sobre cómo puedes potenciar tu experiencia con JavaScript y Node.js utilizando el lenguaje de programación Rust. Así que vamos a sumergirnos.

Todos sabemos que Node.js es genial. Tiene un gran ecosistema de paquetes. Creo que es el ecosistema más grande de paquetes entre todos los lenguajes de programación. Tiene una experiencia de desarrollo muy agradable. Puedes escribir y reiniciar el servidor en pocas líneas de código. TypeScript está haciendo la experiencia aún mejor. Así que puedes obtener verificación de tipos en un lenguaje que no es de tipado estático, pero aún así la verificación de tipos, lo cual es agradable.

Pero Node.js también es lento a veces, especialmente si estás realizando tareas de CPU. Digamos, la generación, tal vez el procesamiento de imágenes. He visto a personas encontrar soluciones muy creativas a estos problemas, como externalizar tareas de CPU a otro proceso que puede trabajar en eso. Y algunas personas utilizan servidores Lambda que se pueden llamar bajo demanda si tienes alguna computación pesada. Pero también hay otra solución. Y la solución es escribir módulos nativos en C o C++ o Rust. Ahora probablemente te preguntes por qué Rust, o qué es Rust, por qué no simplemente usar C o C++. Así que intentemos responder a esta pregunta primero.

Y como probablemente sabes, C y C++ son bastante antiguos, ya han mostrado su edad. Aún están en desarrollo. Creo que C++ ya tiene la versión 21. No estoy muy seguro, no lo sigo mucho, pero de todos modos, son antiguos, son un poco desordenados. Carecen de herramientas modernas. No hay un administrador de dependencias decente y tienen una biblioteca estándar relativamente pobre. La mayoría de las veces, cuando necesitas contenedores o iteradores pesados, tienes que usar una biblioteca llamada Boost. Muchas cosas de Boost se incorporan a la especificación de C++, pero aún faltan muchas cosas. La mayor desventaja, en mi opinión, es que no son seguros en cuanto a la memoria. Probablemente hayas visto este mensaje que todos odiamos, volcados de memoria, fallas de implementación, porque en algún lugar olvidaste detener tu bucle for y has iterado demasiado en tu matriz o accediste a la memoria que ya no es propiedad de la aplicación. Esto hace que el desarrollo en C y C++ sea muy difícil. Rust, por otro lado, es un lenguaje fuertemente tipado y compilado, al igual que C y C++.

2. Integración de Rust y JavaScript con NEON

Short description:

Rust tiene una biblioteca estándar rica y herramientas poderosas, incluido Cargo. Garantiza la seguridad de la memoria y verifica los errores en tiempo de compilación. Para integrar Rust y JavaScript, podemos usar NEON, una biblioteca de código abierto para incrustar Rust en Node.js. NEON nos permite escribir código de enlace para convertir tipos de JavaScript en tipos de Rust. Podemos exportar funciones de Rust a JavaScript utilizando NEON. Para construir proyectos NEON, utilizamos la herramienta Cargo-cprtfacts. Al requerir la biblioteca nativa en Node.js, podemos acceder a las funciones exportadas.

Rust tiene una biblioteca estándar rica, por lo que obtienes llamadas inteligentes, iteradores, todo está integrado en el propio lenguaje. No necesitas paquetes de terceros para agregar soporte para estas cosas. Tiene un modelo de herramientas, por lo que tienes Cargo, que es equivalente a NPM, y puedes ejecutar tareas con él, puedes instalar paquetes con Cargo.

La mayor ventaja, en mi opinión, es que Rust es seguro en cuanto a la memoria. La forma en que logran la seguridad de la memoria es muy interesante, no voy a profundizar en ello, puedes leer al respecto si estás interesado. La idea con Rust es que si compila, se ejecutará, por lo que no habrá errores de memoria. La memoria se verifica en tiempo de compilación, es una gran ventaja en comparación con C o C++. Aún puedes escribir SafeRust, es posible, pero por defecto, todo el Rust que escribas es SafeRust y se verifica en tiempo de compilación.

Bien, es genial saberlo, pero tú y yo, todos escribimos JavaScript, ¿cómo podemos integrar entre los dos? Ahí es donde entra NEON. NEON es una biblioteca en la cadena para incrustar Rust en Node.js. Es un proyecto de código abierto y muy interesante, te sugiero que lo revises. Veamos la función Fibonacci que escribimos en Rust y la exportamos al mundo de JavaScript. A continuación se muestra el código. No te preocupes, más adelante en la presentación tendré enlaces a mi Github para que puedas encontrar ejemplos ejecutables. Pero por ahora, centrémonos en este ejemplo y dividiéndolo en algunos bloques para que sea más fácil de analizar.

En las líneas 1-4, tenemos las declaraciones de importación y requerimiento equivalentes de Node.js. Traemos algunas cosas de la biblioteca NEON. Las líneas 6-12 son la función Fibonacci real. No hay nada especial aquí, es una función recursiva que busca el número de Fibonacci requerido. Ahora, las líneas 14-18 son lo que llamo una capa de enlace entre el mundo de JavaScript y el mundo de Rust, y dado que los dos lenguajes son diferentes y tienen una arquitectura diferente, necesitamos una forma de convertir los tipos de JavaScript en tipos de Rust. Siempre tienes que escribir una capa de enlace en NEON que convertirá tu JavaScript en llamadas a Rust, y eso es lo que estamos haciendo en esas cinco líneas. Convertimos la llamada de JavaScript en una llamada a Rust, y realmente llamamos a una función Fibonacci, devolvemos el resultado a JavaScript y, como en cualquier ejecutable, necesitamos tener una función principal. En el caso de NEON, la función principal es una declaración de exportación y, por lo tanto, puedes exportar funciones de Rust de vuelta al mundo de JavaScript. En este caso, exportamos la función de la API de Fibonacci como Fibonacci-rhs, por lo que en JavaScript podemos acceder a ella como Fibonacci-rhs. Para construir esto, hay otra herramienta que mantiene el equipo de NEON. Se llama Cargo-cprtfacts. Copia el artefacto que produce Cargobuild y lo que hace detrás de escena es generar una biblioteca dinámica, por lo que tiene el equivalente de DLL o SOA, si estás en Windows o Unix, pero tiene todos los envoltorios de NEON y las API de Node.js, porque Node.js no admite una interfaz de funciones externas. En realidad, JavaScript no admite una interfaz de funciones externas, pero Node.js sí lo admite, por lo que podemos escribir bibliotecas nativas para Node.js. Para llamar a la biblioteca nativa, la requerimos como un módulo regular de Node.js. Podemos ver en la línea 1, el índice de nodo que hemos generado anteriormente.

3. Rust, NEON, WebAssembly y rendimiento

Short description:

Lo requerimos como una función regular y luego lo llamamos como una función regular. Esto generará definiciones de TypeScript para que puedas escribir código nativo de Rust y tener las definiciones de TypeScript en tu código JavaScript. El proceso de integración es bastante fácil. Te sugiero que revises NEON, es una gran biblioteca. Nos permite incrustar Rust en el código JavaScript. WebAssembly es un formato binario portátil que puede ser un objetivo de compilación para otros lenguajes, incluido Rust. Puedes compilar código Rust a WebAssembly o usar AssemblyScript, una versión limitada de TypeScript. Aquí tienes un ejemplo de cómo escribir la función Fibonacci en WebAssembly. Wasm-bind convierte el código Rust a WebAssembly, pero necesitas mapeos personalizados para estructuras complejas. Para funciones simples, la conversión es sencilla. Realicé pruebas de rendimiento en números Fibonacci y los resultados muestran un rendimiento mejorado en comparación con JavaScript.

Lo requerimos como una función regular y luego lo llamamos como una función regular. Lo interesante es que esto también generará definiciones de TypeScript para que puedas escribir código nativo de Rust y tener las definiciones de TypeScript en tu código JavaScript.

El proceso de integración es bastante fácil, en mi opinión. Y es genial. Te sugiero que revises NEON, es una gran biblioteca. Y nos permite incrustar Rust en el código JavaScript.

Ahora, si estás familiarizado con WebAssembly, probablemente te preguntes, ¿por qué no WebAssembly? Antes de responder a esta pregunta, comprendamos qué es WebAssembly. WebAssembly es un formato binario portátil y el formato de texto correspondiente. Puedes pensar en ello como el ensamblador de la arquitectura X86. Es un poco diferente, es una versión web y se ejecuta en una máquina virtual, por lo que el binario compilado no es nativo. Es nativo para la máquina virtual y es importante recordarlo. Es compatible con todos los principales navegadores, por lo que puedes usarlo en Firefox, Edge, Safari.

Lo interesante de WebAssembly es que puede ser un objetivo de compilación para otros lenguajes y Rust está entre ellos. Por lo tanto, puedes tomar un código escrito en Rust y compilarlo a WebAssembly, lo cual es bastante interesante. Pero si no quieres hacer eso, también hay un lenguaje especial llamado AssemblyScript, que es una versión limitada de TypeScript, diría yo, que puedes escribir y se compilará a WebAssembly.

Echemos un vistazo a un ejemplo de cómo podemos escribir la misma función Fibonacci, pero esta vez se compilará a WebAssembly. Es mucho más corto. Además de la función en sí, solo necesitamos dos cosas, la declaración de uso y la macro que hacemos en la línea 3. Dado que WebAssembly es tipado, tienes tipos, entonces Wasm-bind, que es el paquete que convierte el código Rust a WebAssembly, hará toda la magia necesaria para convertir este código a WebAssembly. Ten en cuenta que si tienes estructuras complejas como una estructura personalizada y funcionalidad personalizada, necesitarás tener un mapeo personalizado para ello. Wasm-bind no sabe cómo convertir tipos no primitivos como enteros, flotantes y cadenas a WebAssembly. Pero si tienes funciones simples como esta Fibonacci, la conversión es sencilla porque WebAssembly admite enteros y flotantes de forma nativa. Por lo tanto, Wasm-bind es capaz de convertir este código a WebAssembly nativo.

Ahora, te mostré dos formas de escribir módulos nativos en JavaScript y probablemente te preguntes cuál es más rápido. Así que, benchmarks. Realicé pruebas de rendimiento en cuatro números Fibonacci diferentes. Lo que ves aquí es el tiempo de ejecución promedio que obtuve de Hyperfine, que es una herramienta de benchmarking. El color verde indica el rendimiento mejorado en comparación con JavaScript.

4. Mejora de rendimiento con módulos nativos

Short description:

Se puede observar una anomalía en el número de Fibonacci más pequeño. La mejora de rendimiento es insignificante para números de Fibonacci bajos. Pero a medida que los números de Fibonacci aumentan, hay un impulso tremendo en el rendimiento, alrededor del 60% para Rust y 45% para WebAssembly. Rust es un 45% más rápido que WebAssembly. Siempre ejecuta tus propias pruebas de rendimiento para asegurarte de que las ganancias de rendimiento valgan la pena.

Se puede observar una anomalía aquí en el número de Fibonacci más pequeño. Se puede ver que la mejora de rendimiento es bastante insignificante, y esto es un buen recordatorio para todos los que están trabajando en el rendimiento y desean mejorar algo. Siempre, siempre realiza pruebas de rendimiento, porque si necesitas calcular números de Fibonacci bajos, por ejemplo, la mejora de rendimiento que obtienes de los módulos nativos no vale la pena el esfuerzo. Pero si avanzas en los números de Fibonacci, puedes ver que obtenemos un impulso tremendo en la mejora de rendimiento, que es aproximadamente del 60% si usas Rust y alrededor del 45% si usas WebAssembly, lo cual es mucho. Es el doble de rápido en comparación con JavaScript. También podemos sacar una segunda conclusión, Rust es aproximadamente un 45% más rápido que Wasm. Y también hay una nota de que siempre debes ejecutar tus propias pruebas de rendimiento para asegurarte de que lo que estás evaluando, el rendimiento que estás obteniendo de ello, valga la pena el esfuerzo. Porque, como dije, puedes ver que en el número de Fibonacci más lejano, las ganancias de rendimiento no son tan espectaculares en comparación con los números 44 o 45 de Fibonacci.

5. Comparación de Módulos Nativos y WebAssembly

Short description:

Hemos visto dos formas de escribir módulos nativos: directamente o a través de Rust que se compila a WebAssembly. Los módulos nativos de Rust son más rápidos debido a que evitan la máquina virtual, pero WebAssembly también es rápido y es compatible con los principales navegadores. La reutilización es más complicada, ya que las bibliotecas nativas se pueden reutilizar en otros lenguajes a través de una interfaz de funciones externas, mientras que WebAssembly solo es portátil en diferentes máquinas virtuales de WebAssembly.

Entonces, hemos visto dos formas de escribir módulos nativos. Podemos hacer módulos nativos directamente o podemos usar Rust que se compila a WebAssembly y probablemente te preguntes, ¿cuál deberías usar y cuándo? Así que veamos algunos ejemplos, algunas categorías que he delineado para ayudarte a tomar una mejor decisión sobre cuándo usar módulos nativos y cuándo usar WebAssembly.

Si hablamos de rendimiento, creo que está bastante claro que los módulos nativos de Rust serán más rápidos, ya que lo nativo siempre será más rápido que cualquier cosa ejecutada en la máquina virtual, porque no tenemos una capa de conversión, que es la propia máquina virtual. Mira C o C++ en comparación con Java, obviamente puedes escribir código no eficiente en cualquier lenguaje de programación, pero si hablamos del lenguaje, si sabes cómo escribir código eficiente, siempre lograrás un mejor rendimiento si evitas la máquina virtual, pero también vale la pena señalar que WebAssembly es muy rápido. Me sorprendió saber que, aunque se ejecuta en una máquina virtual, es bastante genial saber que WebAssembly está a nuestra disposición y es compatible con todos los principales navegadores, así como con Node.js.

Hablemos de reutilización. Cuando hablo de reutilización, me refiero a tomar el mismo código y ejecutarlo en diferentes plataformas. En ese caso, es un poco complicado porque las bibliotecas nativas se pueden reutilizar en otros lenguajes a través de algo llamado interfaz de funciones externas, que es una FFI. Por ejemplo, puedes tener tu lógica de negocio escrita en Rust y puedes usarla en Node.js, puedes usarla en Java y puedes usarla en tu aplicación de iOS escrita en Swift. En cambio, WebAssembly solo es portátil en diferentes máquinas virtuales de WebAssembly. Entonces, tu código de WebAssembly se ejecutará en Edge, en Firefox, en Safari, en Node.js, pero no podrás ejecutarlo en Android, por ejemplo, a menos que tengas una máquina virtual que pueda ejecutar WebAssembly.

6. Comparación de WebAssembly y Modelos Nativos

Short description:

Si hablamos de ergonomía, estoy bastante seguro de que está claro que WebAssembly tiene una ergonomía mucho mejor. El código es mucho más corto y el ejemplo de enlace que te mostré prácticamente no requiere nada para convertir la función nativa de Rust en WebAssembly. Si hablamos de stdlib, que es todo, la red del sistema, si quieres acceder al sistema operativo, entonces tu única opción es usar módulos nativos de Rust. En cuanto a portabilidad, funciona en mi máquina, así que siempre debes recordar que el código nativo depende de la máquina. Y si hablamos de la barrera de entrada para nuevos desarrolladores, creo que WebAssembly es más fácil. Si quieres introducir código de rendimiento en tu ecosistema de Node.js, te sugiero que uses WebAssembly porque los modelos nativos solo se pueden escribir en C, C++ o Rust. Si pensamos en Node.js o en el navegador, aunque aquí nos centramos más en Node.js, JavaScript sigue siendo el rey en el navegador. Por lo tanto, los modelos nativos solo se pueden usar en Node.js pero no en el navegador. Por otro lado, WebAssembly se puede utilizar en cualquier lugar donde haya una máquina virtual de WebAssembly disponible. Si tienes un código que compartes entre el backend y el frontend, tu solución es usar WebAssembly. Si quieres exprimir el rendimiento solo de tu código backend, puedes considerar los modelos nativos de Rust. En mi opinión, los modelos nativos están destinados a extender Node.js con código de rendimiento. Y WebAssembly, en mi opinión, es una forma de reemplazar piezas de código JavaScript que no son eficientes. Gracias.

Si hablamos de ergonomía, estoy bastante seguro de que está claro que WebAssembly tiene una ergonomía mucho mejor. El código es mucho más corto y el ejemplo de enlace que te mostré prácticamente no requiere nada para convertir la función nativa de Rust en WebAssembly. Es capaz de convertir tipos básicos como enteros y flotantes. Neon, por otro lado, necesita una capa de enlace para convertir tu código de Rust y JavaScript en Rust. Por lo tanto, la ergonomía sufre un poco en el ejemplo nativo en comparación con el de WebAssembly.

Si hablamos de stdlib, que es todo, la red del sistema, si quieres acceder al sistema operativo, entonces tu única opción es usar módulos nativos de Rust. Porque WebAssembly no puede acceder a las bibliotecas estándar, por lo que no puedes acceder al sistema de archivos, no puedes acceder a la red, a menos que estés dispuesto a esperar una interfaz de sistema de WebAssembly, que aún está en desarrollo, pero están trabajando en hacerla accesible también para WebAssembly.

En cuanto a la portabilidad, funciona en mi máquina, así que siempre debes recordar que el código nativo depende de la máquina, por lo que si lo compilas en macOS, no podrás ejecutarlo en Windows. Entonces, si estás desarrollando en macOS y tu entorno de producción es Linux sin contenedores, debes compilarlo para Linux sin contenedores, por lo que puedes usar Docker para eso. Por otro lado, si compilo mi código en WebAssembly y te doy el ejecutable, podrás ejecutarlo en tu navegador siempre que sea compatible con WebAssembly, lo cual no es cierto para los modelos nativos que compilo en mi máquina. Es muy probable que no puedas hacerlo si tu máquina es diferente. Por ejemplo, si tienes una Mac con procesador Intel y yo tengo una Mac con procesador ARM, entonces necesita ser recompilado, especialmente si tienes una máquina con Windows o Linux, también necesita ser compilado.

Y si hablamos de la barrera de entrada para nuevos desarrolladores, creo que WebAssembly es más fácil. Si quieres introducir código de rendimiento en tu ecosistema de Node.js, te sugiero que uses WebAssembly porque los modelos nativos solo se pueden escribir en C, C++ o Rust. Esos son lenguajes bastante complejos de entender para principiantes, para personas junior. No digo que sea imposible, pero la inversión será bastante grande si solo quieres reescribir una o dos funciones en código nativo de rendimiento. WebAssembly, aunque se puede compilar desde C, C++ o Rust, también tiene soporte parcial para Python, Ruby y Go. Además, existe un lenguaje especializado llamado AssemblyScript que está dedicado a WebAssembly, por lo que siempre puedes comenzar con AssemblyScript y obtener tu versión de WebAssembly, y si necesitas exprimir hasta el último ápice de rendimiento, siempre puedes introducir Rust.

Si pensamos en Node.js o en el navegador, aunque aquí nos centramos más en Node.js, JavaScript sigue siendo el rey en el navegador, y a veces necesitamos ejecutar cosas en el navegador. También debemos recordar que los modelos nativos no se pueden usar en los navegadores, porque JavaScript no tiene soporte para la interfaz de funciones externas. Por lo tanto, los modelos nativos solo se pueden usar en Node.js pero no en el navegador. Por otro lado, WebAssembly se puede utilizar en cualquier lugar donde haya una máquina virtual de WebAssembly disponible. Esto incluye todas las versiones de Node.js, además de todos los navegadores, excepto Internet Explorer. Lamento si necesitas trabajar con Internet Explorer, pero aparte de Internet Explorer, el soporte de WebAssembly abarca toda la pila, incluidos los navegadores móviles. Entonces, si tienes un código que compartes entre el backend y el frontend, tu solución es usar WebAssembly. Si quieres exprimir el rendimiento solo de tu código backend, puedes considerar los modelos nativos de Rust.

Aquí tenemos el resumen, te dejo que lo leas, y solo quiero resaltar dos puntos principales. En mi opinión, los modelos nativos están destinados a extender Node.js con código de rendimiento. Entonces, si quieres mejorar el rendimiento en tu ecosistema de Node.js, los modelos nativos son la forma de hacerlo. Y WebAssembly, en mi opinión, es una forma de reemplazar piezas de código JavaScript que no son eficientes. Entonces, si tienes una función que no es eficiente, te sugiero que intentes reescribirla en WebAssembly, ya sea a través de Rust que se compila a WebAssembly o mediante el uso de AssemblyScript. Y si quieres agregar código de rendimiento a tu Node.js, si quieres ampliar tu ecosistema de Node.js, entonces puedes considerar los modelos nativos con Rust, por ejemplo. Muchas gracias. Puedes encontrarme en Twitter, GitHub, LinkedIn y puedes escanear el código QR para ir a mi blog. Puedes encontrar enlaces a dos artículos en los que se basa esta charla. En mi GitHub, puedes encontrar un enlace a los repositorios de GitHub tanto para las versiones de Rust como para las de WebAssembly, que puedes clonar, ejecutar, jugar con ellos, experimentar. Gracias por escuchar. Espero que hayas aprendido algo nuevo. Puede ser eficiente, no por sí mismo, sino con la ayuda de Rust. Espero que encuentres utilidad para tus nuevos conocimientos. Gracias.

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

Escalando con Remix y Micro Frontends
Remix Conf Europe 2022Remix Conf Europe 2022
23 min
Escalando con Remix y Micro Frontends
Top Content
This talk discusses the usage of Microfrontends in Remix and introduces the Tiny Frontend library. Kazoo, a used car buying platform, follows a domain-driven design approach and encountered issues with granular slicing. Tiny Frontend aims to solve the slicing problem and promotes type safety and compatibility of shared dependencies. The speaker demonstrates how Tiny Frontend works with server-side rendering and how Remix can consume and update components without redeploying the app. The talk also explores the usage of micro frontends and the future support for Webpack Module Federation in Remix.
Utilizando Rust desde Vue con WebAssembly
Vue.js London Live 2021Vue.js London Live 2021
8 min
Utilizando Rust desde Vue con WebAssembly
Top Content
In this Talk, the speaker demonstrates how to use Rust with WebAssembly in a Vue.js project. They explain that WebAssembly is a binary format that allows for high-performance code and less memory usage in the browser. The speaker shows how to build a Rust example using the WasmPack tool and integrate it into a Vue template. They also demonstrate how to call Rust code from a Vue component and deploy the resulting package to npm for easy sharing and consumption.
Componentes de Full Stack
Remix Conf Europe 2022Remix Conf Europe 2022
37 min
Componentes de Full Stack
Top Content
RemixConf EU discussed full stack components and their benefits, such as marrying the backend and UI in the same file. The talk demonstrated the implementation of a combo box with search functionality using Remix and the Downshift library. It also highlighted the ease of creating resource routes in Remix and the importance of code organization and maintainability in full stack components. The speaker expressed gratitude towards the audience and discussed the future of Remix, including its acquisition by Shopify and the potential for collaboration with Hydrogen.
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.
Haciendo JavaScript en WebAssembly Rápido
JSNation Live 2021JSNation Live 2021
29 min
Haciendo JavaScript en WebAssembly Rápido
Top Content
WebAssembly enables optimizing JavaScript performance for different environments by deploying the JavaScript engine as a portable WebAssembly module. By making JavaScript on WebAssembly fast, instances can be created for each request, reducing latency and security risks. Initialization and runtime phases can be improved with tools like Wiser and snapshotting, resulting in faster startup times. Optimizing JavaScript performance in WebAssembly can be achieved through techniques like ahead-of-time compilation and inline caching. WebAssembly usage is growing outside the web, offering benefits like isolation and portability. Build sizes and snapshotting in WebAssembly depend on the application, and more information can be found on the Mozilla Hacks website and Bike Reliance site.
Es una jungla ahí fuera: ¿Qué está pasando realmente dentro de tu carpeta Node_Modules?
Node Congress 2022Node Congress 2022
26 min
Es una jungla ahí fuera: ¿Qué está pasando realmente dentro de tu carpeta Node_Modules?
Top Content
The talk discusses the importance of supply chain security in the open source ecosystem, highlighting the risks of relying on open source code without proper code review. It explores the trend of supply chain attacks and the need for a new approach to detect and block malicious dependencies. The talk also introduces Socket, a tool that assesses the security of packages and provides automation and analysis to protect against malware and supply chain attacks. It emphasizes the need to prioritize security in software development and offers insights into potential solutions such as realms and Deno's command line flags.

Workshops on related topic

Domina los Patrones de JavaScript
JSNation 2024JSNation 2024
145 min
Domina los Patrones de JavaScript
Top Content
Featured Workshop
Adrian Hajdin
Adrian Hajdin
Durante esta masterclass, los participantes revisarán los patrones esenciales de JavaScript que todo desarrollador debería conocer. A través de ejercicios prácticos, ejemplos del mundo real y discusiones interactivas, los asistentes profundizarán su comprensión de las mejores prácticas para organizar el código, resolver desafíos comunes y diseñar arquitecturas escalables. Al final de la masterclass, los participantes ganarán una nueva confianza en su capacidad para escribir código JavaScript de alta calidad que resista el paso del tiempo.
Puntos Cubiertos:
1. Introducción a los Patrones de JavaScript2. Patrones Fundamentales3. Patrones de Creación de Objetos4. Patrones de Comportamiento5. Patrones Arquitectónicos6. Ejercicios Prácticos y Estudios de Caso
Cómo Ayudará a los Desarrolladores:
- Obtener una comprensión profunda de los patrones de JavaScript y sus aplicaciones en escenarios del mundo real- Aprender las mejores prácticas para organizar el código, resolver desafíos comunes y diseñar arquitecturas escalables- Mejorar las habilidades de resolución de problemas y la legibilidad del código- Mejorar la colaboración y la comunicación dentro de los equipos de desarrollo- Acelerar el crecimiento de la carrera y las oportunidades de avance en la industria del software
Uso de CodeMirror para construir un editor de JavaScript con Linting y AutoCompletado
React Day Berlin 2022React Day Berlin 2022
86 min
Uso de CodeMirror para construir un editor de JavaScript con Linting y AutoCompletado
Top Content
Workshop
Hussien Khayoon
Kahvi Patel
2 authors
Usar una biblioteca puede parecer fácil a primera vista, pero ¿cómo eliges la biblioteca correcta? ¿Cómo actualizas una existente? ¿Y cómo te abres camino a través de la documentación para encontrar lo que quieres?
En esta masterclass, discutiremos todos estos puntos finos mientras pasamos por un ejemplo general de construcción de un editor de código usando CodeMirror en React. Todo mientras compartimos algunas de las sutilezas que nuestro equipo aprendió sobre el uso de esta biblioteca y algunos problemas que encontramos.
Masterclass de Node.js
Node Congress 2023Node Congress 2023
109 min
Masterclass de Node.js
Top Content
Workshop
Matteo Collina
Matteo Collina
¿Alguna vez has tenido dificultades para diseñar y estructurar tus aplicaciones Node.js? Construir aplicaciones que estén bien organizadas, sean probables y extensibles no siempre es fácil. A menudo puede resultar ser mucho más complicado de lo que esperas. En este evento en vivo, Matteo te mostrará cómo construye aplicaciones Node.js desde cero. Aprenderás cómo aborda el diseño de aplicaciones y las filosofías que aplica para crear aplicaciones modulares, mantenibles y efectivas.

Nivel: intermedio
Testing Web Applications Using Cypress
TestJS Summit - January, 2021TestJS Summit - January, 2021
173 min
Testing Web Applications Using Cypress
Top Content
Workshop
Gleb Bahmutov
Gleb Bahmutov
Esta masterclass te enseñará los conceptos básicos para escribir pruebas end-to-end útiles utilizando Cypress Test Runner.
Cubriremos la escritura de pruebas, cubriendo cada característica de la aplicación, estructurando pruebas, interceptando solicitudes de red y configurando los datos del backend.
Cualquiera que conozca el lenguaje de programación JavaScript y tenga NPM instalado podrá seguir adelante.
Construir y Desplegar un Backend Con Fastify & Platformatic
JSNation 2023JSNation 2023
104 min
Construir y Desplegar un Backend Con Fastify & Platformatic
Top Content
WorkshopFree
Matteo Collina
Matteo Collina
Platformatic te permite desarrollar rápidamente GraphQL y REST APIs con un esfuerzo mínimo. La mejor parte es que también te permite desatar todo el potencial de Node.js y Fastify siempre que lo necesites. Puedes personalizar completamente una aplicación de Platformatic escribiendo tus propias características y plugins adicionales. En la masterclass, cubriremos tanto nuestros módulos de Open Source como nuestra oferta en la Nube:- Platformatic OSS (open-source software) — Herramientas y bibliotecas para construir rápidamente aplicaciones robustas con Node.js (https://oss.platformatic.dev/).- Platformatic Cloud (actualmente en beta) — Nuestra plataforma de alojamiento que incluye características como aplicaciones de vista previa, métricas integradas e integración con tu flujo de Git (https://platformatic.dev/). 
En esta masterclass aprenderás cómo desarrollar APIs con Fastify y desplegarlas en la Platformatic Cloud.
Desatando los Componentes del Servidor React: Una Inmersión Profunda en el Desarrollo Web de la Próxima Generación
React Day Berlin 2023React Day Berlin 2023
149 min
Desatando los Componentes del Servidor React: Una Inmersión Profunda en el Desarrollo Web de la Próxima Generación
Workshop
Maurice de Beijer
Maurice de Beijer
¡Prepárate para potenciar tus habilidades de desarrollo web con los Componentes del Servidor React! En esta inmersiva masterclass de 3 horas, desbloquearemos el potencial completo de esta tecnología revolucionaria y exploraremos cómo está transformando la forma en que los desarrolladores construyen aplicaciones web rápidas y eficientes.
Únete a nosotros mientras nos adentramos en el emocionante mundo de los Componentes del Servidor React, que combinan sin problemas el renderizado del lado del servidor con la interactividad del lado del cliente para un rendimiento y una experiencia de usuario inigualables. Obtendrás experiencia práctica a través de ejercicios prácticos, ejemplos del mundo real y orientación experta sobre cómo aprovechar el poder de los Componentes del Servidor en tus propios proyectos.
A lo largo de la masterclass, cubriremos temas esenciales, incluyendo:- Entender las diferencias entre los Componentes del Servidor y del Cliente- Implementar Componentes del Servidor para optimizar la obtención de datos y reducir el tamaño del paquete JavaScript- Integrar Componentes del Servidor y del Cliente para una experiencia de usuario fluida- Estrategias para pasar datos efectivamente entre componentes y gestionar el estado- Consejos y mejores prácticas para maximizar los beneficios de rendimiento de los Componentes del Servidor React