Actualización de dependencias

Clase 9 de 15 • Curso de NPM: Gestión de Paquetes y Dependencias en JavaScript

Contenido del curso

Introducción

Instalación de NPM

Configuración de dependencias

Creación y publicación de paquetes

Cierre

15
Sigue desarrollando en JavaScript
01:33 min

Tomar examen

Resumen

Conocer cómo actualizar dependencias es muy importante para mantener tus proyectos actualizados y libres de vulnerabilidades de seguridad.

El comando npm outdate mostrará los paquetes que están desactualizados. Con el comando npm outdate --dd verás de manera más detallada esta información.

Cómo actualizar dependencias

Para actualizar todas las dependencias utiliza el siguiente comando:

$ npm update

Ten en cuenta que actualizar varios paquetes no es recomendable, solamente deberías actualizar un paquete si estás muy seguro de que no afectará al proyecto y que realizaste los cambios pertinentes.

$ npm update <paquete>

Utiliza el siguiente comando para actualizar a la última versión (latest) de la dependencia, donde <paquete> es el nombre del paquete.

$ npm install <paquete>@latest

Contribución creada con aportes de: Andrés Guano.

Comentarios

Bryan Figueroa

student•

Lo confirmo cada vez mas sinceramente JuanDc y Oscar son mis profesores favoritos de todo Platzi

Robert Manotas

student•

Man, sumale esa lista a Diego De Granda y Freddy , esos 4 son mis idolos

Fernando Yutiz

student•

Le sumo a Retamax por PHP y a TeffCode por CSS

Elmer Alexander Gómez Cos

student•

npm install ----> se usa cuando descargamos o clonamos un proyecto de un repositorio y necesitamos que nos instale todas las dependencias necesarias.
npm outdate -----> Muestra los cambios.
npm install name_package@latest --> actualiza la dependencia a la version mas reciente.

Oscar Fuentes Esteves

student•

Al descargar un proyecto de un repositorio, inmediatamente después del npm install, yo siempre tecleo npm run para ver que scripts tiene activos.

Eduardo Zegers

student•

gracias

Kevin Isaí Santiago López

student•

Compartiendo mis apuntes

npm install

Instala las dependencias que estén dentro de un package.json. por ejemplo al clonar un proyecto.

Podrían presentarse vulnerabilidades

npm outdate

Nos muestra las nuevas versiones disponibles de las dependencias y con la que contamos actualmente
npm install name_package@latest

Instalar la versión mas reciente de la dependencia

Debemos tener en cuenta que hay dependencias que también requieran ser actualizadas

Puede haber conflicto ya que existen dependencias que se requieren así mismas

Maria Gabriela Rodriguez Cuevas

student•

📥 Archivos del Proyecto 📥

Pasos 📌

• En la terminal estar dentro de la carpeta del proyecto principal, en caso de estar dentro de unos de los mini proyectos, ejecutar cd .. para devolverse a la carpeta raíz.
• Vamos a clonar el repositorio de un proyecto, se debe copiar la url del repositorio en el botón verde que dice code.
• Luego en la terminal ejecutar con esa dirección que copiamos lo siguiente:

git clone https://github.com/gndx/react-base.git

• Al ejecutar ls debe salir la carpeta react-base.
• Entrar a la carpeta con cd react-base
• Entrar a ++VS Code++ con code .
• En la terminal se listan los paquetes con:

npm list

• En caso de que hayan errores o advertencias, se ejecuta:

npm install

• Se ejecuta de nuevo npm list para ver si la lista no contiene errores.
• Para ver las actualizaciones que necesitan instalar de los paquetes, se ejecuta:

npm outdate

• Dado que los paquetes instalados, sus versiones no son las más actualizadas, se ejecuta:

npm install react@latest

• Dado que salen advertencias que react-dom también debe estar actualizado, se ejecuta:

npm install react-dom@latest

• Con esto habrán bajado los problemas moderados que arroja el comando (aún quedan los críticos).

JUAN CAMILO CAMPO TANGARIFE

student•

Mis pareceros aquí les dejo mis apuntes

Actualización de dependencias

Muchas veces tenemos proyectos o tenemos que trabajar con proyectos que hace mucho tiempo han estado sin actualizarse

Babel es un Transpilador para entender javascript moderno y lo pasa al último estándar de ECMAScript.
Eslintrc Analizan nuestro código para dar mejorar que debemos implementar.
.gitignore Listamos archivos, que no queremos en nuestro repositorio.
.prettierrc estandat para manejar sintaxis
Package.lock.json y package.json nuestros archivos estándares.

Package.json

Este archivo base contiene la información de nuestra aplicación, algo muy parecido a un manual de lo que necesita la aplicación para funcionar de la forma correcta.

Actualización de paquetes

