If you ask me which React Component Library I love the most, then my answer won't be something super popular like Material UI, AntD, or ReactStrap. Instead, you will hear Chakra UI coming out of my mouth.
What is Chakra UI?
This is what the homepage of Chakra UI describes itself as:
Chakra UI is a simple, modular and accessible component library that gives you the building blocks you need to build your React applications.
Chakra UI is a latecomer to this ecosystem of React component libraries, but you will be missing out on a lot if you under-estimate how good it can be.
Why do I like Chakra UI?
Some of my favorite features about Chakra UI are :
- All the components are accessible. No more looking for how you can make your button more accessible now.
- TailwindCSS has inspired the color palette chosen for Chakra UI's default theme, and we all know how good those color choices are.
- The default component looks gorgeous, and I rarely have to change anything before using them.
- Adding dark mode support is as easy as breathing.
When it comes to React, my go-to way to bootstrap a new project is to use Next.js instead of Create-React-App. The reason behind this choice is worthy of a blog post in itself. I will write one later probably.
So let's do some coding now.