

Small apps updated frequently can benefit from npm update.

If you are looking for an easy way, here you go: npm update. This is all beautiful and nice however you might be surprised by the number of issues you might encounter "for only a small update" in more complex apps. If the second or third number in the new version number is different e.g. 4.10.3 I would expect possible incompatibilities. If there is a new version available and the first number in the version number is different e.g. PATCH version includes backward-compatible bug fixes.MINOR version has new backward-compatible features.MAJOR version has incompatible changes,.Yellow indicates that there's a newer version above your semver requirements (usually new major, or new 0.x minor) so proceed with caution.Red means there's a newer version matching your semver requirements, so you should update now.

Often, the choice is not black or white, especially in big and complex apps with other priorities.Īlso, the npm documentation is a bit more specific on the colors: Npm outdated color coding in simple wordsĭespite the outcome of npm outdated you may want to postpone the update. However, let's understand the color-coding because it will be the same disregarding the framework you will use. I run npm outdated on some code that I am using for an Angular tutorial, so the outcome for your project might be very different. Npm outdated is a built-in npm command and you don't have to install any additional packages for it. Here is the tip: run npm outdated from the terminal in your project folder to see if the installed packages are outdated. Here is a quick tip to quickly check and update the npm dependencies in our project. However, here is a quick tip that could speed up your work when you need to check and update the npm dependencies in a project. If you are not familiar with this concept, check out Pareto's priciple. We should focus on the 20% that produces 80% of the outcome rather than spending time on everything else. Knowing the ins and outs of npm while learning HTML, CSS, JavaScript, and a framework is probably not a good idea. There are things we might skip while learning web development from scratch.