npm list nos muestra todos los elementos que son parte del proyecto y los errores correspondientes si es el caso y no están instalados.
npm install procederá a instalar todas las dependencias del proyecto y podremos tener mensajes como dependencias vulneradas, de forma moderadas, altas o criticas (deben ser atendidas inmediatamente)
npm outdate nos mostrará cuales son las dependencias que necesitan o que pueden ser actualizadas porque han tenido alguna mejora.
npm install react@latest si esta dependencia usa otras y también están desactualizadas, nos informará y podemos proceder a realizar la actualización de la otra >npm i react-dom@latest

Luis Alfredo Suarez

student•

09/15 Curso de NPM: Actualización de Dependencias

La actualización de dependencias es una parte importante del mantenimiento de proyectos de software. Periódicamente, es necesario actualizar las dependencias de tu proyecto para asegurarte de que estés utilizando las versiones más recientes y seguras de las bibliotecas y paquetes de software en tu aplicación.
Aquí tienes una guía sobre cómo realizar la actualización de dependencias en tu proyecto:
1. Verifica las actualizaciones disponibles:
Antes de realizar cualquier actualización, es importante verificar si hay nuevas versiones disponibles de las dependencias en tu proyecto. Puedes utilizar el siguiente comando para listar las dependencias desactualizadas en tu proyecto:

npm outdated

Este comando mostrará una lista de dependencias que tienen nuevas versiones disponibles, junto con información sobre las versiones actuales y las versiones más recientes.
2. Actualiza las dependencias de forma individual:
Puedes actualizar una dependencia específica utilizando el comando npm update seguido del nombre de la dependencia. Por ejemplo:

npm update nombre-de-la-dependencia

Esto actualizará la dependencia al último número de versión compatible según las restricciones definidas en tu archivo package.json.
3. Actualiza todas las dependencias:

Para actualizar todas las dependencias de tu proyecto a las últimas versiones compatibles, puedes utilizar el siguiente comando:

npm update

Esto buscará las versiones más recientes de todas las dependencias en tu proyecto y las actualizará si son compatibles según las restricciones definidas en tu package.json.
4. Actualiza las dependencias de desarrollo:
Si tienes dependencias que solo se utilizan en el desarrollo de tu proyecto (como herramientas de prueba o compilación), puedes actualizarlas utilizando el comando npm update con la bandera --dev o -D. Por ejemplo:

npm update --dev

Esto actualizará solo las dependencias de desarrollo en tu proyecto.
5. Actualización de dependencias con restricciones de versión:
Si deseas actualizar una dependencia a una versión específica, puedes hacerlo editando manualmente tu archivo package.json y cambiando la versión de la dependencia en la sección "dependencies" o "devDependencies". Luego, ejecuta npm install para instalar la nueva versión. Por ejemplo:

"dependencies": {
  "nombre-de-la-dependencia": "^2.0.0"
}

Luego, ejecuta:

npm install

6. Verifica y prueba tu proyecto:
Después de actualizar las dependencias, es importante verificar que tu proyecto aún funcione correctamente. Ejecuta tus pruebas y realiza pruebas manuales para asegurarte de que no haya problemas de compatibilidad o errores introducidos por las actualizaciones.
7. Realiza copias de seguridad:
Siempre es una buena práctica hacer copias de seguridad de tu proyecto o utilizar un sistema de control de versiones como Git antes de realizar actualizaciones importantes de dependencias. Esto te permitirá restaurar tu proyecto a una versión anterior en caso de que surjan problemas con las actualizaciones.
La actualización de dependencias es una parte esencial del desarrollo de software para mantener tus proyectos seguros y actualizados con las últimas características y correcciones de errores. Sin embargo, es importante realizar estas actualizaciones con precaución y realizar pruebas exhaustivas para asegurarte de que tu proyecto siga funcionando como se esperaba.

!Imgur

Espero sea de utilidad. 👨‍💻

Juan Pablo Peña Franco

student•

🔄 Diferencia entre npm update <package> y npm install <package>@latest .

npm update <package> se preocupa por respetar las restricciones de versión en package.json y actualizar a la última versión compatible según esas restricciones.
npm install <package>@latest instala la última versión disponible sin tener en cuenta las restricciones de versión, lo que podría causar conflictos con otras dependencias.

. Ejemplo de package.json:

"dependencies": {
  "react": "=16.14.0", // No se permitirán actualizaciones automáticas a ninguna otra versión.
  "axios": ">=0.21.0 <0.22.0", // Se actualizará a cualquier versión igual o superior a 0.21.0 pero menor que 0.22.0.
  "lodash": "^4.17.0" // Se actualizará a cualquier versión compatible que sea mayor o igual a 4.17.0 pero menor que 5.0.0.
}

Estos ejemplos representan algunas de las restricciones comunes que se pueden usar en el archivo package.json. Al utilizar restricciones de versión adecuadas, puedes controlar con precisión las actualizaciones de tus dependencias y asegurarte de que tu proyecto mantenga la compatibilidad y la estabilidad.

Kyb3r Cipher

student•

Volvi a este video en un curso futuro a recordar los comandos pero ya me los he aprendido: npm outdate y npm list

