Escribe Node como si estuviéramos en 2022

Rate this content
Bookmark

Estaba viendo código que fue escrito hace unos años, que se consideraba "súper limpio" e "intuitivo", y me di cuenta de que el JavaScript que escribimos hoy es muy diferente al que solíamos escribir hace solo cinco años.


Si has estado en esto por un tiempo, conoces la sensación de escribir "this = that" y pasar días depurando por qué esa variable se establece en null. La nueva sintaxis de Node, con esm, nuevos bundlers, refrescos más rápidos. El código nunca fue tan fácil de escribir y entender.


Puedes revisar las diapositivas de la charla de Pedro aquí.

7 min
18 Feb, 2022

Video Summary and Transcription

Escribamos Node como si estuviéramos en 2022. Ahora podemos iterar sobre objetos más fácilmente con el bucle for-in. Las plantillas literales hacen que la concatenación de cadenas y las cadenas de varias líneas sean mucho más simples. La función de clonación estructurada nos permite clonar objetos complejos sin necesidad de trucos como convertir a cadena y analizar. Los parámetros por defecto en JavaScript ahora son mucho más convenientes. Async await elimina la necesidad de devoluciones de llamada. Las funciones de flecha heredan el ámbito, eliminando la necesidad de 'this equals that'. Const evita la reasignación de variables. Let ayuda a detectar errores antes. ¡Escribe código como si estuviéramos en 2022!

Available in English

1. Introducción a Escribir Node en 2022

Short description:

Escribamos Node como si estuviéramos en 2022. Mi nombre es Pedro, un ingeniero de software en blockchain.com. He estado evolucionando con Node y estoy orgulloso de ello.

Hola. Escribamos Node como si estuviéramos en 2022. Bueno, en primer lugar, ¿quién soy yo? Mi nombre es Pedro, y soy un ingeniero de software en blockchain.com. Y, bueno, estaba revisando el código que escribí hace unos años, como hace 10 años, y vi que mi vida era muy, muy desafiante y divertida. Pero hoy en día, solo es divertida. Escribí un montón de esto igual a esto, y usé muchos guiones bajos y todo lo demás que puedas imaginar. Solo hice algunas cosas que funcionaran como se esperaba hoy en día. Node evolucionó, y he estado evolucionando con él, y estoy muy orgulloso de ello.

2. Escribiendo Node en 2022

Short description:

Permíteme decirte cómo escribir código en Node como si estuviéramos en 2022. Ahora podemos iterar sobre objetos más fácilmente con el bucle for-in. Las plantillas literales hacen que la concatenación de cadenas y las cadenas de varias líneas sean mucho más simples. La función de clonado estructurado nos permite clonar objetos complejos sin necesidad de trucos como convertir a cadena y analizar. Los parámetros por defecto en JavaScript ahora son mucho más convenientes.

Entonces, permíteme decirte cómo escribir código en Node como si estuviéramos en 2022. Mira este ejemplo, por ejemplo. Antes teníamos que usar varios métodos para iterar sobre un objeto. Así que, en este ejemplo de obtener la puntuación total, teníamos que usar las claves del objeto y un bucle for-each para acceder a la propiedad dentro del objeto, y luego asignar el valor a los totales. Pero ahora, podemos usar un bucle for-in y acceder a la clave del objeto Y podemos hacerlo muy fácilmente, y con solo un método. Así que es mucho más fácil de leer, es fácil de entender. Sé lo que estoy leyendo tan pronto como pongo mis ojos en él, mucho mejor.

