package.json is not enough

Поделиться
HTML-код
  • Опубликовано: 23 авг 2024

Комментарии • 127

  • @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 года назад +262

    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 года назад +37

      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 года назад +8

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

  • @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!

  • @ADPenrose
    @ADPenrose 7 месяцев назад +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!

  • @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!

  • @PenguinjitsuX
    @PenguinjitsuX 2 года назад +1

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

  • @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.

  • @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.

  • @anantharao2310
    @anantharao2310 7 месяцев назад

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

  • @SimonChikezie
    @SimonChikezie 7 месяцев назад

    thanks bro now i can never forget the difference

  • @SwapnilSoni
    @SwapnilSoni 2 года назад +4

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

  • @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 😢

  • @thetrends5670
    @thetrends5670 2 года назад +3

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

  • @ngoako
    @ngoako 2 года назад +3

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

  • @karim-gb5nx
    @karim-gb5nx 2 года назад +1

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

  • @ericjing3138
    @ericjing3138 Год назад

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

  • @sunjayarmstead
    @sunjayarmstead 2 года назад

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

  • @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 ❤️

  • @sujeethes6534
    @sujeethes6534 2 года назад

    Thanks for adding humour in teaching

  • @rituagrawal2218
    @rituagrawal2218 2 года назад

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

  • @syedb8943
    @syedb8943 2 года назад +1

    Thanks Hussein for covering this topic !

  • @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 🔥

  • @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

  • @orzumirzayev6630
    @orzumirzayev6630 2 года назад +1

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

  • @redaawwad3544
    @redaawwad3544 2 года назад

    Thank you Hussein, happy Ramadan bro. 🌹🌹

  • @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

  • @Vietnamkid1993
    @Vietnamkid1993 2 года назад

    I recognized this name somewhere🤩Great nginx course on Udemy

  • @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

  • @AzedineOuhadou
    @AzedineOuhadou 9 месяцев назад

    great explanation Nasser.

  • @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.

  • @martinmohammed4087
    @martinmohammed4087 2 года назад

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

  • @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.

  • @pim8268
    @pim8268 2 года назад

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

  • @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

  • @ramshankarkumar4222
    @ramshankarkumar4222 2 года назад

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

  • @prakharvijay8853
    @prakharvijay8853 2 года назад

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

  • @uttammali1337
    @uttammali1337 2 года назад

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

  • @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 ;^]

  • @paulsalele3844
    @paulsalele3844 2 года назад

    great explanations

  • @leonbenjamin7891
    @leonbenjamin7891 2 года назад

    Finally got it...thanks :)

  • @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.

  • @harishkanna6079
    @harishkanna6079 9 месяцев назад

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

  • @ambianceTree
    @ambianceTree 8 месяцев назад

    👍 Good simplification

  • @lokeshpatel3914
    @lokeshpatel3914 2 года назад

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

  • @ivan07z583
    @ivan07z583 2 года назад

    Hahahaha the Will Smith part was so funny and unexpected

  • @azeynar
    @azeynar 2 года назад

    Great explanation, thank you !!!

  • @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

  • @coreyfelipe5679
    @coreyfelipe5679 2 года назад

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

  • @DerLuukee
    @DerLuukee 2 года назад +2

    "Don't touch my minor" 😂

  • @kapahimself
    @kapahimself 2 года назад

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

  • @yassdev
    @yassdev Год назад

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

  • @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`

  • @dhillaz
    @dhillaz 2 года назад +1

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

  • @HarshKapadia
    @HarshKapadia 2 года назад

    Good video. Thank you Hussein!

  • @coderinprocess2678
    @coderinprocess2678 8 месяцев назад

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

  • @thorfinnthegoatmc
    @thorfinnthegoatmc 2 года назад

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

  • @mehmetedex
    @mehmetedex 2 года назад

    "will smith" reference caught me off guard

  • @astrix8812
    @astrix8812 2 года назад

    Loved it!

  • @harshilparmar9076
    @harshilparmar9076 2 года назад

    This is gold 🥇

  • @bartoszsroka4705
    @bartoszsroka4705 2 года назад +1

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

  • @shubhamnandeshwar999
    @shubhamnandeshwar999 2 года назад

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

  • @unemployedcse3514
    @unemployedcse3514 8 месяцев назад

    Awesome ❤

  • @williampogany6038
    @williampogany6038 Год назад

    great video and your english is good! :)

  • @MK-ef9iu
    @MK-ef9iu 2 года назад

    Very clear. Big up to Will smith

  • @hemanthsubbiah6826
    @hemanthsubbiah6826 2 года назад

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

  • @filipesommer8253
    @filipesommer8253 2 года назад

    Omg I lost it at the will smith reference lmao

  • @ca7986
    @ca7986 2 года назад

    This is amazing

  • @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 :)

  • @justine_chang39
    @justine_chang39 2 года назад

    awesome video man!

  • @hellowill
    @hellowill 2 года назад

    Always use npm ci on the build pipeline!

  • @hakimbencella4242
    @hakimbencella4242 2 года назад

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

  • @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.

  • @andrejvujic
    @andrejvujic 2 года назад

    What MacBook are you using?

  • @parthokr
    @parthokr 2 года назад

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

  • @adusparx
    @adusparx 2 года назад

    The will smith troll was hilarious 😂😂

  • @andyk2181
    @andyk2181 2 года назад

    The docs for `npm update` explain how the semver in package.json is used. `npm install` will use package-lock.json if it's there *and compatible with `package.json`*, `npm ci` needs the lock file and will remove node_modules if that exists.

  • @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?

  • @0xmg
    @0xmg 2 года назад

    npm ci means clean install tho right ?

  • @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

  • @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

  • @Cosines
    @Cosines 2 года назад

    good to see you using vim :)

  • @user-xu9zx9fd7n
    @user-xu9zx9fd7n 2 года назад

    pnpm alternative for npm

  • @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.

  • @thedude5639
    @thedude5639 2 года назад

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

  • @balajibobby8530
    @balajibobby8530 2 года назад

    Upvote

  • @shivaganga9148
    @shivaganga9148 2 года назад

    Awesome

  • @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.

  • @Chaaos2
    @Chaaos2 2 года назад

    Love it 😂

  • @Faruk-zt5iw
    @Faruk-zt5iw 2 года назад

    lmao at Will Smith part

  • @ozgur34
    @ozgur34 2 года назад

    Hussein Smith

  • @ademmohammed3939
    @ademmohammed3939 2 года назад

    ci=clean-install

  • @monstardev7189
    @monstardev7189 2 года назад

    the ''carrot''

  • @Miguel-Barcelo
    @Miguel-Barcelo 2 года назад

    $ npm ci
    Great job dude! thanks for sharing

  • @ca7986
    @ca7986 2 года назад

    ❤️

  • @rohitbhatt7749
    @rohitbhatt7749 2 года назад +1

    vim is giving me anxiety.

  • @elotanth9538
    @elotanth9538 2 года назад

    🔥🔥🔥

  • @mikeaza
    @mikeaza 2 года назад

    green

  • @ericmackrodt9441
    @ericmackrodt9441 2 года назад

    Node package management is a huge mess...

  • @narayanbhat3279
    @narayanbhat3279 2 года назад

    talking head thing XD