Тёмный

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

tapaScript by Tapas Adhikary
Подписаться 22 тыс.
Просмотров 7 тыс.
50% 1

Опубликовано:

 

29 сен 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 49   
@tapasadhikary
@tapasadhikary 9 месяцев назад
Topics Covered In this Video: 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
@suvasispatra6389
@suvasispatra6389 Месяц назад
loved it 🤩
@swaponsaha8111
@swaponsaha8111 4 месяца назад
this is my first video with npm package publish ... thank you dada 💌💌💌💌
@tapasadhikary
@tapasadhikary 4 месяца назад
You are most welcome
@Vjprathap0
@Vjprathap0 2 месяца назад
Hai tapas, Last 10 days I have been trying to create a npm package without any idea nd got lots of errors, your video give best roadmap, it is very clear and very very useful for me , Thank you so much.
@tapasadhikary
@tapasadhikary 2 месяца назад
@@Vjprathap0 thank you 🙏. Appreciate your comment.
@surajpatil6849
@surajpatil6849 Месяц назад
Thank you Sir 🤩
@tapasadhikary
@tapasadhikary Месяц назад
Welcome 😀
@AsGamer-sif1t
@AsGamer-sif1t 9 месяцев назад
really helpful video . Thanks for sharing with us❤❤
@tapasadhikary
@tapasadhikary 9 месяцев назад
My pleasure… lets create ❤️
@sanjuwa2677
@sanjuwa2677 7 месяцев назад
learned about rollup. Thanks
@tapasadhikary
@tapasadhikary 7 месяцев назад
Great
@aakashvishwakarma2243
@aakashvishwakarma2243 8 месяцев назад
Great video
@tapasadhikary
@tapasadhikary 8 месяцев назад
Thank you
@injamamislamchowdhury7939
@injamamislamchowdhury7939 9 месяцев назад
awesome! really thanks for your dedication. if i want to publish any react component, will it be same proccedure as you have guided here?
@tapasadhikary
@tapasadhikary 9 месяцев назад
Yes that's right. Please follow all the steps, if you got issue.. Let us know on discord.
@injamamislamchowdhury7939
@injamamislamchowdhury7939 9 месяцев назад
@@tapasadhikary lot of thanks!
@otis2646
@otis2646 16 дней назад
32:52 how you were able to see console.log in vs code ? any extension ?
@tapasadhikary
@tapasadhikary 16 дней назад
Yes, yes console ninja
@namratadas5569
@namratadas5569 Месяц назад
Great video! Can u plz guide how to create a private npm package?
@tapasadhikary
@tapasadhikary Месяц назад
noted.
@YtOk-bc7kr
@YtOk-bc7kr 4 месяца назад
can we identify whether ecmascript have been used in our project?
@gangstacoder4234
@gangstacoder4234 5 месяцев назад
How can we add ts support
@tapasadhikary
@tapasadhikary 5 месяцев назад
Will add a separate video as part of my TS playlist.
@codingzen869
@codingzen869 9 месяцев назад
Why don't you make an actually useful and robust package explaining the architecture, code structure etc? Not like a big one, a medium sized one. That will be really great. Everybody shows the flow, but few shows building the real deal. Please do one.
@tapasadhikary
@tapasadhikary 9 месяцев назад
Sure. However, the purpose of the content would be different. Here the intention is to show the flow(in a straightforward way). The one you are asking is to describe and build a use case that can be done without explaining the package building flow. Let me know if you got any mid size use case in mind. I shall consider it after review. Thanks for your comment 👍
@codingzen869
@codingzen869 9 месяцев назад
This is really great content. Don't get me wrong. :) What I meant to say is that the community lacks contents about how to approach and architecture a bit larger projects or packages, how to structure the codes or the modules etc. An example video would be probably implementing a wrapper for an existing API where the package will probably make it easier to call the API, or maybe modify the called data to fit the actual use case needs, or maybe creating a smaller version of jQuery, an image slider, a carousel with custom config, time tracker for ongoing projects, whatever suits you. Would love to watch one.
@tapasadhikary
@tapasadhikary 9 месяцев назад
@codingzen869 great points. I'll plan something around it 👍
@OjitDebNath
@OjitDebNath 9 месяцев назад
Really awesome video and we want next video about rollup. Thank you❤
@tapasadhikary
@tapasadhikary 9 месяцев назад
Very cool, will do a rollup video
@kazmuz5916
@kazmuz5916 2 месяца назад
Thank you so much sir, I'm so happy I found your video and channel, please keep it up!!!
@tapasadhikary
@tapasadhikary 2 месяца назад
@@kazmuz5916 sure, will do. Thanks a lot ❤️
@sayantanmanna1360
@sayantanmanna1360 6 месяцев назад
I'm not sure if you remember, I asked exactly for such a tutorial to create and publish npm package in one of your previous videos. It seems I'm a bit late at the party but who cares!! Thankssssss a lottttt for bringing this one, take love 🤗🤗.
@tapasadhikary
@tapasadhikary 6 месяцев назад
Haha, that's great :)
@farhadjaman5580
@farhadjaman5580 9 месяцев назад
thank you for this amazing video sir.
@tapasadhikary
@tapasadhikary 9 месяцев назад
Most welcome, Farhad ❤️
@abdurrahman720
@abdurrahman720 7 месяцев назад
getting error for react component
@tapasadhikary
@tapasadhikary 7 месяцев назад
Yes for react component you need to add additional configs. We have discussed it in tapaScript discord. You can catch up there.
@shlomomoller7440
@shlomomoller7440 4 месяца назад
This is an excellent video! Thank you so much Tapas! Best guide on this topic!!
@tapasadhikary
@tapasadhikary 4 месяца назад
You are most welcome ❤️
@AkonMHasib_Official
@AkonMHasib_Official 9 месяцев назад
❤❤❤❤❤❤❤❤
@tapasadhikary
@tapasadhikary 9 месяцев назад
❤️❤️
@Anguraj92
@Anguraj92 9 месяцев назад
Thank you
@tapasadhikary
@tapasadhikary 9 месяцев назад
Most welcome ❤️
@shlomomoller7440
@shlomomoller7440 4 месяца назад
Tapas, you're a gifted educator!
@tapasadhikary
@tapasadhikary 4 месяца назад
❤️❤️❤️
@danish7335
@danish7335 5 месяцев назад
can you please explain me how can i create my own boilerplate just like create-react-app or vite and i also want to make the same package to also work as full stack project setup like installing all the dependies and all...
Далее
ДЕНЬ УЧИТЕЛЯ В ШКОЛЕ
01:00
Просмотров 1,2 млн
ПОЮ ВЖИВУЮ🎙
3:19:12
Просмотров 878 тыс.
How to make your own NPM package (Step-by-Step) 📦
16:46
React 19 Features: Everything You Need To Know
45:55
Просмотров 2,6 тыс.
The Best React Code I Wrote (Code Review)
24:50
Просмотров 24 тыс.
Build And Publish A React Component Library
24:02
Просмотров 103 тыс.