probando probando probando probando Hola a todos en este vídeo voy a mostrarte Por qué quizás quieras usar jarm en lugar de npm en tus próximos proyectos con node o básicamente con javascript voy a mostrarte básicamente que y es mucho más veloz y básicamente su o mejor dicho su frase de la que se jacta de que es rápido confiable y seguro realmente es una gran propuesta alternativa a npm si has trabajado con nodejs sabes que npm es su administrador de dependencias o el programa con el que se instala eh las librerías o bibliotecas para tu proyecto yarm es básicamente npm es básicamente lo mismo pero mucho más rápido y de hecho tiene algunas otras ventajas debido a que yarm ya es ha surgido hace poco Comparado con npm es tiene algunas ventajas es creado por Facebook y básicamente debido a que ellos también su plataforma depende básicamente completamente de javascript en su mayoría eh han creado esta herramienta la que es mucho más veloz que npm entonces para no tratar de simplemente decirte que es rápido voy a mostrarte Cómo es rápido y vamos a utilizar un ejemplo que ya he creado antes que es simplemente un chat que hice con reat y que también puedes descargar el proyecto el código está aquí y que voy a mostrarte el package Jason por ejemplo en este proyecto de hecho con react estoy utilizando varias dependencias y y varias dependencias de desarrollo por ejemplo tenemos a Babel webpack Express react socket io y básicamente son algunas dependencias que normalmente encontramos en cualquier proyecto con nodejs ahora voy a utilizarla con con jarm debido a que es mucho más rápido instalarlo pero voy a mostrarte primero comoo eh la comparación de quién es más rápido o quién es más lento entonces voy a copiar este proyecto y voy a ir a mi escritorio y simplemente a través de git voy a abrir la consola y simplemente voy a ubicarme mi escritorio y a través de git Voy a instalar el proyecto con el proyecto de es chat simplemente git Clon y mientras me descarga el proyecto de hecho lo hace bastante rápido ya lo hizo voy a ingresar al proyecto se llama chat react tutorial chat react tutorial y de esta manera Simplemente ya estoy dentro del proyecto ahora voy a mostrarte qué tan rápido es con npm y con yar Por ejemplo si yo ejecuto npm tal él en estos momentos obviamente va a instalar todas las dependencias con no dejs y npm a través de npm va a utilizar porque es el defecto el por defecto y si se dan cuenta aún no he empezado siquiera a descargar eh se está demorando y Aquí empieza empieza a descargar empieza a descargar eh tiene que crear la carpeta no de modules y básicamente obviamente tú pensarás de que se está demorando bastante porque eh tiene bastante dependencias Incluso si yo abro mi packas json a abrir con o simplemente le doy doble click y vamos a ver con quién lo abre voy a abrirlo con Atom eh sigue instalando npm sig instalando todas mis dependencias de hecho se está demorando bastante y Imagínate que este es simplemente un proyecto bastante pequeño imagínate un proyecto en el que es una empresa y que básicamente todo su código está con no de javascript imagínate Cuántas dependencias tiene y básicamente se demora demasiado en instalar todas las dependencias Incluso el package Jason no es tan grande si lo ven aquí eh básicamente son unas pocas dependencias si incluso ustedes utilizaran una herramienta de react básicamente como su click de react él tiene muchas más y esto se demora más incluso es por eso que se demora más entonces eh aún no acaba todavía sigue y básicamente continúa hasta que termine de Instalar todo el no de la carpeta no de mod ya la ha creado pero aún no hay ninguna dependencia si quieras las está descargando todavía entonces básicamente es eso ya lo que ofrece es de que él te debido a que tú estás creando demasiados proyectos con nojs digamos que tienes tres proyectos los tres usan Express no tiene sentido que descargues tres veces Express desde internet puedes descargarlo una vez es guardarlo en caché y ya luego cuando quieras crear el segundo proyecto e instalarlo ya no tendría que traerlo desde internet simplemente lo toma desde la caché y ya sería mucho más rápido y de hecho esa es una de las ventajas que tiene yar De hecho si entramos a su documentación oficial eh En realidad simplemente dándole aquí donde dice la parte de docs vamos a ver eh su guía Aunque si vas aquí donde dice ging sted vamos a ver eh básicamente Cómo instalarlo Hay muchas formas de instalar ya de hecho la forma más fácil es a través de npm aquí te da un instalador de Windows Eh muchas formas de instalarlo en los diferentes sistemas operativos pero la forma más fácil es si ya tienes instalado nodejs Es simplemente ejecutarlo con npm y de hecho aquí te voy a mostrar algunos de los comandos primero voy a mostrarte Cómo instalarlo vamos a mostrar las diferencias y básicamente es eso porque en los próximos proyectos que haga con nodejs react View angular y todos esos frameworks de javascript voy a utilizar yar debido a que es mucho más veloz entonces en estos momentos creo que ya ha terminado de hecho aún no termina con instalar con npm y aún continúa al fin acabado ya tenemos todas las dependencias aquí abro no de modules aquí están todas las dependencias lo que voy a hacer es de que vamos a hacer una comparación con yar De hecho voy a eliminarlo mover al a la basura y vamos a ver si lo ha eliminado parece que no Porque también se demora en eliminar atom de hecho si no sabes cómo instalar Atom te recomiendo ver mi vídeo acerca de de Atom en el que explico Cómo instalarlo los plugin que uso Aunque en estos momentos estamos hablando mucho más acerca del administrador de dependencias muy bien ha eliminado no de modules ya no lo ves aquí vamos a instalarlo a través de yarm yarm install o Ah De hecho no lo he instalado así que primero vamos a instalarlo como te dije simplemente utilizamos npm installed yar y gg de hecho voy a escribirlo de nuevo y voy a limpiar la consola vamos a ejecutar yarn install yg pero a través de npm npm Bueno lo he escrito mal es npm install yar yg de esta manera simplemente presionamos enter y se va a encargar de instalar yar a través de npm quizás la única pega que como estás utilizando npm vas a tener que esperar también un poco hasta que instale yar pero en realidad tampoco no es que demore mucho en realidad es muy es bastante rápido muy bien para iniciar un proyecto si ya has trabajado con npm sabes de que iniciamos un proyecto con npm init en caso de utilizar npm init vamos a utilizar jar init y si quieres agregar Por ejemplo si estás acostumbrado al npm install y el paquete simplemente lo cambias por yarm add y el paquete y Igualito a npm Simplemente si quieres poner una versión específica le agregas el aroba y nada más si quieres actualizar simplemente dice y upgrade y se va a encargar de actualizar si quieres remover o borrar un paquete de tu dependencia Y remove en lugar de npm remove o en lugar de npm uninstall y simplemente para instalar los proyectos en lugar de ejecutar npm install simplemente vamos a ejecutar yar pero los proyectos que han iniciado con yar Bueno de hecho simplemente escribimos este Comando y ya se va a encargar de leer nuestra nuest nuestro p Jon de hecho ya está terminando de instalar yar o también podrías ejecutar yar install en caso de como contrario a npm install y básicamente Esos son todos los comandos básicos que vas a necesitar es es su su uso más básico De hecho hay muchas más cosas que puede saber a través de yar a través de su documentación en getting started the yar workflow eh los comandos del de la consola e y puedes aprender mucho más es una herramienta bastante que va mejorando mucho la verdad eh debido que como es propuesta por Facebook ellos normalmente van mejorando las herramientas que usan porque si no sabías Facebook es el segundo sitio en internet más eh más concurrido muy bien ya tenemos instalado ya tenemos instalado yarn en todo el sistema operativo ya tenemos instalado yarn voy a limpiar la consola con cls y ahora vamos estoy debido que estoy dentro de la carpeta del proyecto del proyecto estoy dentro del proyecto simplemente voy a ejecutar yar y o también podría ejecutar yar install como contrario a npm install y simplemente se va a encargar de instalar todas las dependencias Y si vemos eh En realidad mientras esperamos un poco los logs vas a ver que es mucho más rápido de hecho eh é debido a que muchas dependencias utilizan debido a que por ejemplo un paquete utiliza las mismas dependencias él no se encarga de volverlas a instalar y ahí ahorra tiempo en la descarga de hecho si recuerdas prácticamente el package Jason que tenemos en realidad no tiene mucho pero por ejemplo Aquí ya está descargando los paquetes desde internet eh esta línea va por ejemplo aquí puedes ver qué tan rápido va y la ventaja que tiene yarn es que en estos momentos quizás se demore un poco porque es la primera vez que estoy descargando estos paquetes eh las segunda vez que empiece otro proyecto o supongamos que yo elimine otra vez el no de modules debido a que él ya lo tiene en caché él va a demorar inclusive puede demorar la mitad del tiempo es decir si el primer proyecto se demoró a instalar 10 segundos la segunda vez simplemente va a tomar 5 segundos y si lo vuelves instalar otra vez eh puede tomar incluso menos dependiendo de los paquetes que instales y básicamente Aquí ya está instalándose mucha no es mucho No es muy difícil Si ves simplemente lo instalado y ejecutado El Comando install y aquí vemos cómo lo instala en realidad tengo que mostrarte Cómo instala porque a comparación de npm é va mucho más rápido básicamente sigue instalando cuando dice packages es simplemente que está descargando los paquetes de internet y aparte de eso Si quieres por ejemplo también tener de configuración algo de lo que se hacka yarm es de tener un archivo que se llama yarm loock que básicamente es un archivo para administrar tus dependencias Por ejemplo si ya habías manejado npm y habías trabajado con npm triam eh probablemente era algo complicado porque tú mismo tenías que administrar tus dependencias a través de ese de esa configuración ya lo que hace es de que a través de estos de este yar log que en realidad nunca vas a tocar simplemente se encarga de administrar qué dependencias depende de tu proyecto en caso de que en un futuro haiga una futura actualización de un paquete que utilices él simplemente se va a encargar de decirte que hay un paquete en específico que requiere tu proyecto Y de esa manera ya no te va a dar dolores de cabeza cuando instales nuevamente tu proyecto Comparado con np Me parece que ya también se demora Y es de que debido a de que también este computadora no es demasiado potente Pero simplemente hay que dejar dejarle que haga su trabajo y ya después a la segunda la segunda vez verás que es mucho más rápido y básicamente Ese es el objetivo de este tutorial de hecho también voy a mostrarte Cómo hacer un proyecto bastante básico con yar y aparte de eso ya no sería nada más eh De hecho los próximos vídeos por ejemplo el tutorial que te mostré hace poco o mejor dicho el ejemplo que te mostré hace poco de de este chat por ejemplo con reat todos los proyectos que Voy subiendo muy pronto voy a subir los los vídeos de cómo hago estos estos estos proyectos desde cero y ya en caso de por ejemplo Aquí estaba usando npm ya en estos días ya no voy a usar np me voy a usar yar Simplemente porque es mucho más rápido y por ejemplo ya terminado de descargar de internet ahora como ves va mucho más rápido Simplemente porque ya no los está descargando simplemente ha descargado todos los paquetes que necesita el proyecto y ahora simplemente los está relacionando es decir qué paquete depende de cuál y va mucho más rápido en realidad aquí ya no está descargando nada simplemente está haciendo un trabajo dentro de con el mismo computador simplemente tenemos que esperar y una vez termine esto de aquí va a ir mucho más rápido HM además verdad me estaba olvidando Y es de que aquí en la parte de paquetes de yar Por ejemplo puedes ver de que trabaja prácticamente con los los módulos más eh Por ejemplo puedes ver los paquetes que que ya están trabajando con yar por ejemplo tenemos a los más conocidos Babel que es un un paquete para trasladar o convertir código de javascript de Última Generación a un código javascript que soporten los navegadores lodash que es prácticamente un una librería para simplificar digamos algunas funciones en javascript react que es básicamente como Facebook lo quiero es básicamente una De hecho si utilizas rea c él ya utiliza yarn por defecto eh Otras librerías como deb eh qs para para hacer query Convertir query las consultas las consultas del navegador y así es otro módulo para manejar las los callbacks de una manera un poco mucho más sencilla y básicamente ya instalado yar Okay ahora quizás no veas mucho la diferencia porque se han demorado prácticamente los dos se han demorado a instalar un montón entonces voy a eliminarlo otra vez y verás que esta vez ya no será se demorará tanto otra vez se encarga mi y atom de eliminar el no de modules y en Windows parece que se demora mucho porque simplemente tiene que eliminar cada paquete porque son bastantes carpetas las que utiliza muy bien ya lo eliminó ahora lo que voy a hacer es simplemente ejecutar nuevamente yar install y en estos momento está descargando Pero mira que esta vez va mucho más rápido de hecho ya no ha descargado todas las dependencias porque ya las tiene entonces en estos momento ya se está encargando de linkear las dependencias nada más Y va mucho más rápido De hecho si ya pudiste notar la primera vez que lo ejecuté ese ese loader anterior había demorado bastante en cargar en esta vez va mucho más rápido y básicamente Eso es todo así que voy a mostrarte ahora eh Cómo crear un proyecto desde cero Aunque en realidad viene siendo lo mismo que npm pero vamos a crear un proyecto desde cero De hecho voy a utilizar Express y vas a ver que va a ser mucho más rápido utilizar yaron que npm así que sin más voy a ir cerrando esto de aquí de hecho voy a remover este paquete de acá voy a cerrar nada más este proyecto de aquí y básicamente lo que voy a hacer ahora es crear una carpeta que se llame proyecto de ejemplo en realidad este este ejercicio simplemente va a ser Para que pruebes como vamos a crear un proyecto servidor en realidad va a ser un servidor con Express y vamos a utilizar yar y voy a mostrarte los comandos básicos Bueno de hecho él ya está instalando las dependencias del proyecto anterior y ves que va mucho más rápido que el anterior ya casi está acabando si recuerdas la la primera vez se demoró demasiado y si yo lo hubiera ejecutado con npm probablemente siempre se va a demorar demasiado así que por ahora al menos el administrador de paquetes más veloz que existe para no de js es yarn muy bien no tiene caso que lo siga instalando Así que simplemente lo voy a cancelar pero ya has visto Prácticamente la velocidad con la que va incluso de nuevo te repito de que que mi computador no es tan potente Así que es por eso que va demasiado lento en tu computador si tienes un computador mucho más potente mucho más actualizado es va a ir mucho más veloz vamos a ver voy a cerrar esta consola porque ya no tiene sentido y voy a abrir de nuevo voy a abrir de nuevo la consola pero voy voy a ubicarme dentro del proyecto que se va a llamar proyecto servidor entonces voy a ejecutar dentro de SD proyecto servidor de hecho voyar un poco más la consola proyecto servidor y aquí simplemente voy a decir ya init de hecho esto es como decir npm init entonces aquí le digo simplemente proyecto servidor enter versión un descripción Este es un proyecto de ejemplo y nada más eh el Index js se va a llamar appj y si te das cuenta es prácticamente lo mismo que npm init y de hecho ya me he creado exactamente un package Jason así como lo hubiera hecho npm aparte de eso Simplemente lo que voy a hacer es eliminarlo y Mostrar segundo Comando que es mucho más veloz que se llama yar init gu gu Yes De hecho voy a alargar un poco la consola para que puedas verlo yar init gu gu Yes de esta manera simplemente le decimos a yarm que inicie un package Jason preconfigurado le decimos Simplemente enter ya se va a encargar de ejecutar un package Jason preconfigurado Aquí está vamos a ver voy a instalar ahora eh con yar Voy a instalar yar ad agrega Express y simplemente ejecutando este Comando se va a encargar incluso de guardarlo mi pack json eh simplemente aquí lo está descargando desde internet y de hecho va mucho más rápido de hecho ya lo está instalando mucho más rápido que npm de hecho lo ves y ya está ya tenemos Express ya lo he agregado mi pacas Jon vamos a ver si es verdad vamos a crear un app. js voy a requerir Express de hecho voy a cerrar un rato el panel y voy a decirle cons app Express y app dicen 3000 ahora vamos a ver vamos a ejecutar node app. js espacio y en estos momentos él está ejecutando ya Express si yo voy a una nueva pestaña de mi navegador ejecuto local Host 3000 él ya está ejecutando Express muy bien así de simple De hecho si yo quisiera agregarle una configuración a mi package Jason de que por ejemplo quiero decirle que inicie con npm Start simplemente vamos a hacerlo de esa manera vamos a agregarle una parte de scrips aquí y vamos a decirle aquí Start node app.
js vamos a ver Y en lugar de decirle no de app. js nosotros podríamos decirle npm Start y é se va encargar de ejecutar este Comando de aquí pero alternativamente voy a utilizar yarm entonces voy a decir yarm Start y Simplemente ya me ha ejecutado no de app.
