When starting to develop your own components
So you want to start a project... The first temptation may be which UI library to use. You might be encourage to use an existing library - which has been built out, tested, has a ton of functionality and look super nice.
So why do I encourage you to not use libraries and instead develop your own. Three simple reasons-
1- Building your own components is a great way to teach you how to separate your code into smaller blocks, which increases reusability. You will learn how to pass props to change how your components work and also understand how to utilize these libraries.
2- Dependency Hell- things break!!! A great UI toolkit still can have issues. Someone may not actively maintain it, and now your site can be prone to security vulnerabilities or you may be forced to rebuild certain sections
3- When you build your own components it is much easier to style them than overriding the basic styles that are provided with these libraries. If you are going to completely alter the styles of a UI kit/ aren't happy with the defaults then it makes sense to just build from scratch. If your team decides to rebrand it can be much tougher to change the UI kit vs your own components
When do I like to use libraries
If the project is a super simple project or I know that it is not going to be used for a long time/ it's just a quick mockup, it is way easier to get things out the door by using a library.
Thanks for the read