Photo by Maik Jonietz on Unsplash
Stop learning Bootstrap, make way for better UI libraries for your React applications!
People have been using Bootstrap for ages now and had it been 2018 or 2019 of course without a doubt even I would have preferred learning bootstrap and in my 1st year of Engineering, I did!
But it's 2023 now, and there are much better alternatives to developing a website or an application. Maintaining libraries or a set of components for your product that follows consistency is difficult.
Honestly, I stumbled upon Chakra UI while interning. It makes React projects easier, fully customizable, and not repetitive, same designs as bootstrap components.
So let's explore why use ChakraUI and what is the upside to it!
Benefits
Components are easy to theme and fully customize
Color modes and light and dark theme switches have been made easier
Components are quite small and easy to combine to form bigger structures
Responsive styles have been made very much handy, with no need of using media queries like in CSS (you can use them if you feel the need to)
Default breakpoints but can be customized
Another perk of using Chakra UI is Hooks
Self-explanatory Documentation
Hooks
Some of the handy hooks which make your work faster and easier are:
useColorMode / useColorModeValue - helps you switch between light and dark themes, allowing you to use your color customization
useMediaQuery - the same as using media queries in CSS
Learn more about Hooks from the official ChakraUI documentation
Another reason why I liked working with ChakraUI is, they have some free templates to get started with. As a beginner, it helps add smaller components to your project like SignUp pages, Navbars, etc. Check out ChakraUI templates here - https://chakra-templates.dev/
Chakra UI Pro
It is a collection of much bigger components and if you are working for some company or your own and want the team to adapt to ChakraUI and develop products faster, ChakraUI offers its Pro plans, but their free components are quite common and useful.
I am currently learning more about Chakra UI and the community is yet small but powerful, so I think it's a good chance to grab the opportunity to learn something new!