Writing & Publishing your First NPM Package!

-- Today, we're going to go beyond a boring 'hello world' example and into something that's a bit more useful. After creating 'shadowizard' (a simple npm package for adding shadows to certain elements), I'm going to show you how to publish it to GitHub as well as NPM, for others to use.

Let's get started!

- - - - - - - - - - - - - - - - - - - - - -

Subscribe for NEW VIDEOS!

^-Chat with me and others

- - - - - - - - - - - - - - - - - - - - - -

Come to my discord server or add me on social media and say Hi!

[DesignCourse]

Have you published anything on npm? Share them below!

[hexerous]

If anyone is get a status code 402 Payment Required; just run `npm publish --access=public`, this usually happens the first time you publish a package.

[NaserMohdBaig]

Loved the straightforward explanation. I was under the impression that publishing packages on npm is voodoo stuff but I am pretty confident on releasing my first package now. Really appreciate your help.

[sherifsalah]

Omg that's exactly what i was searching for the last couple of days, thank you so much.

[muhammadsafiullah]

I showed this video to my crush and she's my wife now. I'm grateful. Thanks for sharing this video tutorial. ❤️

[justingolden]

When you use triple backticks you can put the language name after the third backtick, so in your case "js"

[obafemioderanti]

Thanks Gary, I just published my first npm package. So excited...

[yitzchaksviridyuk]

Thanks a lot for the tutorial man! I made a gallery package, but I've only hosted it on CDN. Now, I'm gonna now be able to try making an NPM package for it. Thanks again! 😁

[_goodness]

I did, but I need to require("abc"), to use it, Why import is not working, saying cant import outside module. I did everything same .

[jordaan_armand]

You are a legend, thank you for adding this, great tutorial! No fluff and straight to the point :D, only thing I would have added was the package version bump then publish if doing a republish.
Also had an oddity where the updated package version wasn't being picked up on npm website, had to signout and back in for it to reflect as clearing cache had no effect.

[nicoregules]

Protip: if you click in the square icon with magnifying glass in the top right corner, you can see your markdown compiled in real time right there in vscode.

[balajikc]

Oh Man! I really want to know how you read my mind. I was searching for publishing the npm package of my shared module in Angular. Boom!! Here you go... Like always you rocked. Keep surprising me :)

[JagdishBanda]

Sounds very easy to create npm by watching this. Thanks

[keduslejiyared]

Thank you so much! Please make a tutorial on how to create a react component library and how to upload it on npm

[almostrandomnickname]

Thank you it’s really good I’d like to see an advanced tut like how to make a sdk

[lednick____]

it is exactly what I searched for all day. Thanks

[heroddube]

Me: Man that shit tight
Video: Its a very silly example, nobody's gonna use this

[meelikedc]

So so helpful. Clear, concise. Thank you so much.

[brunofilgueiras]

saving this video forever as reference <3

[usufdev]

npm i tg-forms // Small telegram message sending library.
*Thank you very much!*