How to make your own NPM package (Step-by-Step) 📦

[@DarlenCodename]

Awesome quality video. ✅ Perfect audio. ✅ Straight to the point. ✅ Showing best practices. Keep it up.

[@weroro]

5:14 There is a CLI for that "npx tsc --init" 15:30 Before publishing a new package, you should test it locally. Use the "npm pack" command to create a TGZ file and you can use it in the package.json file using the "npm install relative_path_to_package_file" command

[@DarlenCodename]

You can use "npm link" to link the package globally, then in a new folder you use "npm link package-name" and it'll be linked to you node_modules

[@TheFearlessStudios]

I really appreciate this video as I’m gonna be making a discord game package and this helped me understand things I didn’t understand before keep up the great work

[@jasonko1202]

Best video I've watched on how to create npm package!!

[@priyanshushh]

Thank you so much dude today i published my first ever package, this video helped me a lot.

[@PlatinumBuckGorilla]

Everyting on point. Very good tutorial. Saved me a lot of time. Been fluffing around with webpack and it’s plug-ins especially the ts-loader the bloody things are so out of sync. Spent countless hours trying to find compatible versions between the two.

[@ZeroCommentsZeroDocs7Bugs]

From all the tutorials this was the one that got me to where I wanted to be! Thank you so much!

[@hghlndr2]

Wow! What a good video!!! Best one for this subject, hands down.

[@Cypekeh]

Amazing bro. Subbed One thing tho, you often don't need to install packages globally, if you install them as a dev dependency you can use its binary inside that project via npx

[@RabahTaib-mn4fs]

Frist: (الحمد لله) Second: Thank you ♥

[@TheBenhichem]

nice, simple and straight forward

[@v.demchenko]

absolutely amazing video with great explanation every detail

[@UnderCtrl]

🙏

[@BooksWeCanRead]

That’s so cool! Thanks so much that’s awesome! 👌

[@PRABHAKARNAYAK-s5v]

Thank you for the clear explanation

[@abdulsamadayoade9439]

thanks for making this, it fixed my problem

[@XZivXL]

Life saver! Thank you for that

[@nayandey5010]

thanks to you, for my first npm package

[@zenobiusztasak8604]

How instead of this: import {Button, someFunction} form "my-package" have these separated like: import {Button} from "my-package/components" import {someFunction} from "my-package" or "my-package/functions" Thanks

[@mariolazzari]

amazing video: I was seaarching for a tsdx alternative and, thanks to your awesome job, I found it!

[@Perrynatufe9105]

Thanks so much This was really helpful for my SAAS

[@UnderCtrl]

Glad to have been helpful. Good luck on your SaaS! :)

[@douglasemsantos]

Excellent video! Thank you for that!

[@zoeycvu]

thank you for your best tutorial

[@mrlectus]

Why do I have to install types in some package and some I don't have to, but they still have types?

[@m1dev]

Great video! ❤🔥

[@antonhogstrom4085]

Great quality tutorials! 👌

[@WaveFlightSimulations]

thanks for the video bro

[@qudratullahkhan4518]

Very Informative video. I have a question, this package is for Node Js. But how can we create a Vanilla JavaScript library like moment.js?

[@fereshteh2000]

Thanks a lot!

[@yunwang1243]

Why is it for CommonJS? It is outdated

[@hrushikeshvibhute4639]

Node js works on common js only

[@goat-sama]

Did a bot write this?

[@zayne-sarutobi]

True pre node16

[@kasuutooheri]

Podrias hacer un tutorial para embeds programados?):

[@hidhayaths]

Excellent! Can we do classes in ts with the same steps or do we need any other configs? Pls advise

[@UnderCtrl]

You can use the same config for classes

[@0looom]

keep going!!!!!!!!!!!!!!!!!!!!

[@aboutreactnative4484]

Thanks for the tutorial I have made a npm package called log-glow

[@devgauravjatt]

Great video 💯❤❤❤🎉🎉🎉🎉🎉

[@heruhailiuhuang533]

how to build for diff env like and prod.

[@maxpricefield7586]

question: do we need to configure for both cjs and esm if I just want to make typescript libraries meant for nodeJS only?

[@UnderCtrl]

Yes, it would be good practice to do so because some developers might use CommonJS with your library while others might use ESM. Configuring for both ensures that your library will be supported by both environments.

[@rjwhite4424]

awesome video. How would you recommend testing the code before building and publishing?

[@UnderCtrl]

You can use "npm link" to install this package locally in another project and test it out there. I found this great tutorial you might find helpful: dev.to/one-beyond/different-approaches-to-testing-your-own-packages-locally-npm-link-4hoj

[@gayathri-8-i6s]

as i am using next js, i dont have main. then how to do it?

[@deveshbajaj5827]

Means

[@tech-nomade]

bro this is gold. subsicribed

[@anilsonix]

Could also share how to build isomorphic packages and subpath exports 😊

[@mayurghuge8846]

Thank you.

[@jh_developer]

package npm adduser notworking?

[@abdulsamadayoade9439]

don't add package, that is his folder name used in the tutorial, just type "npm add user"

[@webdevelopmentguide4910]

Thankful

[@praweewongsa]

good job

[@ftntio]

Cool....

[@reybecar8033]

I’m so lost at the beginning

[@kobbimensah547]

Don't worry things gets so complicated when you don't know to start from

[@PlatinumBuckGorilla]

Fairly easy tutorial considering you do minimal compared to if you were using webpack or rollup

[@ehm-wg8pd]

if you are lost, chances are you are missing the prerequisite, developing npm library is advanced topic, you can learn javascript, typescript, module system, node, and get used with web development first (coz modern dev will give yoh insight to why npm library exist / can be helpful)

[@FaresFakhouri]

How To Make Dashboard #Day 1

[@sanjay-gf9pr]

import {defineConfig} from 'tsup' export default defineConfig({ format: ['cjs', 'esm'], entry: ['./src/index.ts'], dts: true, shims: true, skipNodeModulesBundle: true, clean: true, }) and { "compilerOptions": { "target": "es2022", "module": "commonjs", "outDir": "dist", "declaration": true, "noEmit": true, "isolatedModules": true, "esModuleInterop": true, "moduleResolution": "Node", /* Type Checking */ "strict": true, "noImplicitAny": true, "strictNullChecks": true, }, "include": ["src"], "exclude": ["node_modules"] }