Cómo usar NodeJS y NPM explicado con Rick y Morty 🤯

¡Qué pasa crucks! ¿Qué tal? ¿Cómo estás? Hoy vengo a hablar en cómo usar NodeJS y NPM pero explicándolo con Rick y Morty tengo a intentar poner mi granito de arena en las preguntas de ¿qué es NodeJS? y ¿qué es NPM?

Cada vez que alguien se mete en el mundo del desarrollo web nos encontramos que hay una herramienta que suena mucho y que la gente no tiene una imagen visual de primeras de cómo funciona.
En cambio es una herramienta súper útil y fácil de usar a un nivel básico.

Por lo tanto este no es un post técnico sino que es un vídeo mucho más conceptual para que comprendáis qué es exactamente es NodeJS y NPM sobre todo si antes no lo has tocado.

Te darás cuenta que es una herramienta súper fácil de utilizar y además muy útil en el caso de trabajar con aplicaciones o con frameworks. Antes de nada vamos a centrarnos y vamos a pensar en Rick y Morty… pero más que en Rick y Morty vamos a pensar en Rick y el señor Meeseeks.

El entorno de NodeJS y NPM

Antes de nada supongamos que empieza un capítulo de Rick y Morty y que se encuentra Rick en su garaje.
Esta es una parte esencial ya que al encontrarnos dentro del garaje nos encontramos que Rick está dentro de ese garaje y va a empezar a trabajar en «algo» (que veremos cómo afecto esto a usar NodeJS y NPM más adelante).

Como necesita una serie de herramientas, llama al señor Meeseeks y al aparecer Rick le dice: «Oye mira que necesito que me traigas jQuery«.
El señor Meeseeks le trae jQuery. Además deja jQuery lo deja en la mesa de trabajo y lo apunta a una lista de herramientas del proyecto.

NodeJS y NPM: Las analogías

¿Qué son exactamente cada uno de estos elementos? ¿Porqué os he contado esta historia?
Bien, para comenzar algo esencial que deberíamos de conocer es que el garaje es el entorno de trabajo es decir el garaje es donde Rick trabaja y ejecuta cada uno de sus proyectos.

Por otro lado, la lista veremos que es algo esencial porque Rick necesita una serie de herramientas y necesita tener una lista donde decir qué herramienta se está utilizando o que no por si en un futuro quiere volver a realizar el mismo proyecto. Además de esto también tenemos a Rick.

Rick en este caso es un punto clave, ya que es Rick es el que trabaja esas herramientas y crea el proyecto final. Por último nos encontramos a los señores Meeseeks. Los cuales trabajan para nosotros haciendo diferentes tareas o ejecutando diferentes acciones.

Dicho lo cual: ¿Qué ocurre con la analogía con el mundo real? Algo muy sencillo, lo primero y antes de nada es que NodeJS sería el entorno de trabajo, es decir NodeJS sería como ese garaje en el cual nosotros podríamos empezar a trabajar diferentes proyectos.

Por otro lado en la carpeta nos daremos cuenta que existe un archivo llamado package.json. Este archivo lo único que hace (básicamente su funcionalidad) es tener una lista un índice es como una lista de la compra de todas las herramientas que está utilizando mi proyecto o aplicación.

Rick en este caso seríamos los desarrolladores son las desarrolladoras, ya que precisamente somos nosotros los que en esa carpeta en ese entorno de trabajo y con esa lista de herramientas trabajamos la aplicación.
Y el señor Meeseeks sería NPM, que es la herramienta que vamos a utilizar para decirle instálame jQuery, Bootstrap… Así es cómo se suele usar NodeJS y NPM.

NodeJS y NPM: Y los Frameworks

Teniendo en cuenta esto ¿qué ocurre con los frameworks? ¿Cómo usar NodeJS y NPM con frameworks?

Rick lo que hace es decir: «Oye señor Meeseeks. Mira una cosa muy sencillita: tráeme Angular».
El señor Meeseeks trae Angular. Lo deja dentro de la mesa de trabajo y lo apunta a la lista al archivo package.json.

Esto es lo que por ejemplo suele ser habitual cuando trabajamos con el framework de Angular, pero ¿Qué ocurre con todo esto? Ocurre otro punto completamente diferente y es en el caso de React. NPM vs NPX. ¿Y de qué va NPX? Bueno pues vamos a verlo con el siguiente ejemplo.

Al encontrarnos dentro del garaje, nosotros que seríamos Rick vamos a empezar a trabajar y por supuesto tenemos nuestra lista. Una lista que va a ser el índice de todas las herramientas en este caso de React que vamos a utilizar.
Como necesitamos instalar React o necesitamos nuestra herramienta de React que vamos a utilizar.
Lo que le decimos es: «Oye señor Meeseeks por favor vente para acá» y después le decimos: «Oye tráeme React» Y lo que hace el señor Meeseeks es ir, volver y traernos React.

Nos lo deja en la mesa de trabajo y además él se va a la mesa de trabajo para empezar a trabajar él, en vez de trabajar yo. Él va a hacer una serie de acciones extra por supuesto también lo añade a la lista de package.json.

Resumen final

A la lista de todas las herramientas que necesita mi proyecto así que dicho esto vamos a hacer un pequeño resumen. De cómo se suele usar NodeJS y NPM en nuestro día a día**.**

O mejor dicho con el señor Meeseeks en nuestro garaje. «Vamoh a darle» La primera cosa que nos encontramos es que el garaje es el entorno de trabajo, instalar NodeJS es muy sencillo simplemente es pulsar siguiente y «sanseacabó».

NodeJS va a ser el entorno de trabajo, es decir nuestra carpeta será ese entorno. Dentro del cual empezaremos a trabajar con las diferentes herramientas.

Por otro lado el archivo package.json contiene la lista de herramientas que voy a utilizar en mi proyecto hay que tener en cuenta que también estamos nosotros como desarrolladores, los cuales utilizamos:
· NPM para instalar herramientas.
· NPX que no solo las instala, sino que ejecuta ciertos cambios o ejecuta ciertas acciones con esas herramientas.
· Carpeta Node Modules: es dónde se encuentran guardadas esas «herramientas».

Espero que te haya ayudado y simplemente ten en cuenta que es algo esencial conocer sobre todo por la demanda a nivel de empresas que existe sobre NodeJS y NPM.

¡Hasta la próxima cruck!