Miguel Angel Hernandez Colombo

student•

este curso h apuesto cada pieza del rompecabezas en orden, gracias oscar!

Andres Cavedal

student•

Como se le hace para que el vscode se vea con esos colores y interfaz ligeramente cambiada como la que tiene el? Conozco el peacock de Juan dc, pero este me atrae mas. Es de Mac o es un plugin de Vs? gracias

Gustavo Cuevas

student•

Buen día Estiamdo. Esa duda se resuelve con la siguiente clase: https://platzi.com/clases/2042-prework-windows/32932-extensiones-y-personalizacion-de-visual-studio-cod/

Ana Rotela Cabrera

student•

Comparto mis apuntes

Porfirio González López

student•

📍 Comandos de la clase:

Para este proyecto en concreto se necesitan de varios comandos para hacer una correcta actualización de dependencias.

npm list:

Enlista las dependencias instaladas de un proyecto.

npm install:

Generalmente es usado para que lea el archivo package.json e instálale todas las dependencias que encuentre ahí.

npm outdate:

Muestra el nombre de las dependencias que necesitan o que pueden ser actualizadas, la versión actual, la versión más reciente y la ubicación, todo ello en forma de tabla de datos.

Muestra las dependencias que pueden ser actualizadas.

Con información un poco más detallada.

npm install <packageName>@latest:

Generalmente se usa para actualizar un paquete a su última versión o la más reciente.

Michelle Verano

student•

Que increible clase, si que me llego en el mejor momento.

Esteban Jiménez ruiz

student•

¿como se puede crear una dependencia npm?

Victor Ovalle Porras

student•

¿Que es una dependencia?

Adrián Leonardo Morales Rodríguez

student•

Hola Víctor, Una dependencia es una unidad de código que se puede importar a un poyecto (a través de una instalación mediante npm) para agregar funcionalidades adicionales a una aplicación.

Daniel Castellanos

student•

¿Que configuracion de terminal usa el profesor?

Porfirio González López

student•

¿Por que me sale esto cuando trato de usar npm install packeName@Latest?

Porfirio González López

student•

Qué coraje

Ya sé cuál es el problema

npm install packageName@Latest | Wrong

npm install packageName@latest | Fine

una desgraciada letra (L > l) era lo que me detenía

Alan Cabrera

student•

Las typos son lo peor jajaja

Calvin Rafael Bobadilla Fernandez

student•

Lo que me gusta, es que como es solamente aprender y entender comandos, estas clases no han sido muy complejas.

Juan Felipe Angarita Lopez

student•

La actualización de dependencias es una tarea importante para mantener tu proyecto actualizado con las últimas versiones de las bibliotecas y paquetes que utilizas. En npm, puedes actualizar las dependencias de tu proyecto de varias maneras. Aquí te muestro cómo puedes realizar la actualización de dependencias con npm:

Actualización de dependencias específicas

Puedes actualizar una dependencia específica a la última versión disponible utilizando el comando npm update. Por ejemplo, para actualizar una dependencia llamada "nombre_dependencia" a la última versión disponible:

bash Copy codenpm update nombre_dependencia

Actualización de todas las dependencias

Para actualizar todas las dependencias a las últimas versiones compatibles, puedes utilizar el comando npm update sin ninguna especificación de paquete:

bash Copy codenpm update

Actualización de dependencias a las últimas versiones

Si estás buscando actualizar todas las dependencias a las últimas versiones disponibles, puedes utilizar el paquete npm-check-updates para verificar las actualizaciones de las dependencias y luego realizar la actualización.

Instalación de npm-check-updates: Primero, instala globalmente el paquete npm-check-updates utilizando el siguiente comando:bash Copy codenpm install -g npm-check-updates
Verificación de actualizaciones de dependencias: Ejecuta el siguiente comando para verificar las actualizaciones de las dependencias:bash Copy codencu -u Esto actualizará el archivo package.json con las últimas versiones compatibles de todas las dependencias.
Instalación de las últimas versiones de dependencias: Después de actualizar el archivo package.json, ejecuta el siguiente comando para instalar las últimas versiones de las dependencias:bash Copy codenpm install

"dependencies": {
  "react": "=16.14.0", // No se permitirán actualizaciones automáticas a ninguna otra versión.
  "axios": ">=0.21.0 <0.22.0", // Se actualizará a cualquier versión igual o superior a 0.21.0 pero menor que 0.22.0.
  "lodash": "^4.17.0" // Se actualizará a cualquier versión compatible que sea mayor o igual a 4.17.0 pero menor que 5.0.0.
}

Actualización de dependencias

Introducción

Bienvenida a NPM

Gestión de dependencias

Instalación de NPM

Instalación de NPM en MacOS

Instalación de NPM en Windows

Configuración de dependencias

Primeros pasos en NPM

Instalación de dependencias

Instalación de dependencias de versiones específicas

Comandos en NPM (Scripts)