excellent tutorial, especially the parts on unit testing and storybook. for bundling I use tsup which is another really solid approach, saves the headache of configuring babel.
I really enjoyed the video, thank you so much! It would be great if you could continue this series by creating various components for the library. Thanks in advance!
Is this best approach used in production? And what about if some one wants to use tools like sanity, Google analytics.. so on. Will you still recommend to use react or next.js?
In this scenario yes. You have rollup as your module bundler then the benefits of react to have the modularity and ability to use props. There’s no need for next js and that has an express server which you don’t need. With a component library you can host on npm and import into whatever project you are using. Can be next react or anything else then you can add tools such as sanity in your project.
You can import the component that you want to use and with the tree shaking functionality that is the best approach. So you would need to install the entire library to do this
Yes why not keep it simple. Or you can use middleware on serverside to determine the branch based on the URL in a switch statement and then pass the props to client and handle brand that way
excellent tutorial, especially the parts on unit testing and storybook. for bundling I use tsup which is another really solid approach, saves the headache of configuring babel.
Thank you Jennifer. I will have to take a look at the docs and check it out!
SUBSCRIBED! Keep making content mate, this is top stuff.
Thanks! Really appreciate your kind words
I really enjoyed the video, thank you so much! It would be great if you could continue this series by creating various components for the library. Thanks in advance!
Great suggestion! I will think about this
This is so good to know.
Glad it helped!
I try doing this on my own but I got lost. Finally, I saw this.
Thanks for watching!
just what i needed. still getting comfortable but looking forward for more.
Thank you and keep it up
Thank you so much bro, that really help me alot!.
No worries. Glad it helped
very nice and informative video. Thanks
Thanks a lot
Explained very well❤❤
Thank you very much!
Is this best approach used in production? And what about if some one wants to use tools like sanity, Google analytics.. so on. Will you still recommend to use react or next.js?
In this scenario yes. You have rollup as your module bundler then the benefits of react to have the modularity and ability to use props. There’s no need for next js and that has an express server which you don’t need. With a component library you can host on npm and import into whatever project you are using. Can be next react or anything else then you can add tools such as sanity in your project.
Please make a turbo repo version with all those libraries tutorial~~
I will have a look at this
@@imrancodes Thanks!!!
What if I only want to install one ui component of the published package?
You can import the component that you want to use and with the tree shaking functionality that is the best approach.
So you would need to install the entire library to do this
@@imrancodes Thank you
same apporach on next js 14 ap router ?
Yes why not keep it simple. Or you can use middleware on serverside to determine the branch based on the URL in a switch statement and then pass the props to client and handle brand that way
amazing
Thanks
The eslint that I installed doesn't have a JSON config format option, and by default it creates a config file with MJS format, how about that?
This should be fine just follow along the steps. You can always change your eslint config file when it’s created
hii imran sir i need your help kindly tell me what is :
LOCAL_VERSION
GH_TOKEN
CURRENT_VERSION
and how can i implement them
These are environment variables that you can save in the circle ci project
I recommend doing the release and publish to npm jobs manually
Promo'SM