package.json is not enough

Поділитися
Вставка
  • Опубліковано 1 гру 2024

КОМЕНТАРІ • 126

  • @hnasr
    @hnasr  2 роки тому +6

    Head to database.husseinnasser.com for a discount coupon to my Introduction to Database Engineering course. Link redirects to udemy with coupon applied.

  • @ShamilSattarov
    @ShamilSattarov 2 роки тому +263

    Some people think that 'npm ci' stands for "continious integration" because it mostly appears in CI build scripts. But actually it stands for "clean install". Your welcome!

    • @amoodaa
      @amoodaa 2 роки тому +13

      Its not clean install, its simply used more in continuous integrations environments, yes it does a clean install, but its a clean install because your CI will always be a new "instance", but it also adheres strictly to the package-lock dependency versions, unlike npm install

    • @KingTheRat
      @KingTheRat 2 роки тому +38

      Just run "npm ci -h" and you will see what it is.
      npm ci
      Install a project with a clean slate
      Usage:
      npm ci
      Options:
      [--no-audit] [--ignore-scripts] [--script-shell ]
      aliases: clean-install, ic, install-clean, isntall-clean
      Run "npm help ci" for more info

    • @davisdimalen3912
      @davisdimalen3912 2 роки тому +1

      @@KingTheRat Ah the wonders of the internet. :) Thanks for this valuable information.

    • @flannelbeard4621
      @flannelbeard4621 2 роки тому +2

      ... who tf assumed it meant "continuous integration"? No real developer would think that. Seriously. That's ridiculous.

    • @mayursinhsarvaiya9302
      @mayursinhsarvaiya9302 2 роки тому +9

      @@flannelbeard4621 Me.
      I assumed it as continuous integration, seriously.

  • @ADPenrose
    @ADPenrose 11 місяців тому +1

    I spent months reading articles and watching videos, and none of it stuck. Hands down, the best explanation on the topic. You're doing God's work here mate!

  • @TomDoesTech
    @TomDoesTech 2 роки тому +42

    Great video. One command that I use to debug my packages is npm why or yarn why, shows you the dependancy graph for a given dependancy, so you can see why it was installed.

    • @sidwebworks9871
      @sidwebworks9871 2 роки тому +2

      I see you've reached to this video even before me 😂

    • @RyanKOnk
      @RyanKOnk 2 роки тому +3

      I watch your videos here and there. Good content

    • @TomDoesTech
      @TomDoesTech 2 роки тому +3

      @@sidwebworks9871 You've got to be quick!

  • @chungweileong
    @chungweileong 2 роки тому +17

    This is definitely a good explanation!
    It’s frustrating when someone posted a solution for dependency related issue by removing the lock file, it get even worst especially when a package author decided to push a breaking change as a minor update.

  • @ss-gc9qq
    @ss-gc9qq 2 роки тому +2

    I've come across this explanation before, but it never quite stuck. I appreciate your communication style, thanks!

  • @ericjing3138
    @ericjing3138 Рік тому

    The best one I've ever seen on this topic..Thanks.

  • @thetrends5670
    @thetrends5670 2 роки тому +3

    "Keep the major version out of your f***ing mouth"
    - Nasser 2022

  • @anupamchakrawarti1803
    @anupamchakrawarti1803 2 роки тому +3

    Nicely explained, for the longest time I had doubts what the heck is package-lock.json or the yarn counterpart. Last week, I took some time to clear these doubts, good now. This video is now on my references list.
    And yes, English is hard 😢

  • @PenguinjitsuX
    @PenguinjitsuX 2 роки тому +1

    LOOL 4:03 "Keep the major version out of your F** mouth!" that made me laugh so hard

  • @anantharao2310
    @anantharao2310 11 місяців тому

    Hi. That was great explaination between package.json and package-lock.json files.
    Well done.

  • @rituagrawal2218
    @rituagrawal2218 2 роки тому

    Man you are awesome. You explain engineering concept so well.

  • @yadneshkhode3091
    @yadneshkhode3091 2 роки тому +9

    Thank you 💗💗😊😊 sir because of your videos i am learning a lot recently I received 150% hike as Backend developer this had a positive impact on me and my family ❤️❤️
    Thank you once again

    • @sunjayarmstead
      @sunjayarmstead 2 роки тому

      Congrats to you! I too recently got a pay hike. Feels really validating.

  • @SimonChikezie
    @SimonChikezie 11 місяців тому

    thanks bro now i can never forget the difference

  • @sunjayarmstead
    @sunjayarmstead 2 роки тому

    Hussein, this video is gold! Really well explained. I didn’t know about ‘npm ci’ - how handy! 👍🏽🔥

  • @SwapnilSoni
    @SwapnilSoni 2 роки тому +4

    Computer: knows 0 and 1
    Hussein sir: **pathetic**

  • @redaawwad3544
    @redaawwad3544 2 роки тому

    Thank you Hussein, happy Ramadan bro. 🌹🌹

  • @jupyter5k647
    @jupyter5k647 2 роки тому +2

    Hussein if you work normally with node then I very highly recommend you to use another node package manager called "pnpm", it is far more efficient for managing depenedencies than just npm

    • @rocstar3000
      @rocstar3000 2 роки тому +1

      I use yarn :)

    • @jupyter5k647
      @jupyter5k647 2 роки тому +2

      @@rocstar3000 i've been using yarn since I started using nodejs for a long time and had been loving it, but after trying out pnpm I just switched as it has a really nifty way of managing your packages that I found is much better than yarn :^)
      Give it a go and see what you think about it ;^]

  • @syedb8943
    @syedb8943 2 роки тому +1

    Thanks Hussein for covering this topic !

  • @JohnDoe-bu3qp
    @JohnDoe-bu3qp 2 роки тому

    In: there are fish in the sea. On: there are boats on the sea. Over: Most commercial aircraft fly over the clouds. Above: Satellites are way above the clouds. Under: You find all kinds of things lost under a sofa. Beneath: If you dig enough, you might find crude oil beneath the ocean floor.

  • @harshitjoshi3082
    @harshitjoshi3082 2 роки тому +1

    Ah that's the reason why everytime I contribute to a nodejs codebase, the package-lock.json changes appears in my commits ! Thanks for the video, Great content 🔥

  • @bashar876
    @bashar876 2 роки тому +2

    Thank you!!!!!! Super clear explanation.
    Please do one on peer dependencies in package lock json if you get the time and interest ❤️

  • @PhilipLon7
    @PhilipLon7 2 роки тому +2

    What I don't understand is, why they built npm so that "install" updates the packages.
    In my opinion it would be far more intuitive if only "update" updated packages and the package-lock.json file
    and "install" (or "restore") was the "ci" equivalent

  • @zeroww7
    @zeroww7 2 роки тому +4

    will-package-smith @4:04 reporting for slapping

    • @dr_davinci
      @dr_davinci 2 роки тому +1

      omg ! I didn't get the reference until I read your comment , and for that I thank you.

  • @udaynarayanmukherjee5208
    @udaynarayanmukherjee5208 2 роки тому +5

    npm ci thing ... super cool.
    Also, if you had just given the exact version to package.json you wouldn't have to deal with package lock.
    In bigger projects, resolving merge conflicts when upgrading multiple packages would be a headache.
    So, I would suggest use exacts and use ~ only when u know u wudbe okay with minor upgrades

  • @sujeethes6534
    @sujeethes6534 2 роки тому

    Thanks for adding humour in teaching

  • @orzumirzayev6630
    @orzumirzayev6630 2 роки тому +1

    Hello Husein. Thanks for video. I learned a lot from this. I really appreciate what you are sharing us.

  • @ngoako
    @ngoako 2 роки тому +3

    Good refresher 👌
    I read somewhere that the ci stands for clean install?

  • @uttammali1337
    @uttammali1337 2 роки тому

    you can use "npm shrinkwrap'' it'll help you to lockdown the versions of installed packages and their descendant packaages.

  • @pim8268
    @pim8268 2 роки тому

    Great content! And also a touch of sense of humor. We need to add a little fun to our learning process.

  • @justaguyt
    @justaguyt 2 роки тому

    Thanks very much, 😭😭 these are the kind of explanation that help in building CI CD pipelines
    And for sure JavaScript project pipelines are hard to maintain

  • @jeremiahblessing3891
    @jeremiahblessing3891 2 роки тому

    Some where I read npm ci is for clean install, LOL!. Finally understood what that npm ci does. Gonna change my gitlab pipelines.

  • @AzedineOuhadou
    @AzedineOuhadou Рік тому

    great explanation Nasser.

  • @Vietnamkid1993
    @Vietnamkid1993 2 роки тому

    I recognized this name somewhere🤩Great nginx course on Udemy

  • @martinmohammed4087
    @martinmohammed4087 2 роки тому

    This video is different. But positive with much of humour. Thanks

  • @ManojKumar-eg2sp
    @ManojKumar-eg2sp 2 роки тому

    We also have npm-shrinkwrap.json , when we run npm ci and if our project doesn't have package-lock.json, npm CI considers shrinkwrap.json

  • @hotharvey2
    @hotharvey2 2 роки тому +4

    it's "set IN stone" imagine carving INto a stone is more permanent than drawing ON a stone ;) thanks for the video

  • @thiagoalmeida5437
    @thiagoalmeida5437 2 роки тому +4

    Could we just not use ~ or ˆ in the package.json to lock the version?

    • @Abdullah-yq7jp
      @Abdullah-yq7jp 2 роки тому +1

      Yes - but any vulnerability found, patched will remain in your code that can be exploited!!

    • @THEVIERAOS
      @THEVIERAOS 2 роки тому

      @@Abdullah-yq7jp
      While true, it’s not a bad choice to lock your packages down to a version. Especially if consistency and application up time are a key priority. It adds the overhead of having to monitor for exploits one way or another but it also keeps potential breaking changes out of your code base.
      It all depends on the package and how big of an impact it has on your application of course.

  • @ramshankarkumar4222
    @ramshankarkumar4222 2 роки тому

    Awesome explanation!!! Thank you so much for providing this knowledge.

  • @karim-gb5nx
    @karim-gb5nx 2 роки тому +1

    i just subbed because you said "KEEP THE MAJOR VERSION OUT OF YOUR F*ING MOUNTH !"

  • @prakharvijay8853
    @prakharvijay8853 2 роки тому

    great explanation, I had always wondered the utility of package-lock.json, now I know it

  • @JLarky
    @JLarky 2 роки тому

    6:30 this is cute. You are forgetting that even if they don't release a new version of express you can still get tons of updates, because express dependencies could have released new versions :)

  • @leonbenjamin7891
    @leonbenjamin7891 2 роки тому

    Finally got it...thanks :)

  • @lokeshpatel3914
    @lokeshpatel3914 2 роки тому

    Great explanation. Please make a very detailed playlist of nodejs 🙏

  • @ddanielsandberg
    @ddanielsandberg 2 роки тому

    NPM CI is "Clean Install".
    I never understood the obsession with version-ranges in the node-community.
    And then having to invent a lock-file when the penny dropped.

    • @babsNumber2
      @babsNumber2 2 роки тому

      It's about giving options to developers. A person could decide to ignore the lock file while always upgrade or other teams could use the lock file more for reproducible deployments.

  • @kapahimself
    @kapahimself 2 роки тому

    PLEASE START A DISCORD SERVER CAUSE YOUR CONTENT IS ABSOLUTE GOLD.

  • @tonynguyen4007
    @tonynguyen4007 2 роки тому

    Great explanation video as always Hussein. Love your video.
    But I fell weird with the example of why we need to use `npm ci`
    If the author of project need to stick to specific version, they would not add `~` -> anyone pull and install the project would not need to run `npm ci` they can just use `npm install` as usual
    Btw. `npm install` already gives preference `package-lock.json`.
    But yarn gives preference `package.json`

  • @justine_chang39
    @justine_chang39 2 роки тому

    awesome video man!

  • @coderinprocess2678
    @coderinprocess2678 Рік тому

    Hey @hnasr, how to decide whether to use carrot or tilda ?

  • @harishkanna6079
    @harishkanna6079 Рік тому

    So should we always use npm ci all the time instead of npm install just to be safe??

  • @hakimbencella4242
    @hakimbencella4242 2 роки тому

    Why should i depends on package_lock if i can fix (without adding ^ and ~ ) my version in package.json ? 🤔

  • @azeynar
    @azeynar 2 роки тому

    Great explanation, thank you !!!

  • @williampogany6038
    @williampogany6038 2 роки тому

    great video and your english is good! :)

  • @harshilparmar9076
    @harshilparmar9076 2 роки тому

    This is gold 🥇

  • @thorfinnthegoatmc
    @thorfinnthegoatmc 2 роки тому

    damn Im using npm for years now I didnt know `npm ci` existed until now. this is very helpful

  • @HarshKapadia
    @HarshKapadia 2 роки тому

    Good video. Thank you Hussein!

  • @yassdev
    @yassdev Рік тому

    I think the CI in npm ci stands for "Current Install"

  • @DerLuukee
    @DerLuukee 2 роки тому +2

    "Don't touch my minor" 😂

  • @dhillaz
    @dhillaz 2 роки тому +1

    This whole time I have been deleting package-lock.json just because VS Code complains about it too much. 😂

  • @astrix8812
    @astrix8812 2 роки тому

    Loved it!

  • @ca7986
    @ca7986 2 роки тому

    This is amazing

  • @coreyfelipe5679
    @coreyfelipe5679 2 роки тому

    Haha 😆. Have you considered doing podcast. You are funny and yet so knowledgeable to the topic.

  • @shubhamnandeshwar999
    @shubhamnandeshwar999 2 роки тому

    Amazing video! npm ci is actually clean install, it has nothing to do with CI/CD!

  • @ambianceTree
    @ambianceTree Рік тому

    👍 Good simplification

  • @MK-ef9iu
    @MK-ef9iu 2 роки тому

    Very clear. Big up to Will smith

  • @paulsalele3844
    @paulsalele3844 2 роки тому

    great explanations

  • @bartoszsroka4705
    @bartoszsroka4705 2 роки тому +1

    Why introducing a concept of package-lock.json? I need exact version? I can remove tilda. Why overcomplicating things?

  • @andrejvujic
    @andrejvujic 2 роки тому

    What MacBook are you using?

  • @bashardlaleh2110
    @bashardlaleh2110 2 роки тому

    I actually had a problem a month ago where I created a gitlab auto deployment pipeline job that pulls the pushed code and runs npm install on the server and it always failed because npm install was changing the lock file on the server which was considered a change in the local git repo so the git pull fails "you have uncommited changes please stash them or commit" then I found out about npm ci and the job succeeded

    • @hnasr
      @hnasr  2 роки тому

      Wow interesting! I bet it was nasty to find

  • @zorsen117
    @zorsen117 2 роки тому

    So why should I use npm ci instead of just locking the specific version directly on my package.json? That's what confuses me ☹️

    • @hnasr
      @hnasr  2 роки тому +1

      Because unfortunately while you can control your own packages by fixing the version, you can’t control all the dependency tree packages that downstream packages reference. One of those packages are marked as ^ or ~.

    • @zorsen117
      @zorsen117 2 роки тому

      @@hnasr that makes a lot of sense. Thanks!!! Love your videos

  • @RohanDas23
    @RohanDas23 2 роки тому

    so a quick question.. if you want "4.16.1" exact, then why can't you remove the ~ or ^ and it will solve the problem, no need to use package-lock.json. Am I missing something?

    • @PhilipLon7
      @PhilipLon7 2 роки тому

      You might want to update the packages according to the range specified in the package.json
      but you don't want to do the update by accident or on a CI / build server.
      You then update the packages intentionally locally and check in the updated lock file.

    • @RohanDas23
      @RohanDas23 2 роки тому

      @@PhilipLon7 if i am not confident that update won't break my app, then why would I take the risk of updating more than 1 package at a time? And if I am updating only 1 package, then i can do it manually.

  • @ivan07z583
    @ivan07z583 2 роки тому

    Hahahaha the Will Smith part was so funny and unexpected

  • @parthokr
    @parthokr 2 роки тому

    It would be nice if adding "$" restricts only patch updates.

  • @arekxv
    @arekxv 2 роки тому

    Using npm ci is the best for deployments but bad for development. Running ci can take a LONG time depending on how many packages you have, exactly because it is removing and renstalling all node_modules. We need an inbetween command which just does a diff and installs just what it needs to. Composer install honors this, why cant npm?

  • @unemployedcse3514
    @unemployedcse3514 Рік тому

    Awesome ❤

  • @mehmetedex
    @mehmetedex 2 роки тому

    "will smith" reference caught me off guard

  • @hemanthsubbiah6826
    @hemanthsubbiah6826 2 роки тому

    Straight to my gitlab CI/CD codebase and updating all npm install commands to npm ci

  • @hellowill
    @hellowill 2 роки тому

    Always use npm ci on the build pipeline!

  • @0xmg
    @0xmg 2 роки тому

    npm ci means clean install tho right ?

  • @adusparx
    @adusparx 2 роки тому

    The will smith troll was hilarious 😂😂

  • @darthnihiluz5305
    @darthnihiluz5305 2 роки тому

    This seems like a nightmare for enterprises. Do they physically host their own approved repositories?

    • @hnasr
      @hnasr  2 роки тому

      Yes most enterprises I suppose would have a controlled npm registry. Otherwise its a mess.

  • @Cosines
    @Cosines 2 роки тому

    good to see you using vim :)

  • @filipesommer8253
    @filipesommer8253 2 роки тому

    Omg I lost it at the will smith reference lmao

  • @thedude5639
    @thedude5639 2 роки тому

    I feel like he went full scottish for the 'caret'

  • @Chaaos2
    @Chaaos2 2 роки тому

    Love it 😂

  • @shivaganga9148
    @shivaganga9148 2 роки тому

    Awesome

  • @balajibobby8530
    @balajibobby8530 2 роки тому

    Upvote

  • @محمدفرج-ث7ذ3د
    @محمدفرج-ث7ذ3د 2 роки тому

    pnpm alternative for npm

  • @elotanth9538
    @elotanth9538 2 роки тому

    🔥🔥🔥

  • @Miguel-Barcelo
    @Miguel-Barcelo 2 роки тому

    $ npm ci
    Great job dude! thanks for sharing

  • @ericmackrodt9441
    @ericmackrodt9441 2 роки тому

    Node package management is a huge mess...

  • @ca7986
    @ca7986 2 роки тому

    ❤️

  • @ozgur34
    @ozgur34 2 роки тому

    Hussein Smith

  • @ademmohammed3939
    @ademmohammed3939 2 роки тому

    ci=clean-install

  • @monstardev7189
    @monstardev7189 2 роки тому

    the ''carrot''

  • @rohitbhatt7749
    @rohitbhatt7749 2 роки тому +1

    vim is giving me anxiety.

  • @Faruk-zt5iw
    @Faruk-zt5iw 2 роки тому

    lmao at Will Smith part

  • @mikeaza
    @mikeaza 2 роки тому

    green

  • @ms77grz
    @ms77grz 2 роки тому

    🤣🤣🤣👍👍

  • @narayanbhat3279
    @narayanbhat3279 2 роки тому

    talking head thing XD