Bueno, teníamos que concatenar cadenas para obtener frases con variables, y LongAVI comenzaba con varias líneas. Estas eran muy, muy difíciles de crear. En este ejemplo, solo creé uno que une tres cadenas en este caso. Tenía que usar cadenas con espacios porque odiaba agregar un espacio al final de esta, y aquí realmente lo necesito porque no puedo agregar nada a esta cadena directamente. Pero ahora, puedo usar plantillas literales y puedo hacer que funcione. Puedo hacer varias líneas fácilmente y todo lo que veo es exactamente lo que aparece en la pantalla. Mucho más fácil. Teníamos que usar el truco de convertir a cadena y analizar objetos para clonarlos. Y esto no era el caso para objetos simples. Podías hacer otras cosas. Y en lodash teníamos cloneDeep que hacía exactamente lo mismo que este código. Es decir, obtener un objeto con datos complejos y anidados y ponerlo en otra variable. Como JavaScript usaría un puntero a este. Si solo obtengo algo como B igual a A, obtendría el valor asignado como solo un puntero a A y no realmente un valor de A. Así que tenía que convertirlo en una cadena y luego analizarlo para clonar realmente el valor del objeto. Bueno, esa es una explicación muy complicada para simplemente copiar un objeto. Pero ahora podemos usar el clonado estructurado. Eso es exactamente lo que dice. Es un clonado estructurado con todas las propiedades, las anidadas, y simplemente funciona como se espera. Quiero decir, es muy agradable. ¿Y qué hay de los parámetros por defecto? Oh, este. Todos los que escriben JavaScript en 2022 saben que los parámetros por defecto son muy, muy buenos. Antes, tenías que tenerlos en la parte superior de cada función, tendrías los

3. Escribiendo código como si estuviéramos en 2022

Short description:

A es igual a A o 1. Puedes pasar parámetros por defecto directamente en la función. Async await elimina la necesidad de callbacks. Las funciones de flecha heredan el ámbito, eliminando la necesidad de 'this equals that'. Const evita la reasignación de variables. Let ayuda a detectar errores antes. ¡Escribe código como si estuviéramos en 2022!

variable es igual a variable o algo, como aquí. A es igual a A o 1. Y en algunos casos, en casos de objetos, tendrías un montón de ellos listados en la parte superior de la función, lo que dificulta mucho la lectura. Pero hoy no es el caso. Porque hoy, puedes hacerlo como A es igual a 1 y B es igual a 2 en la parte superior. Entonces, en la función, literalmente puedes pasar los parámetros por defecto justo ahí sin ningún otro problema. Y Nogami comenzó con async await. Ahora no necesitas callbacks para manejar las solicitudes HTTP. Puedes usar async await. Soy una persona de async await, pero puedes usar then, que es muy útil para escribir código async. Tienes funciones de flecha que no tienen ámbito this y heredan el ámbito. Así que no tienes que escribir this equals that en muchos casos. Tienes const que no te permite reasignar la variable. Tienes let que hace que sea más fácil ver los errores antes de verlos, porque con var se elevaría hasta arriba y obtendrías un montón de errores como `cannot read a` no definido, por ejemplo. Y hay otras cosas que no recuerdo en este momento pero que son muy, muy importantes. Así que haz un favor a todos y escribe como en 2022. No es tan difícil. Bueno, ese es mi GitHub y mi Twitter. Y eso es todo, amigos. Avísame si tienes alguna pregunta. ¡Hasta luego!

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

Node Congress 2022Node Congress 2022
26 min
It's a Jungle Out There: What's Really Going on Inside Your Node_Modules Folder
Top Content
Do you know what’s really going on in your node_modules folder? Software supply chain attacks have exploded over the past 12 months and they’re only accelerating in 2022 and beyond. We’ll dive into examples of recent supply chain attacks and what concrete steps you can take to protect your team from this emerging threat.
You can check the slides for Feross' talk here.
Node Congress 2022Node Congress 2022
34 min
Out of the Box Node.js Diagnostics
In the early years of Node.js, diagnostics and debugging were considerable pain points. Modern versions of Node have improved considerably in these areas. Features like async stack traces, heap snapshots, and CPU profiling no longer require third party modules or modifications to application source code. This talk explores the various diagnostic features that have recently been built into Node.
You can check the slides for Colin's talk here. 
JSNation 2023JSNation 2023
22 min
ESM Loaders: Enhancing Module Loading in Node.js
Native ESM support for Node.js was a chance for the Node.js project to release official support for enhancing the module loading experience, to enable use cases such as on the fly transpilation, module stubbing, support for loading modules from HTTP, and monitoring.
While CommonJS has support for all this, it was never officially supported and was done by hacking into the Node.js runtime code. ESM has fixed all this. We will look at the architecture of ESM loading in Node.js, and discuss the loader API that supports enhancing it. We will also look into advanced features such as loader chaining and off thread execution.
JSNation Live 2021JSNation Live 2021
19 min
Multithreaded Logging with Pino
Top Content
Almost every developer thinks that adding one more log line would not decrease the performance of their server... until logging becomes the biggest bottleneck for their systems! We created one of the fastest JSON loggers for Node.js: pino. One of our key decisions was to remove all "transport" to another process (or infrastructure): it reduced both CPU and memory consumption, removing any bottleneck from logging. However, this created friction and lowered the developer experience of using Pino and in-process transports is the most asked feature our user.In the upcoming version 7, we will solve this problem and increase throughput at the same time: we are introducing pino.transport() to start a worker thread that you can use to transfer your logs safely to other destinations, without sacrificing neither performance nor the developer experience.

