Sign in
Log inSign up
Tarek Jellali

155 likes

·

2.6K reads

14 comments

Favourite Jome
Favourite Jome
May 18, 2021

Awesome Article!, I did code along until it was time to deploy to npm. I didn't want to do that.

Thanks for sharing though, it's good knowing how packages are made.

1
·
·2 replies
Tarek Jellali
Tarek Jellali
Author
·May 18, 2021

Very glad you've enjoyed it!

Honestly, my goal was to demystify how npm packages are made. I used to think that it was complicated and cumbersome. All the articles I found were talking about tools and other things that can make beginners just give up.

1
·
Favourite Jome
Favourite Jome
May 18, 2021

I glad you took a different approach then 😊Tarek Jellali

I found the article easy to follow along.

1
·
Kieran Roberts
Kieran Roberts
May 19, 2021

That was a really great article Tarek Jellali. As someone who has never self-published a package before I was curious to know how it was done and this explained things really well!

1
·
·1 reply
Tarek Jellali
Tarek Jellali
Author
·May 19, 2021

Thanks you so much Kieran! So happy you liked it 😀 !

·
Piyush Garg
Piyush Garg
May 19, 2021

Great article. 🚀

1
·
Andrew Baisden
Andrew Baisden
May 20, 2021

Awesome already bookmarked it this will come in useful later.

1
·
·1 reply
Tarek Jellali
Tarek Jellali
Author
·May 20, 2021

Happy to read that, thank you so much 🙌 !

·
Rodrigo
Rodrigo
May 22, 2021

Great article Tarek, to be honest, I haven't published a package yet so this will help me with my next project

Thanks a lot!

1
·
·1 reply
Tarek Jellali
Tarek Jellali
Author
·May 22, 2021

Very happy you liked it, Rodrigo! I hope it'll come helpful to you yes! 🙌

·
Wade Wilson
Wade Wilson
Oct 17, 2023
  1. it takes 5 minutes to push your example into github project and linking it here
  2. building with tsc does not allow you yo use *.css|scss files
·
·3 replies
Tarek Jellali
Tarek Jellali
Author
·Oct 17, 2023

Hello there, I'm not sure I understand your first point, the repo is available here and evey step in the guide has the commit id + link to commit reflecting that step.

As for your second point, correct, TSC does not build and bundle scss. I didn't mention CSS/SCSS bundling for a package to keep things really simple. If you think I need to address it, I can add a bonus section for sure 😊 .

·
Wade Wilson
Wade Wilson
Oct 17, 2023

Tarek Jellali

  1. I ment it would be so much easier to understand what is going on if we could see full-code example (GitHub repo).
  2. Any React component package contains some sort of styling - as far as I'm concerned it gets very messy when you're trying to add styles to TSC
1
·
Tarek Jellali
Tarek Jellali
Author
·Nov 11, 2023

Wade Wilson I get what you mean. This is more a general guide to help someone new to the world of npm packages to get started.

In any case I like what you're suggesting, I think this deserves a part 2 with something more advanced 😃 !

·