Actualización de dependencias

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

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. 👨‍💻

🔄 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.

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

📍 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.

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