How To Publish React Hooks And Components As NPM Package? A Beginner's Guide
What are you doing today? Let's do something for the developer community. Let us create an NPM package and publish it from our ReactJS code.
We will create a web development project, write a custom ReactJS hook, build the project with modification and source map with Rollup, create the NPM package, test it, and finally release it as a public NPM package.
After watching this video, I hope you can create your own NPM package easily. Also, I have provided a boilerplate for you(find the link below) to create an NPM package easily and quickly from your ReactJS codebase.
Why waiting? Let's GO 🚀
I take special care to provide you the best quality. Please LIKE/SHARE/SUBSCRIBE to the channel to show your support. Also, could you like/comment on this video so that it reaches others? Thanks! 🫶
Timecodes
0:00 - Introduction and What is NPM?
02:10 - What Do You Need To Know First?
05:10 - Initialize Project.
07:41 - Setting up Rollup
11:44 - Create A ReactJS Custom Hook.
18:11 - How To Setup Minification and Sourcemap With Rollup?
22:03 - Create Build Scripts And Build The Project.
26:35 - Create an NPM Package Locally.
29:44 - Test The NPM Package Locally.
33:57 - Publish The NPM To Public Repository
36:58 - Use The NPM From The Public Repository
38:00 - A Boilerplate For You To Create NPM Package From ANy ReactJs Code.
39:14 - Task For You
The Source Code Used In The video:
- https://github.com/atapas/tapas-count...
Learn Rollup:
- https://rollupjs.org/tutorial/
The Custom Hook NPM Boilerplate
- https://github.com/atapas/custom-hook...
ReactJS Playlist on tapaScript
- • 01 - A complete roadmap to learn Reac...
Join tapaScript Discord Server
- / discord
How to Submit the Task?
- Complete the task given in the video.
- Join tapaScript Discord Link: / discord
- Post your task in the "general" channel.
Special Links:
- Are you looking for the best NextJS templates to start your project development? Download and use them for FREE: https://www.wrappixel.com/templates/c...
- If you are looking for the best content management system, here is something for FREE that you can rely on: https://app.caisy.io/app/signup/mwiyy...
🤝 My Links:
- Blog: https://blog.greenroots.info/
- Follow on X(Twitter): / tapasadhikary
- Connect on LinkedIn: / tapasadhikary
- Follow My Work on GitHub: https://github.com/atapas
- Follow on Facebook: / tapasadhi
👋 Like my work? Thank You. You can sponsor me from here:
- Sponsor Me: https://github.com/sponsors/atapas
- Sponsor my Blog: https://blog.greenroots.info/sponsor
About Me:
Tapas Adhikary is an Educator at tapaScript, Tech enthusiast, Writer, YouTuber, and Open Source projects maintainer/contributor. He is a full-stack developer who has vast experience in building SaaS solutions. He is the founder of the ReactPlay platform, which is driven by open-source projects and a fast-growing community.
You can find more about him at https://tapasadhikary.com.
