No tienes acceso a esta clase

隆Contin煤a aprendiendo! 脷nete y comienza a potenciar tu carrera

Actualizaci贸n de dependencias

9/15
Recursos

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:

bash $ 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.

bash $ npm update <paquete>

Utiliza el siguiente comando para actualizar a la 煤ltima versi贸n (latest) de la dependencia, donde es el nombre del paquete.

bash $ npm install <paquete>@latest

Contribuci贸n creada con aportes de: Andr茅s Guano.

Aportes 14

Preguntas 4

Ordenar por:

驴Quieres ver m谩s aportes, preguntas y respuestas de la comunidad?

o inicia sesi贸n.

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

  1. npm install ----> se usa cuando descargamos o clonamos un proyecto de un repositorio y necesitamos que nos instale todas las dependencias necesarias.

  2. npm outdate -----> Muestra los cambios.

  3. npm install name_package@latest --> actualiza la dependencia a la version mas reciente.

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

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

馃摜 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).

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

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

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.

Espero sea de utilidad. 馃懆鈥嶐煉

馃搷 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.

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

馃攧 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.

Se usa cuando descargamos o clonamos un proyecto de un repositorio y necesitamos que nos instale todas las dependencias necesarias. 馃憞馃徑

npm install

Muestra los cambios. 馃憞馃徑

npm outdate 

actualiza la dependencia a la version mas reciente. 馃憞馃徑

npm install name_package@latest 

Save the project for more ahead!

Me sale este error, cuando doy npm install