‫Hasta ahora, en esta sección,
‫aprendió cómo requerir
‫los módulos centrales de Node JS.
‫Cómo solicitar sus propios módulos.
‫Y
‫entonces, en este video, aprenderá
‫cómo requerir módulos de terceros del registro de NPM.
‫En realidad, requerir un módulo
‫que ya instalamos desde NPM es
‫realmente muy simple.
‫Así que nuevamente hacemos todo lo requerido en
‫la parte superior y generalmente requerimos los módulos
‫centrales primero, luego
‫los módulos de terceros y
‫luego los nuestros que vienen de nuestro sistema
‫de archivos local como este.
‫Entonces el que vamos a requerir
‫se llama slugify.
‫¿Recordar?
‫Este es el
‫que instalamos en la conferencia anterior.
‫Y todo lo que tenemos que
‫hacer para requerirlo es como
‫antes de usar
‫la función require y luego simplemente el nombre del paquete.
‫Y luego OGS sabrá automáticamente que tendrá
‫que ir a la
‫carpeta de módulos del nodo.
‫Entonces, esta carpeta donde están todas las dependencias,
‫y busque ese módulo allí.
‫¿Okey?
‫Entonces, nuevamente, esto devolverá una variable.
‫Y entonces necesitamos guardar eso en una variable.
‫Y lo llamo slugify aquí así.
‫¿Okey?
‫Y entonces slugify será
‫una función, que podemos usar para crear básicamente slugs.
‫Entonces, de nuevo, ¿qué es una babosa?
‫Bueno, slug es básicamente la última parte de
‫una URL que contiene una cadena única que
‫identifica el recurso
‫que muestra el sitio web.
‫Entonces, por
‫ejemplo, en nuestra granja
‫de nodos, digamos que donde
‫abrimos este aguacate en lugar de tener esta
‫ID igual a cero, podríamos
‫tener algo como (hacer clic en) aguacates frescos, ¿de acuerdo?
‫Y entonces esta parte aquí o
‫en realidad solo esta
‫parte, así que esta sería la babosa.
‫Entonces, es básicamente este nombre
‫aquí y luego se basa en una cadena única como esta.
‫Y estoy seguro de que has
‫visto esto por todas partes, como en las publicaciones de blogs.
‫Es muy común hacerlo así.
‫O realmente en cualquier lugar donde no queramos simplemente
‫algo como esto.
‫¿Okey?
‫Entonces ID es igual a uno.
‫O también podríamos
‫usar, por
‫ejemplo, en este caso aquí cabra y así sucesivamente.
‫Bueno.
‫No voy a poner una pestaña en el nombre completo.
‫Pero la idea es usar un slug,
‫que es una cadena única en lugar
‫de solo un
‫número que no tiene ningún significado para nosotros.
‫Ahora digamos que esta
‫es la primera vez que usa el paquete slugify.
‫Entonces, para descubrir cómo funciona
‫realmente, podemos buscar
‫la documentación aquí en
‫NPM.
‫Así que ponemos aquí el nombre del paquete.
‫Entonces búscalo.
‫Y este es el que instalamos.
‫Está bien.
‫Así que ya hicimos esta parte aquí.
‫Por lo que requiere el módulo o el paquete aquí.
‫Y luego aquí abajo podemos ver cómo
‫lo usamos.
‫Entonces, todo lo que tenemos
‫que hacer es usar slugify como una función y
‫luego pasar una cadena.
‫Entonces aquí abajo ves las opciones.
‫Y, por ejemplo, podemos especificar el reemplazo.
‫Entonces, básicamente, con qué se reemplazará
‫el espacio vacío.
‫Y normalmente ese es este guión.
‫Así como estaba escribiendo aquí.
‫Pero podemos especificar algo
‫diferente como un guión bajo o nada en absoluto.
‫Bueno.
‫Aquí podemos especificar
‫que queremos todo en minúsculas.
‫Y entonces, sigamos adelante y hagamos eso ahora
‫en nuestro código.
‫Así que tenemos
‫slugify aquí y ahora solo para
‫probarlo, hagámoslo aquí antes de crear el servidor.
‫Consola en el registro.
‫Slugify para encadenar.
‫Aguacates frescos y luego especificaré la
‫opción que acabo de mostrarles, que es
‫minúscula y
‫la estableceré en verdadero.
‫Dale un
‫guardado y recuerda que ahora ya
‫no tenemos que cerrar
‫la app y reiniciarla de nuevo.
‫Node Man lo hace automáticamente por nosotros ahora.
‫Y aquí abajo ya ves aguacates frescos.
‫Simplemente cometí un error aquí.
‫Entonces está en minúsculas.
‫Pero todavía no funciona por
‫alguna razón, así que volvamos aquí.
‫Oh ya veo.
‫En realidad, es más bajo.
‫Pero para
‫eso es exactamente la documentación.
‫Entonces, para que veamos cómo funciona algo realmente para
‫que podamos usar el paquete correctamente
‫en nuestro código.
‫Y así,
‫así, creé una babosa con nuestro hilo
‫de aguacate fresco inicial.
‫Ahora hagamos eso con todos nuestros productos.
‫Entonces están en el objeto de datos.
‫Así que creemos una matriz de todas las babosas.
‫Así que babosas.
‫Entonces mapa de puntos del objeto de datos.
‫Y, de nuevo, esto es solo JavaScript
‫normal, por lo que no debería significar nada para usted.
‫Entonces, estamos haciendo un bucle sobre el objeto de
‫datos y luego creamos una nueva matriz basada en eso.
‫Y en cada iteración lo que vamos a hacer es
‫tomar el elemento y luego
‫crear un slug a partir de eso.
‫Así que slugify nombre del producto punto del elemento.
‫Así que recuerde que ahí es donde está el
‫nombre del producto.
‫Así que aquí ves el nombre del producto.
‫Y entonces este objeto.
‫Y vamos a registrarlo en la consola.
‫Y de hecho aquí vamos.
‫Así que estas son nuestras seis
‫babosas o, en realidad,
‫solo cinco de nuestros cinco productos.
‫Está bien.
‫Y así es como incluimos
‫un módulo de terceros.
‫Eche un vistazo a la
‫documentación y luego utilícela en nuestro código.
‫Bueno.
‫Entonces, este slugify ahora es una dependencia de nuestro código.
‫Porque sin
‫ese paquete, esta parte del
‫código aquí ya no funcionaría.
‫¿Derecha?
‫Entonces, nuestro código ahora depende
‫de tener el paquete slugify instalado en el proyecto.
‫Ahora podríamos seguir adelante y almacenar
‫estas babosas aquí en el json de datos y luego compilar
‫la aplicación
‫para que en lugar de
‫la ID muestre la babosa en la URL.
‫Pero no voy a
‫seguir adelante y hacer eso aquí
‫porque eso es simplemente usar los
‫mismos conceptos que aprendimos antes de nuevo.
‫Y eso no agrega nada nuevo.
‫Todo lo que quería
‫hacer en este video es realmente mostrarles este
‫proceso de integración de un nuevo paquete en nuestro código.
‫Eche un vistazo a la
‫documentación y luego
‫haga un ejemplo simple con ese nuevo módulo.
‫Entonces ese era el objetivo de este video.
‫Eso está completo ahora.
‫Y ahora pasemos al
‫siguiente.