How To Publish React Hooks And Components As NPM Package? A Beginner's Guide #react #rollup #npm

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-countries

## Learn Rollup:
- https://rollupjs.org/tutorial/

## The Custom Hook NPM Boilerplate
- https://github.com/atapas/custom-hook-npm

## ReactJS Playlist on tapaScript
- https://www.youtube.com/watch?v=ODKIxaSMgpU&list=PLIJrr73KDmRyrDnDFy-hHvQ24rRjz6e_J

## Join tapaScript Discord Server
- https://discord.gg/YzUe4DbNAz

## How to Submit the Task?
- Complete the task given in the video.
- Join tapaScript Discord Link: https://discord.gg/YzUe4DbNAz
- 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/category/nextjs-templates/?ref=305&campaign=NextJStemplate
- 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/mwiyyiglk2er

## 🤝 My Links:
- Blog: https://blog.greenroots.info/
- Follow on X(Twitter): https://twitter.com/tapasadhikary
- Connect on LinkedIn: https://www.linkedin.com/in/tapasadhikary/
- Follow My Work on GitHub: https://github.com/atapas
- Follow on Facebook: https://www.facebook.com/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.

Видео How To Publish React Hooks And Components As NPM Package? A Beginner's Guide #react #rollup #npm канала tapaScript by Tapas Adhikary