Workshops on related topic

Node Congress 2023Node Congress 2023
109 min
Node.js Masterclass
Workshop
Have you ever struggled with designing and structuring your Node.js applications? Building applications that are well organised, testable and extendable is not always easy. It can often turn out to be a lot more complicated than you expect it to be. In this live event Matteo will show you how he builds Node.js applications from scratch. You’ll learn how he approaches application design, and the philosophies that he applies to create modular, maintainable and effective applications.

Level: intermediate
Node Congress 2023Node Congress 2023
63 min
0 to Auth in an Hour Using NodeJS SDK
WorkshopFree
Passwordless authentication may seem complex, but it is simple to add it to any app using the right tool.
We will enhance a full-stack JS application (Node.JS backend + React frontend) to authenticate users with OAuth (social login) and One Time Passwords (email), including:- User authentication - Managing user interactions, returning session / refresh JWTs- Session management and validation - Storing the session for subsequent client requests, validating / refreshing sessions
At the end of the workshop, we will also touch on another approach to code authentication using frontend Descope Flows (drag-and-drop workflows), while keeping only session validation in the backend. With this, we will also show how easy it is to enable biometrics and other passwordless authentication methods.
Table of contents- A quick intro to core authentication concepts- Coding- Why passwordless matters
Prerequisites- IDE for your choice- Node 18 or higher
JSNation 2023JSNation 2023
104 min
Build and Deploy a Backend With Fastify & Platformatic
WorkshopFree
Platformatic allows you to rapidly develop GraphQL and REST APIs with minimal effort. The best part is that it also allows you to unleash the full potential of Node.js and Fastify whenever you need to. You can fully customise a Platformatic application by writing your own additional features and plugins. In the workshop, we’ll cover both our Open Source modules and our Cloud offering:- Platformatic OSS (open-source software) — Tools and libraries for rapidly building robust applications with Node.js (https://oss.platformatic.dev/).- Platformatic Cloud (currently in beta) — Our hosting platform that includes features such as preview apps, built-in metrics and integration with your Git flow (https://platformatic.dev/). 
In this workshop you'll learn how to develop APIs with Fastify and deploy them to the Platformatic Cloud.
JSNation Live 2021JSNation Live 2021
156 min
Building a Hyper Fast Web Server with Deno
WorkshopFree
Deno 1.9 introduced a new web server API that takes advantage of Hyper, a fast and correct HTTP implementation for Rust. Using this API instead of the std/http implementation increases performance and provides support for HTTP2. In this workshop, learn how to create a web server utilizing Hyper under the hood and boost the performance for your web apps.
React Summit 2022React Summit 2022
164 min
GraphQL - From Zero to Hero in 3 hours
Workshop
How to build a fullstack GraphQL application (Postgres + NestJs + React) in the shortest time possible.
All beginnings are hard. Even harder than choosing the technology is often developing a suitable architecture. Especially when it comes to GraphQL.
In this workshop, you will get a variety of best practices that you would normally have to work through over a number of projects - all in just three hours.
If you've always wanted to participate in a hackathon to get something up and running in the shortest amount of time - then take an active part in this workshop, and participate in the thought processes of the trainer.
TestJS Summit 2023TestJS Summit 2023
78 min
Mastering Node.js Test Runner
Workshop
Node.js test runner is modern, fast, and doesn't require additional libraries, but understanding and using it well can be tricky. You will learn how to use Node.js test runner to its full potential. We'll show you how it compares to other tools, how to set it up, and how to run your tests effectively. During the workshop, we'll do exercises to help you get comfortable with filtering, using native assertions, running tests in parallel, using CLI, and more. We'll also talk about working with TypeScript, making custom reports, and code coverage.