DEV Community 👩‍💻👨‍💻

Navicstein Rotciv
Navicstein Rotciv

Posted on

Quick tip on how to update your projects dependencies (nodejs)

If you want to keep your project secure, fast and enjoy the latest features of all your dependencies, it's important to keep them regularly up-to-date. since this is just a quick tip and not a full blog post, i won't go into details on why you should update your projects dependencies.

The problem

What are they used for? Do you really need them? Are they correctly ordered between dependencies and devDependencies? This may sound a bit obvious but if you're working on a project that you haven't initialized or where people were free to add dependencies, I'm pretty sure that you don't have a full control of what you're using.

To correctly update your dependencies and being able to adapt your code with the potential breaking changes, it's important that your dependencies contain a CHANGELOG file, some documentation or even better a migration guide.

Usually, a lot of dependencies have a CHANGELOG.md file at the root of their repository. This file contains the list of the changes (bugfixes / features) released with each new version. If the updates follow the semantic versioning, it'll be easier to predict if an update will be easy or not.

Updating using npm

There's no viable way of doing this is npm but installing a global package might help, you need to install a new global dependency by running

$ npm i -g npm-check-updates
Enter fullscreen mode Exit fullscreen mode

The to check for an update run the following

$ ncu -n -u
Enter fullscreen mode Exit fullscreen mode

the -n finds the newest versions available instead of the latest stable versions while the -u means overwrite package file

https://www.npmjs.com/package/npm-check-updates

Updating using yarn

By default, Yarn allows you to upgrade your dependencies in an interactive way. You just have to run yarn upgrade-interactive and you'll be prompted with all the possible updates (that follows the versions you've set in your package.json file) you can do.
for example

$ yarn upgrade-interactive
Enter fullscreen mode Exit fullscreen mode

That's all, hope you enjoyed this tip consider to share it with your friends :)

Top comments (0)

🌚 Browsing with dark mode makes you a better developer by a factor of exactly 40.

It's a scientific fact.